@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326063413 → 0.8.1-dev.20260326064607
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.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +477 -466
- package/dist/index.mjs +375 -364
- 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,36 +653,47 @@ 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
|
|
659
|
-
(
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
]
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
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");
|
|
675
|
+
var ViewControl = (props) => {
|
|
676
|
+
const ControlComponents = {
|
|
677
|
+
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
678
|
+
// [ViewControlTypes.asset]: Asset,
|
|
679
|
+
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
680
|
+
[ViewControlTypes_default.money]: MoneyView_default,
|
|
681
|
+
[ViewControlTypes_default.date]: DateView_default,
|
|
682
|
+
[ViewControlTypes_default.time]: DateView_default,
|
|
683
|
+
[ViewControlTypes_default.datetime]: DateView_default,
|
|
684
|
+
[ViewControlTypes_default.number]: NumberView_default,
|
|
685
|
+
[ViewControlTypes_default.multilineText]: MultilineTextView_default,
|
|
686
|
+
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
687
|
+
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
688
|
+
// [ViewControlTypes.statusBg]: StatusBg,
|
|
689
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
|
|
690
|
+
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
691
|
+
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
692
|
+
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
|
|
693
|
+
};
|
|
694
|
+
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
695
|
+
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 });
|
|
696
|
+
};
|
|
686
697
|
var ViewControl_default = ViewControl;
|
|
687
698
|
|
|
688
699
|
// src/components/controls/edit/InputControl.tsx
|
|
@@ -690,7 +701,7 @@ var import_react29 = __toESM(require("react"));
|
|
|
690
701
|
|
|
691
702
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
692
703
|
var import_react10 = __toESM(require("react"));
|
|
693
|
-
var
|
|
704
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
694
705
|
var MultilineTextInput = (props) => {
|
|
695
706
|
const textChangeHandler = (event) => {
|
|
696
707
|
const text = event.target.value;
|
|
@@ -709,11 +720,11 @@ var MultilineTextInput = (props) => {
|
|
|
709
720
|
if (props.value !== void 0 && props.value !== null) {
|
|
710
721
|
value = props.value;
|
|
711
722
|
}
|
|
712
|
-
return /* @__PURE__ */ (0,
|
|
713
|
-
/* @__PURE__ */ (0,
|
|
723
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "block mb-1", children: [
|
|
724
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
714
725
|
" ",
|
|
715
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
716
|
-
/* @__PURE__ */ (0,
|
|
726
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-alert", children: "*" }),
|
|
727
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
717
728
|
"textarea",
|
|
718
729
|
{
|
|
719
730
|
name: props.name,
|
|
@@ -730,14 +741,14 @@ var MultilineTextInput = (props) => {
|
|
|
730
741
|
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
742
|
}
|
|
732
743
|
),
|
|
733
|
-
/* @__PURE__ */ (0,
|
|
744
|
+
/* @__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
745
|
] }) });
|
|
735
746
|
};
|
|
736
747
|
var MultilineTextInput_default = MultilineTextInput;
|
|
737
748
|
|
|
738
749
|
// src/components/controls/edit/LineTextInput.tsx
|
|
739
750
|
var import_react11 = __toESM(require("react"));
|
|
740
|
-
var
|
|
751
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
741
752
|
var LineTextInput = (props) => {
|
|
742
753
|
const textChangeHandler = (event) => {
|
|
743
754
|
const text = event.target.value;
|
|
@@ -756,11 +767,11 @@ var LineTextInput = (props) => {
|
|
|
756
767
|
if (props.value !== void 0 && props.value !== null) {
|
|
757
768
|
value = props.value;
|
|
758
769
|
}
|
|
759
|
-
return /* @__PURE__ */ (0,
|
|
760
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block", children: [
|
|
771
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
761
772
|
" ",
|
|
762
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
763
|
-
/* @__PURE__ */ (0,
|
|
773
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
|
|
774
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
764
775
|
"input",
|
|
765
776
|
{
|
|
766
777
|
type: "text",
|
|
@@ -782,14 +793,14 @@ var LineTextInput = (props) => {
|
|
|
782
793
|
`
|
|
783
794
|
}
|
|
784
795
|
),
|
|
785
|
-
/* @__PURE__ */ (0,
|
|
796
|
+
/* @__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
797
|
] }) });
|
|
787
798
|
};
|
|
788
799
|
var LineTextInput_default = LineTextInput;
|
|
789
800
|
|
|
790
801
|
// src/components/controls/edit/MoneyInput.tsx
|
|
791
802
|
var import_react12 = __toESM(require("react"));
|
|
792
|
-
var
|
|
803
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
793
804
|
var MoneyInput = (props) => {
|
|
794
805
|
const textChangeHandler = (event) => {
|
|
795
806
|
const rawValue = event.target.value;
|
|
@@ -818,11 +829,11 @@ var MoneyInput = (props) => {
|
|
|
818
829
|
e.preventDefault();
|
|
819
830
|
}
|
|
820
831
|
};
|
|
821
|
-
return /* @__PURE__ */ (0,
|
|
822
|
-
/* @__PURE__ */ (0,
|
|
832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block mb-1", children: [
|
|
833
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
823
834
|
" ",
|
|
824
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
825
|
-
/* @__PURE__ */ (0,
|
|
835
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
|
|
836
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
826
837
|
"input",
|
|
827
838
|
{
|
|
828
839
|
type: "number",
|
|
@@ -842,7 +853,7 @@ var MoneyInput = (props) => {
|
|
|
842
853
|
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
854
|
}
|
|
844
855
|
),
|
|
845
|
-
/* @__PURE__ */ (0,
|
|
856
|
+
/* @__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
857
|
] }) });
|
|
847
858
|
};
|
|
848
859
|
var MoneyInput_default = MoneyInput;
|
|
@@ -873,7 +884,7 @@ var InputControlType_default = InputControlType;
|
|
|
873
884
|
|
|
874
885
|
// src/components/controls/edit/Select.tsx
|
|
875
886
|
var import_react13 = require("react");
|
|
876
|
-
var
|
|
887
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
877
888
|
var Select = (props) => {
|
|
878
889
|
const [list, setList] = (0, import_react13.useState)([]);
|
|
879
890
|
const getSafeValue = (val) => {
|
|
@@ -931,10 +942,10 @@ var Select = (props) => {
|
|
|
931
942
|
props.dataSourceDependsOn
|
|
932
943
|
]);
|
|
933
944
|
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,
|
|
945
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block", children: [
|
|
946
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
947
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
|
|
948
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
938
949
|
"select",
|
|
939
950
|
{
|
|
940
951
|
name: props.name,
|
|
@@ -945,23 +956,23 @@ var Select = (props) => {
|
|
|
945
956
|
disabled: props.attributes?.readOnly,
|
|
946
957
|
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
958
|
children: [
|
|
948
|
-
/* @__PURE__ */ (0,
|
|
959
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
949
960
|
list.map((item, index) => {
|
|
950
961
|
const keyField = props.dataKeyFieldName;
|
|
951
962
|
const textField = props.dataTextFieldName;
|
|
952
|
-
return /* @__PURE__ */ (0,
|
|
963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
953
964
|
})
|
|
954
965
|
]
|
|
955
966
|
}
|
|
956
967
|
),
|
|
957
|
-
/* @__PURE__ */ (0,
|
|
968
|
+
/* @__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
969
|
] });
|
|
959
970
|
};
|
|
960
971
|
var Select_default = Select;
|
|
961
972
|
|
|
962
973
|
// src/components/controls/edit/PercentageInput.tsx
|
|
963
974
|
var import_react14 = __toESM(require("react"));
|
|
964
|
-
var
|
|
975
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
965
976
|
var PercentageInput = (props) => {
|
|
966
977
|
const textChangeHandler = (event) => {
|
|
967
978
|
const rawValue = event.target.value;
|
|
@@ -990,11 +1001,11 @@ var PercentageInput = (props) => {
|
|
|
990
1001
|
e.preventDefault();
|
|
991
1002
|
}
|
|
992
1003
|
};
|
|
993
|
-
return /* @__PURE__ */ (0,
|
|
994
|
-
/* @__PURE__ */ (0,
|
|
1004
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
|
|
1005
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
995
1006
|
" ",
|
|
996
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
997
|
-
/* @__PURE__ */ (0,
|
|
1007
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1008
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
998
1009
|
"input",
|
|
999
1010
|
{
|
|
1000
1011
|
type: "number",
|
|
@@ -1013,14 +1024,14 @@ var PercentageInput = (props) => {
|
|
|
1013
1024
|
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
1025
|
}
|
|
1015
1026
|
),
|
|
1016
|
-
/* @__PURE__ */ (0,
|
|
1027
|
+
/* @__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
1028
|
] }) });
|
|
1018
1029
|
};
|
|
1019
1030
|
var PercentageInput_default = PercentageInput;
|
|
1020
1031
|
|
|
1021
1032
|
// src/components/controls/edit/PhoneInput.tsx
|
|
1022
1033
|
var import_react15 = __toESM(require("react"));
|
|
1023
|
-
var
|
|
1034
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1024
1035
|
var PhoneInput = (props) => {
|
|
1025
1036
|
const textChangeHandler = (event) => {
|
|
1026
1037
|
const text = event.target.value;
|
|
@@ -1039,11 +1050,11 @@ var PhoneInput = (props) => {
|
|
|
1039
1050
|
if (props.value !== void 0 && props.value !== null) {
|
|
1040
1051
|
value = props.value;
|
|
1041
1052
|
}
|
|
1042
|
-
return /* @__PURE__ */ (0,
|
|
1043
|
-
/* @__PURE__ */ (0,
|
|
1044
|
-
/* @__PURE__ */ (0,
|
|
1045
|
-
/* @__PURE__ */ (0,
|
|
1046
|
-
/* @__PURE__ */ (0,
|
|
1053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block mb-1", children: [
|
|
1054
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1055
|
+
/* @__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: [
|
|
1056
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
|
|
1057
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1047
1058
|
"input",
|
|
1048
1059
|
{
|
|
1049
1060
|
type: "text",
|
|
@@ -1061,14 +1072,14 @@ var PhoneInput = (props) => {
|
|
|
1061
1072
|
}
|
|
1062
1073
|
)
|
|
1063
1074
|
] }),
|
|
1064
|
-
/* @__PURE__ */ (0,
|
|
1075
|
+
/* @__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
1076
|
] }) });
|
|
1066
1077
|
};
|
|
1067
1078
|
var PhoneInput_default = PhoneInput;
|
|
1068
1079
|
|
|
1069
1080
|
// src/components/controls/edit/NumberInput.tsx
|
|
1070
1081
|
var import_react16 = __toESM(require("react"));
|
|
1071
|
-
var
|
|
1082
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1072
1083
|
var NumberInput = (props) => {
|
|
1073
1084
|
const textChangeHandler = (event) => {
|
|
1074
1085
|
const text = event.target.value;
|
|
@@ -1091,11 +1102,11 @@ var NumberInput = (props) => {
|
|
|
1091
1102
|
if (props.value !== void 0 && props.value !== null) {
|
|
1092
1103
|
value = props.value;
|
|
1093
1104
|
}
|
|
1094
|
-
return /* @__PURE__ */ (0,
|
|
1095
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block", children: [
|
|
1106
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
1096
1107
|
" ",
|
|
1097
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1098
|
-
/* @__PURE__ */ (0,
|
|
1108
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1109
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1099
1110
|
"input",
|
|
1100
1111
|
{
|
|
1101
1112
|
type: "number",
|
|
@@ -1114,14 +1125,14 @@ var NumberInput = (props) => {
|
|
|
1114
1125
|
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
1126
|
}
|
|
1116
1127
|
),
|
|
1117
|
-
/* @__PURE__ */ (0,
|
|
1128
|
+
/* @__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
1129
|
] }) });
|
|
1119
1130
|
};
|
|
1120
1131
|
var NumberInput_default = NumberInput;
|
|
1121
1132
|
|
|
1122
1133
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
1123
1134
|
var import_react17 = __toESM(require("react"));
|
|
1124
|
-
var
|
|
1135
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1125
1136
|
var CheckboxInput = (props) => {
|
|
1126
1137
|
const textChangeHandler = (event) => {
|
|
1127
1138
|
let text = event.target.checked;
|
|
@@ -1140,11 +1151,11 @@ var CheckboxInput = (props) => {
|
|
|
1140
1151
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
1141
1152
|
value = true;
|
|
1142
1153
|
}
|
|
1143
|
-
return /* @__PURE__ */ (0,
|
|
1144
|
-
/* @__PURE__ */ (0,
|
|
1154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block mb-1", children: [
|
|
1155
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1145
1156
|
" ",
|
|
1146
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1147
|
-
/* @__PURE__ */ (0,
|
|
1157
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1158
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1148
1159
|
"input",
|
|
1149
1160
|
{
|
|
1150
1161
|
type: "checkbox",
|
|
@@ -1161,14 +1172,14 @@ var CheckboxInput = (props) => {
|
|
|
1161
1172
|
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
1173
|
}
|
|
1163
1174
|
),
|
|
1164
|
-
/* @__PURE__ */ (0,
|
|
1175
|
+
/* @__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
1176
|
] }) });
|
|
1166
1177
|
};
|
|
1167
1178
|
var CheckboxInput_default = CheckboxInput;
|
|
1168
1179
|
|
|
1169
1180
|
// src/components/controls/edit/OtpInput.tsx
|
|
1170
1181
|
var import_react18 = __toESM(require("react"));
|
|
1171
|
-
var
|
|
1182
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1172
1183
|
var OtpInput = (props) => {
|
|
1173
1184
|
const textChangeHandler = (event) => {
|
|
1174
1185
|
const text = event.target.value;
|
|
@@ -1190,9 +1201,9 @@ var OtpInput = (props) => {
|
|
|
1190
1201
|
if (props.value !== void 0 && props.value !== null) {
|
|
1191
1202
|
value = props.value;
|
|
1192
1203
|
}
|
|
1193
|
-
return /* @__PURE__ */ (0,
|
|
1194
|
-
/* @__PURE__ */ (0,
|
|
1195
|
-
/* @__PURE__ */ (0,
|
|
1204
|
+
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: [
|
|
1205
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1206
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1196
1207
|
"input",
|
|
1197
1208
|
{
|
|
1198
1209
|
type: "text",
|
|
@@ -1212,7 +1223,7 @@ var OtpInput = (props) => {
|
|
|
1212
1223
|
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
1224
|
}
|
|
1214
1225
|
),
|
|
1215
|
-
/* @__PURE__ */ (0,
|
|
1226
|
+
/* @__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
1227
|
] }) });
|
|
1217
1228
|
};
|
|
1218
1229
|
var OtpInput_default = OtpInput;
|
|
@@ -1295,7 +1306,7 @@ var DateTimeUtility_default = DateTimeUtility;
|
|
|
1295
1306
|
|
|
1296
1307
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
1297
1308
|
var import_react19 = __toESM(require("react"));
|
|
1298
|
-
var
|
|
1309
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1299
1310
|
var DateTimeInput = (props) => {
|
|
1300
1311
|
const textChangeHandler = (event) => {
|
|
1301
1312
|
const localDate = new Date(event.target.value);
|
|
@@ -1330,12 +1341,12 @@ var DateTimeInput = (props) => {
|
|
|
1330
1341
|
timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
|
|
1331
1342
|
localvalue = localDate?.toISOString()?.slice(0, 16);
|
|
1332
1343
|
}
|
|
1333
|
-
return /* @__PURE__ */ (0,
|
|
1334
|
-
/* @__PURE__ */ (0,
|
|
1344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block mb-1", children: [
|
|
1345
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1335
1346
|
" ",
|
|
1336
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1337
|
-
/* @__PURE__ */ (0,
|
|
1338
|
-
/* @__PURE__ */ (0,
|
|
1347
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1349
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1339
1350
|
"input",
|
|
1340
1351
|
{
|
|
1341
1352
|
type: "datetime-local",
|
|
@@ -1352,16 +1363,16 @@ var DateTimeInput = (props) => {
|
|
|
1352
1363
|
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
1364
|
}
|
|
1354
1365
|
),
|
|
1355
|
-
/* @__PURE__ */ (0,
|
|
1366
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: timeZoneAbbr })
|
|
1356
1367
|
] }),
|
|
1357
|
-
/* @__PURE__ */ (0,
|
|
1368
|
+
/* @__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
1369
|
] }) });
|
|
1359
1370
|
};
|
|
1360
1371
|
var DateTimeInput_default = DateTimeInput;
|
|
1361
1372
|
|
|
1362
1373
|
// src/components/controls/edit/ColorInput.tsx
|
|
1363
1374
|
var import_react20 = __toESM(require("react"));
|
|
1364
|
-
var
|
|
1375
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1365
1376
|
var ColorInput = (props) => {
|
|
1366
1377
|
const [color, setColor] = import_react20.default.useState("#3b82f6");
|
|
1367
1378
|
(0, import_react20.useEffect)(() => {
|
|
@@ -1383,11 +1394,11 @@ var ColorInput = (props) => {
|
|
|
1383
1394
|
});
|
|
1384
1395
|
}
|
|
1385
1396
|
};
|
|
1386
|
-
return /* @__PURE__ */ (0,
|
|
1387
|
-
/* @__PURE__ */ (0,
|
|
1397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
|
|
1398
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1388
1399
|
" ",
|
|
1389
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1390
|
-
/* @__PURE__ */ (0,
|
|
1400
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1401
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1391
1402
|
"input",
|
|
1392
1403
|
{
|
|
1393
1404
|
type: "color",
|
|
@@ -1400,14 +1411,14 @@ var ColorInput = (props) => {
|
|
|
1400
1411
|
className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
|
|
1401
1412
|
}
|
|
1402
1413
|
),
|
|
1403
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
1414
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
|
|
1404
1415
|
] });
|
|
1405
1416
|
};
|
|
1406
1417
|
var ColorInput_default = ColorInput;
|
|
1407
1418
|
|
|
1408
1419
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
1409
1420
|
var import_react21 = require("react");
|
|
1410
|
-
var
|
|
1421
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1411
1422
|
var SelectWithSearchInput = (props) => {
|
|
1412
1423
|
const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
|
|
1413
1424
|
const [searchTerm, setSearchTerm] = (0, import_react21.useState)("");
|
|
@@ -1478,12 +1489,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1478
1489
|
});
|
|
1479
1490
|
}
|
|
1480
1491
|
}, [highlightedIndex]);
|
|
1481
|
-
return /* @__PURE__ */ (0,
|
|
1482
|
-
/* @__PURE__ */ (0,
|
|
1492
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
|
|
1493
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { children: props.attributes?.label }),
|
|
1483
1494
|
" ",
|
|
1484
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1485
|
-
/* @__PURE__ */ (0,
|
|
1486
|
-
/* @__PURE__ */ (0,
|
|
1495
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1496
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
|
|
1497
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1487
1498
|
"input",
|
|
1488
1499
|
{
|
|
1489
1500
|
type: "text",
|
|
@@ -1499,13 +1510,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
1499
1510
|
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
1511
|
}
|
|
1501
1512
|
),
|
|
1502
|
-
/* @__PURE__ */ (0,
|
|
1513
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1503
1514
|
"button",
|
|
1504
1515
|
{
|
|
1505
1516
|
type: "button",
|
|
1506
1517
|
onClick: () => setIsOpen(!isOpen),
|
|
1507
1518
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1508
|
-
children: /* @__PURE__ */ (0,
|
|
1519
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1509
1520
|
"svg",
|
|
1510
1521
|
{
|
|
1511
1522
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1514,7 +1525,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
1514
1525
|
strokeWidth: 1.5,
|
|
1515
1526
|
stroke: "currentColor",
|
|
1516
1527
|
className: "w-full h-full",
|
|
1517
|
-
children: /* @__PURE__ */ (0,
|
|
1528
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1518
1529
|
"path",
|
|
1519
1530
|
{
|
|
1520
1531
|
strokeLinecap: "round",
|
|
@@ -1527,12 +1538,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1527
1538
|
}
|
|
1528
1539
|
)
|
|
1529
1540
|
] }),
|
|
1530
|
-
isOpen && /* @__PURE__ */ (0,
|
|
1541
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1531
1542
|
"div",
|
|
1532
1543
|
{
|
|
1533
1544
|
ref: dropdownRef,
|
|
1534
1545
|
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,
|
|
1546
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1536
1547
|
"button",
|
|
1537
1548
|
{
|
|
1538
1549
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1540,10 +1551,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
1540
1551
|
role: "option",
|
|
1541
1552
|
tabIndex: -1,
|
|
1542
1553
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1543
|
-
children: /* @__PURE__ */ (0,
|
|
1554
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
1544
1555
|
},
|
|
1545
1556
|
item[props.dataKeyFieldName]
|
|
1546
|
-
)) : /* @__PURE__ */ (0,
|
|
1557
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1547
1558
|
}
|
|
1548
1559
|
)
|
|
1549
1560
|
] });
|
|
@@ -1609,7 +1620,7 @@ var import_react23 = require("react");
|
|
|
1609
1620
|
|
|
1610
1621
|
// src/components/ClientButton.tsx
|
|
1611
1622
|
var import_react22 = __toESM(require("react"));
|
|
1612
|
-
var
|
|
1623
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1613
1624
|
var ClientButton = (props) => {
|
|
1614
1625
|
const execute = async (event) => {
|
|
1615
1626
|
if (props.onClick !== void 0) {
|
|
@@ -1619,7 +1630,7 @@ var ClientButton = (props) => {
|
|
|
1619
1630
|
}
|
|
1620
1631
|
};
|
|
1621
1632
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1622
|
-
return /* @__PURE__ */ (0,
|
|
1633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1623
1634
|
"button",
|
|
1624
1635
|
{
|
|
1625
1636
|
type: "button",
|
|
@@ -1632,7 +1643,7 @@ var ClientButton = (props) => {
|
|
|
1632
1643
|
var ClientButton_default = ClientButton;
|
|
1633
1644
|
|
|
1634
1645
|
// src/components/Confirm.tsx
|
|
1635
|
-
var
|
|
1646
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1636
1647
|
var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1637
1648
|
const [showModal, setShowModal] = (0, import_react23.useState)(true);
|
|
1638
1649
|
const handleConfirmAction = () => {
|
|
@@ -1647,13 +1658,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1647
1658
|
onCancel();
|
|
1648
1659
|
}
|
|
1649
1660
|
};
|
|
1650
|
-
return /* @__PURE__ */ (0,
|
|
1651
|
-
/* @__PURE__ */ (0,
|
|
1652
|
-
/* @__PURE__ */ (0,
|
|
1653
|
-
/* @__PURE__ */ (0,
|
|
1654
|
-
/* @__PURE__ */ (0,
|
|
1655
|
-
/* @__PURE__ */ (0,
|
|
1656
|
-
/* @__PURE__ */ (0,
|
|
1661
|
+
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: [
|
|
1662
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1663
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1664
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1665
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mb-4", children: message }),
|
|
1666
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
1667
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1657
1668
|
ClientButton_default,
|
|
1658
1669
|
{
|
|
1659
1670
|
onClick: handleCancelAction,
|
|
@@ -1661,7 +1672,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1661
1672
|
children: "Cancel"
|
|
1662
1673
|
}
|
|
1663
1674
|
),
|
|
1664
|
-
/* @__PURE__ */ (0,
|
|
1675
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1665
1676
|
ClientButton_default,
|
|
1666
1677
|
{
|
|
1667
1678
|
onClick: handleConfirmAction,
|
|
@@ -1677,7 +1688,7 @@ var Confirm_default = Confirm;
|
|
|
1677
1688
|
}
|
|
1678
1689
|
|
|
1679
1690
|
// src/components/Button.tsx
|
|
1680
|
-
var
|
|
1691
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1681
1692
|
var Button = (props) => {
|
|
1682
1693
|
const [inProgress, setInProgress] = (0, import_react24.useState)(false);
|
|
1683
1694
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react24.useState)(false);
|
|
@@ -1726,14 +1737,14 @@ var Button = (props) => {
|
|
|
1726
1737
|
return new Promise((resolve) => {
|
|
1727
1738
|
const onConfirm = () => resolve(true);
|
|
1728
1739
|
const onCancel = () => resolve(false);
|
|
1729
|
-
setShowModal(/* @__PURE__ */ (0,
|
|
1740
|
+
setShowModal(/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
1730
1741
|
});
|
|
1731
1742
|
};
|
|
1732
1743
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1733
1744
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
1734
1745
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
1735
|
-
return /* @__PURE__ */ (0,
|
|
1736
|
-
/* @__PURE__ */ (0,
|
|
1746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react24.default.Fragment, { children: [
|
|
1747
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
1737
1748
|
"button",
|
|
1738
1749
|
{
|
|
1739
1750
|
type: "submit",
|
|
@@ -1743,9 +1754,9 @@ var Button = (props) => {
|
|
|
1743
1754
|
className: buttonClass + " relative " + props.className,
|
|
1744
1755
|
children: [
|
|
1745
1756
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
1746
|
-
inProgress && /* @__PURE__ */ (0,
|
|
1747
|
-
/* @__PURE__ */ (0,
|
|
1748
|
-
/* @__PURE__ */ (0,
|
|
1757
|
+
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: [
|
|
1758
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
1759
|
+
/* @__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
1760
|
] }) })
|
|
1750
1761
|
]
|
|
1751
1762
|
}
|
|
@@ -1757,7 +1768,7 @@ var Button_default = Button;
|
|
|
1757
1768
|
|
|
1758
1769
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
1759
1770
|
var import_react25 = __toESM(require("react"));
|
|
1760
|
-
var
|
|
1771
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1761
1772
|
var SelectWithSearchPanel = (props) => {
|
|
1762
1773
|
const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
|
|
1763
1774
|
const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
|
|
@@ -1893,9 +1904,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1893
1904
|
console.log("Form Data:", formData);
|
|
1894
1905
|
return formData;
|
|
1895
1906
|
}, []);
|
|
1896
|
-
return /* @__PURE__ */ (0,
|
|
1897
|
-
/* @__PURE__ */ (0,
|
|
1898
|
-
/* @__PURE__ */ (0,
|
|
1907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
|
|
1908
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
|
|
1909
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1899
1910
|
"input",
|
|
1900
1911
|
{
|
|
1901
1912
|
type: "text",
|
|
@@ -1909,14 +1920,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1909
1920
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
1910
1921
|
}
|
|
1911
1922
|
) }),
|
|
1912
|
-
/* @__PURE__ */ (0,
|
|
1913
|
-
/* @__PURE__ */ (0,
|
|
1914
|
-
/* @__PURE__ */ (0,
|
|
1923
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react25.default.Fragment, { children: [
|
|
1924
|
+
/* @__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: [
|
|
1925
|
+
/* @__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
1926
|
"Select a",
|
|
1916
1927
|
" ",
|
|
1917
1928
|
props.attributes?.label || props.attributes?.heading
|
|
1918
1929
|
] }) }),
|
|
1919
|
-
/* @__PURE__ */ (0,
|
|
1930
|
+
/* @__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
1931
|
"button",
|
|
1921
1932
|
{
|
|
1922
1933
|
type: "button",
|
|
@@ -1929,12 +1940,12 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1929
1940
|
}
|
|
1930
1941
|
) })
|
|
1931
1942
|
] }),
|
|
1932
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
1933
|
-
/* @__PURE__ */ (0,
|
|
1943
|
+
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: [
|
|
1944
|
+
/* @__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
1945
|
"Create New ",
|
|
1935
1946
|
props.attributes?.label
|
|
1936
1947
|
] }) }),
|
|
1937
|
-
/* @__PURE__ */ (0,
|
|
1948
|
+
/* @__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
1949
|
"button",
|
|
1939
1950
|
{
|
|
1940
1951
|
type: "button",
|
|
@@ -1943,10 +1954,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1943
1954
|
children: "Close"
|
|
1944
1955
|
}
|
|
1945
1956
|
) }),
|
|
1946
|
-
/* @__PURE__ */ (0,
|
|
1947
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
1948
|
-
/* @__PURE__ */ (0,
|
|
1949
|
-
/* @__PURE__ */ (0,
|
|
1957
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-4", children: [
|
|
1958
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-4", children: [
|
|
1959
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
1960
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1950
1961
|
"input",
|
|
1951
1962
|
{
|
|
1952
1963
|
type: field.type,
|
|
@@ -1962,7 +1973,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1962
1973
|
}
|
|
1963
1974
|
)
|
|
1964
1975
|
] }, field.name)),
|
|
1965
|
-
/* @__PURE__ */ (0,
|
|
1976
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button_default, { onClick: async () => {
|
|
1966
1977
|
handleSaveModal();
|
|
1967
1978
|
return { isSuccessful: true };
|
|
1968
1979
|
}, className: "w-full", children: [
|
|
@@ -1971,13 +1982,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1971
1982
|
] })
|
|
1972
1983
|
] })
|
|
1973
1984
|
] }),
|
|
1974
|
-
/* @__PURE__ */ (0,
|
|
1985
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1975
1986
|
"div",
|
|
1976
1987
|
{
|
|
1977
1988
|
ref: listRef,
|
|
1978
1989
|
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
1990
|
style: { height: "calc(100vh - 130px)" },
|
|
1980
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1991
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1981
1992
|
"button",
|
|
1982
1993
|
{
|
|
1983
1994
|
onClick: (e) => {
|
|
@@ -1987,9 +1998,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1987
1998
|
role: "option",
|
|
1988
1999
|
tabIndex: -1,
|
|
1989
2000
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1990
|
-
children: /* @__PURE__ */ (0,
|
|
2001
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
1991
2002
|
}
|
|
1992
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2003
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1993
2004
|
}
|
|
1994
2005
|
)
|
|
1995
2006
|
] }) })
|
|
@@ -1999,7 +2010,7 @@ var SelectWithSearchPanel_default = SelectWithSearchPanel;
|
|
|
1999
2010
|
|
|
2000
2011
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
2001
2012
|
var import_react26 = __toESM(require("react"));
|
|
2002
|
-
var
|
|
2013
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2003
2014
|
var BooleanSelect = (props) => {
|
|
2004
2015
|
const [list, setList] = (0, import_react26.useState)();
|
|
2005
2016
|
const textChangeHandler = (event) => {
|
|
@@ -2048,11 +2059,11 @@ var BooleanSelect = (props) => {
|
|
|
2048
2059
|
if (props.value !== void 0 && props.value !== null) {
|
|
2049
2060
|
value = props.value;
|
|
2050
2061
|
}
|
|
2051
|
-
return /* @__PURE__ */ (0,
|
|
2052
|
-
/* @__PURE__ */ (0,
|
|
2062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block", children: [
|
|
2063
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2053
2064
|
" ",
|
|
2054
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2055
|
-
/* @__PURE__ */ (0,
|
|
2065
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2066
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
2056
2067
|
"select",
|
|
2057
2068
|
{
|
|
2058
2069
|
name: props.name,
|
|
@@ -2064,9 +2075,9 @@ var BooleanSelect = (props) => {
|
|
|
2064
2075
|
disabled: props?.attributes?.readOnly,
|
|
2065
2076
|
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
2077
|
children: [
|
|
2067
|
-
/* @__PURE__ */ (0,
|
|
2078
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2068
2079
|
list && list.map((item, i) => {
|
|
2069
|
-
return /* @__PURE__ */ (0,
|
|
2080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2070
2081
|
"option",
|
|
2071
2082
|
{
|
|
2072
2083
|
className: "fac-select-option",
|
|
@@ -2079,14 +2090,14 @@ var BooleanSelect = (props) => {
|
|
|
2079
2090
|
]
|
|
2080
2091
|
}
|
|
2081
2092
|
),
|
|
2082
|
-
/* @__PURE__ */ (0,
|
|
2093
|
+
/* @__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
2094
|
] }) });
|
|
2084
2095
|
};
|
|
2085
2096
|
var BooleanSelect_default = BooleanSelect;
|
|
2086
2097
|
|
|
2087
2098
|
// src/components/controls/edit/EmailInput.tsx
|
|
2088
2099
|
var import_react27 = __toESM(require("react"));
|
|
2089
|
-
var
|
|
2100
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2090
2101
|
var EmailInput = (props) => {
|
|
2091
2102
|
const textChangeHandler = (event) => {
|
|
2092
2103
|
const text = event.target.value;
|
|
@@ -2111,11 +2122,11 @@ var EmailInput = (props) => {
|
|
|
2111
2122
|
if (props.value !== void 0 && props.value !== null) {
|
|
2112
2123
|
value = props.value;
|
|
2113
2124
|
}
|
|
2114
|
-
return /* @__PURE__ */ (0,
|
|
2115
|
-
/* @__PURE__ */ (0,
|
|
2125
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
|
|
2126
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
2116
2127
|
" ",
|
|
2117
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2118
|
-
/* @__PURE__ */ (0,
|
|
2128
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2129
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2119
2130
|
"input",
|
|
2120
2131
|
{
|
|
2121
2132
|
type: "email",
|
|
@@ -2131,14 +2142,14 @@ var EmailInput = (props) => {
|
|
|
2131
2142
|
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
2143
|
}
|
|
2133
2144
|
),
|
|
2134
|
-
/* @__PURE__ */ (0,
|
|
2145
|
+
/* @__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
2146
|
] }) });
|
|
2136
2147
|
};
|
|
2137
2148
|
var EmailInput_default = EmailInput;
|
|
2138
2149
|
|
|
2139
2150
|
// src/components/controls/edit/TimeInput.tsx
|
|
2140
2151
|
var import_react28 = __toESM(require("react"));
|
|
2141
|
-
var
|
|
2152
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2142
2153
|
var TimeInput = (props) => {
|
|
2143
2154
|
const timeChangeHandler = (event) => {
|
|
2144
2155
|
const timeValue = event.target.value;
|
|
@@ -2151,10 +2162,10 @@ var TimeInput = (props) => {
|
|
|
2151
2162
|
});
|
|
2152
2163
|
}
|
|
2153
2164
|
};
|
|
2154
|
-
return /* @__PURE__ */ (0,
|
|
2155
|
-
/* @__PURE__ */ (0,
|
|
2156
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2157
|
-
/* @__PURE__ */ (0,
|
|
2165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
|
|
2166
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2167
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2168
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2158
2169
|
"input",
|
|
2159
2170
|
{
|
|
2160
2171
|
type: "time",
|
|
@@ -2167,13 +2178,13 @@ var TimeInput = (props) => {
|
|
|
2167
2178
|
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
2179
|
}
|
|
2169
2180
|
) }),
|
|
2170
|
-
/* @__PURE__ */ (0,
|
|
2181
|
+
/* @__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
2182
|
] }) });
|
|
2172
2183
|
};
|
|
2173
2184
|
var TimeInput_default = TimeInput;
|
|
2174
2185
|
|
|
2175
2186
|
// src/components/controls/edit/InputControl.tsx
|
|
2176
|
-
var
|
|
2187
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2177
2188
|
var InputControl = import_react29.default.forwardRef(
|
|
2178
2189
|
(props, ref) => {
|
|
2179
2190
|
const ControlComponents = {
|
|
@@ -2195,7 +2206,7 @@ var InputControl = import_react29.default.forwardRef(
|
|
|
2195
2206
|
[InputControlType_default.timeInput]: TimeInput_default
|
|
2196
2207
|
};
|
|
2197
2208
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
2198
|
-
return /* @__PURE__ */ (0,
|
|
2209
|
+
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
2210
|
}
|
|
2200
2211
|
);
|
|
2201
2212
|
InputControl.displayName = "InputControl";
|
|
@@ -2207,46 +2218,46 @@ var import_navigation = require("next/navigation");
|
|
|
2207
2218
|
|
|
2208
2219
|
// src/components/dataForm/NoContentView.tsx
|
|
2209
2220
|
var import_react30 = __toESM(require("react"));
|
|
2210
|
-
var
|
|
2221
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2211
2222
|
var NoContentView = (props) => {
|
|
2212
|
-
return /* @__PURE__ */ (0,
|
|
2223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react30.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
2213
2224
|
};
|
|
2214
2225
|
var NoContentView_default = NoContentView;
|
|
2215
2226
|
|
|
2216
2227
|
// src/components/dataForm/ContentView.tsx
|
|
2217
2228
|
var import_react31 = __toESM(require("react"));
|
|
2218
|
-
var
|
|
2229
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2219
2230
|
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,
|
|
2231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react31.default.Fragment, { children: [
|
|
2232
|
+
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: [
|
|
2233
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
2234
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
2235
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "ml-2", children: [
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
2237
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
2227
2238
|
] })
|
|
2228
2239
|
] }),
|
|
2229
|
-
/* @__PURE__ */ (0,
|
|
2230
|
-
/* @__PURE__ */ (0,
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2232
|
-
/* @__PURE__ */ (0,
|
|
2233
|
-
/* @__PURE__ */ (0,
|
|
2234
|
-
/* @__PURE__ */ (0,
|
|
2235
|
-
/* @__PURE__ */ (0,
|
|
2240
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
2241
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2242
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2243
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2244
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2245
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2246
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2236
2247
|
] }),
|
|
2237
|
-
/* @__PURE__ */ (0,
|
|
2238
|
-
/* @__PURE__ */ (0,
|
|
2239
|
-
/* @__PURE__ */ (0,
|
|
2240
|
-
/* @__PURE__ */ (0,
|
|
2241
|
-
/* @__PURE__ */ (0,
|
|
2242
|
-
/* @__PURE__ */ (0,
|
|
2248
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2249
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2250
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2251
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2243
2254
|
] }),
|
|
2244
|
-
/* @__PURE__ */ (0,
|
|
2245
|
-
/* @__PURE__ */ (0,
|
|
2246
|
-
/* @__PURE__ */ (0,
|
|
2247
|
-
/* @__PURE__ */ (0,
|
|
2248
|
-
/* @__PURE__ */ (0,
|
|
2249
|
-
/* @__PURE__ */ (0,
|
|
2255
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2256
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2257
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2258
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2259
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2260
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2250
2261
|
] })
|
|
2251
2262
|
] })
|
|
2252
2263
|
] }) }),
|
|
@@ -2257,7 +2268,7 @@ var ContentView_default = ContentView;
|
|
|
2257
2268
|
|
|
2258
2269
|
// src/components/dataForm/Hyperlink.tsx
|
|
2259
2270
|
var import_link = __toESM(require("next/link"));
|
|
2260
|
-
var
|
|
2271
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2261
2272
|
function Hyperlink(props) {
|
|
2262
2273
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
|
|
2263
2274
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -2265,7 +2276,7 @@ function Hyperlink(props) {
|
|
|
2265
2276
|
if (target == "_blank") {
|
|
2266
2277
|
additionalProps.rel = "noopener noreferrer";
|
|
2267
2278
|
}
|
|
2268
|
-
return /* @__PURE__ */ (0,
|
|
2279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2269
2280
|
import_link.default,
|
|
2270
2281
|
{
|
|
2271
2282
|
href: props.href,
|
|
@@ -2275,7 +2286,7 @@ function Hyperlink(props) {
|
|
|
2275
2286
|
target,
|
|
2276
2287
|
children: props.children
|
|
2277
2288
|
}
|
|
2278
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
2289
|
+
) : 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
2290
|
}
|
|
2280
2291
|
|
|
2281
2292
|
// src/clients/OdataBuilder.tsx
|
|
@@ -2433,30 +2444,30 @@ var OdataBuilder = class {
|
|
|
2433
2444
|
};
|
|
2434
2445
|
|
|
2435
2446
|
// src/svg/chevron-updown.tsx
|
|
2436
|
-
var
|
|
2447
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2437
2448
|
var ChevronUpDown = (props) => {
|
|
2438
|
-
return /* @__PURE__ */ (0,
|
|
2449
|
+
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
2450
|
};
|
|
2440
2451
|
var chevron_updown_default = ChevronUpDown;
|
|
2441
2452
|
|
|
2442
2453
|
// src/svg/chevron-down.tsx
|
|
2443
|
-
var
|
|
2454
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2444
2455
|
var ChevronDown = (props) => {
|
|
2445
|
-
return /* @__PURE__ */ (0,
|
|
2456
|
+
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
2457
|
};
|
|
2447
2458
|
var chevron_down_default = ChevronDown;
|
|
2448
2459
|
|
|
2449
2460
|
// src/svg/chevron-up.tsx
|
|
2450
|
-
var
|
|
2461
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2451
2462
|
var ChevronUp = (props) => {
|
|
2452
|
-
return /* @__PURE__ */ (0,
|
|
2463
|
+
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
2464
|
};
|
|
2454
2465
|
var chevron_up_default = ChevronUp;
|
|
2455
2466
|
|
|
2456
2467
|
// src/svg/plus.tsx
|
|
2457
|
-
var
|
|
2468
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2458
2469
|
var Plus = (props) => {
|
|
2459
|
-
return /* @__PURE__ */ (0,
|
|
2470
|
+
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
2471
|
};
|
|
2461
2472
|
var plus_default = Plus;
|
|
2462
2473
|
|
|
@@ -2470,14 +2481,14 @@ var Icons = {
|
|
|
2470
2481
|
var Icons_default = Icons;
|
|
2471
2482
|
|
|
2472
2483
|
// src/svg/Icon.tsx
|
|
2473
|
-
var
|
|
2484
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2474
2485
|
var Icon = ({ name, className, ...props }) => {
|
|
2475
2486
|
const IconComponent = Icons_default[name];
|
|
2476
2487
|
if (!IconComponent) {
|
|
2477
2488
|
console.error(`Icon "${name}" not found.`);
|
|
2478
2489
|
return null;
|
|
2479
2490
|
}
|
|
2480
|
-
return /* @__PURE__ */ (0,
|
|
2491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IconComponent, { ...props, className });
|
|
2481
2492
|
};
|
|
2482
2493
|
var Icon_default = Icon;
|
|
2483
2494
|
|
|
@@ -2526,7 +2537,7 @@ function FormReducer(state, action) {
|
|
|
2526
2537
|
var FormReducer_default = FormReducer;
|
|
2527
2538
|
|
|
2528
2539
|
// src/components/dataForm/DataList.tsx
|
|
2529
|
-
var
|
|
2540
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2530
2541
|
var DataList = (props) => {
|
|
2531
2542
|
console.log(props.dataset, "datasetssssss");
|
|
2532
2543
|
const router = (0, import_navigation.useRouter)();
|
|
@@ -2549,7 +2560,7 @@ var DataList = (props) => {
|
|
|
2549
2560
|
if (path.includes(".")) {
|
|
2550
2561
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
2551
2562
|
} else if (Array.isArray(obj[path])) {
|
|
2552
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
2563
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: item }, index));
|
|
2553
2564
|
} else {
|
|
2554
2565
|
return obj[path];
|
|
2555
2566
|
}
|
|
@@ -2605,30 +2616,30 @@ var DataList = (props) => {
|
|
|
2605
2616
|
const renderPageNumbers = () => {
|
|
2606
2617
|
if (pages <= 10) {
|
|
2607
2618
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
2608
|
-
(page) => /* @__PURE__ */ (0,
|
|
2619
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2609
2620
|
Hyperlink,
|
|
2610
2621
|
{
|
|
2611
2622
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2612
2623
|
href: builder.getNewPageUrl(page),
|
|
2613
2624
|
children: page
|
|
2614
2625
|
}
|
|
2615
|
-
) : /* @__PURE__ */ (0,
|
|
2626
|
+
) : /* @__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
2627
|
);
|
|
2617
2628
|
} else {
|
|
2618
2629
|
const showFirstPages = activePageNumber <= 5;
|
|
2619
2630
|
const showLastPages = activePageNumber > pages - 5;
|
|
2620
2631
|
if (showFirstPages) {
|
|
2621
|
-
return /* @__PURE__ */ (0,
|
|
2622
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
2632
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2633
|
+
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
2634
|
Hyperlink,
|
|
2624
2635
|
{
|
|
2625
2636
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2626
2637
|
href: builder.getNewPageUrl(page),
|
|
2627
2638
|
children: page
|
|
2628
2639
|
}
|
|
2629
|
-
) : /* @__PURE__ */ (0,
|
|
2630
|
-
/* @__PURE__ */ (0,
|
|
2631
|
-
/* @__PURE__ */ (0,
|
|
2640
|
+
) : /* @__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)),
|
|
2641
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2642
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2632
2643
|
Hyperlink,
|
|
2633
2644
|
{
|
|
2634
2645
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2636,7 +2647,7 @@ var DataList = (props) => {
|
|
|
2636
2647
|
children: pages - 1
|
|
2637
2648
|
}
|
|
2638
2649
|
),
|
|
2639
|
-
/* @__PURE__ */ (0,
|
|
2650
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2640
2651
|
Hyperlink,
|
|
2641
2652
|
{
|
|
2642
2653
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2644,7 +2655,7 @@ var DataList = (props) => {
|
|
|
2644
2655
|
children: pages
|
|
2645
2656
|
}
|
|
2646
2657
|
),
|
|
2647
|
-
/* @__PURE__ */ (0,
|
|
2658
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2648
2659
|
"select",
|
|
2649
2660
|
{
|
|
2650
2661
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2656,18 +2667,18 @@ var DataList = (props) => {
|
|
|
2656
2667
|
}
|
|
2657
2668
|
},
|
|
2658
2669
|
children: [
|
|
2659
|
-
/* @__PURE__ */ (0,
|
|
2670
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
2660
2671
|
Array.from(
|
|
2661
2672
|
{ length: Math.max(0, pages - 10) },
|
|
2662
2673
|
(_, index) => index + 9
|
|
2663
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
2674
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: page, children: page }, page))
|
|
2664
2675
|
]
|
|
2665
2676
|
}
|
|
2666
2677
|
) })
|
|
2667
2678
|
] });
|
|
2668
2679
|
} else if (showLastPages) {
|
|
2669
|
-
return /* @__PURE__ */ (0,
|
|
2670
|
-
/* @__PURE__ */ (0,
|
|
2680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2681
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2671
2682
|
Hyperlink,
|
|
2672
2683
|
{
|
|
2673
2684
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2675,7 +2686,7 @@ var DataList = (props) => {
|
|
|
2675
2686
|
children: "1"
|
|
2676
2687
|
}
|
|
2677
2688
|
),
|
|
2678
|
-
/* @__PURE__ */ (0,
|
|
2689
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2679
2690
|
Hyperlink,
|
|
2680
2691
|
{
|
|
2681
2692
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2683,21 +2694,21 @@ var DataList = (props) => {
|
|
|
2683
2694
|
children: "2"
|
|
2684
2695
|
}
|
|
2685
2696
|
),
|
|
2686
|
-
/* @__PURE__ */ (0,
|
|
2697
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2687
2698
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
2688
|
-
(page) => /* @__PURE__ */ (0,
|
|
2699
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2689
2700
|
Hyperlink,
|
|
2690
2701
|
{
|
|
2691
2702
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2692
2703
|
href: builder.getNewPageUrl(page),
|
|
2693
2704
|
children: page
|
|
2694
2705
|
}
|
|
2695
|
-
) : /* @__PURE__ */ (0,
|
|
2706
|
+
) : /* @__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
2707
|
)
|
|
2697
2708
|
] });
|
|
2698
2709
|
} else {
|
|
2699
|
-
return /* @__PURE__ */ (0,
|
|
2700
|
-
/* @__PURE__ */ (0,
|
|
2710
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2711
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2701
2712
|
Hyperlink,
|
|
2702
2713
|
{
|
|
2703
2714
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2705,7 +2716,7 @@ var DataList = (props) => {
|
|
|
2705
2716
|
children: "1"
|
|
2706
2717
|
}
|
|
2707
2718
|
),
|
|
2708
|
-
/* @__PURE__ */ (0,
|
|
2719
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2709
2720
|
Hyperlink,
|
|
2710
2721
|
{
|
|
2711
2722
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2713,20 +2724,20 @@ var DataList = (props) => {
|
|
|
2713
2724
|
children: "2"
|
|
2714
2725
|
}
|
|
2715
2726
|
),
|
|
2716
|
-
/* @__PURE__ */ (0,
|
|
2727
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2717
2728
|
Array.from(
|
|
2718
2729
|
{ length: 5 },
|
|
2719
2730
|
(_, index) => activePageNumber - 2 + index
|
|
2720
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
2731
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2721
2732
|
Hyperlink,
|
|
2722
2733
|
{
|
|
2723
2734
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2724
2735
|
href: builder.getNewPageUrl(page),
|
|
2725
2736
|
children: page
|
|
2726
2737
|
}
|
|
2727
|
-
) : /* @__PURE__ */ (0,
|
|
2728
|
-
/* @__PURE__ */ (0,
|
|
2729
|
-
/* @__PURE__ */ (0,
|
|
2738
|
+
) : /* @__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)),
|
|
2739
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2740
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2730
2741
|
Hyperlink,
|
|
2731
2742
|
{
|
|
2732
2743
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2734,7 +2745,7 @@ var DataList = (props) => {
|
|
|
2734
2745
|
children: pages - 1
|
|
2735
2746
|
}
|
|
2736
2747
|
),
|
|
2737
|
-
/* @__PURE__ */ (0,
|
|
2748
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2738
2749
|
Hyperlink,
|
|
2739
2750
|
{
|
|
2740
2751
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2742,7 +2753,7 @@ var DataList = (props) => {
|
|
|
2742
2753
|
children: pages
|
|
2743
2754
|
}
|
|
2744
2755
|
),
|
|
2745
|
-
/* @__PURE__ */ (0,
|
|
2756
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2746
2757
|
"select",
|
|
2747
2758
|
{
|
|
2748
2759
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2754,8 +2765,8 @@ var DataList = (props) => {
|
|
|
2754
2765
|
}
|
|
2755
2766
|
},
|
|
2756
2767
|
children: [
|
|
2757
|
-
/* @__PURE__ */ (0,
|
|
2758
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
2768
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", children: "Jump to" }),
|
|
2769
|
+
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
2770
|
]
|
|
2760
2771
|
}
|
|
2761
2772
|
) })
|
|
@@ -2763,16 +2774,16 @@ var DataList = (props) => {
|
|
|
2763
2774
|
}
|
|
2764
2775
|
}
|
|
2765
2776
|
};
|
|
2766
|
-
return /* @__PURE__ */ (0,
|
|
2767
|
-
/* @__PURE__ */ (0,
|
|
2768
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
2777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react32.default.Fragment, { children: [
|
|
2778
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(ContentView_default, { isDataFound, children: [
|
|
2779
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2769
2780
|
"div",
|
|
2770
2781
|
{
|
|
2771
2782
|
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
2783
|
children: [
|
|
2773
|
-
props.title ? /* @__PURE__ */ (0,
|
|
2774
|
-
/* @__PURE__ */ (0,
|
|
2775
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
2784
|
+
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", {}),
|
|
2785
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2786
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2776
2787
|
InputControl_default,
|
|
2777
2788
|
{
|
|
2778
2789
|
name: filter.name,
|
|
@@ -2787,15 +2798,15 @@ var DataList = (props) => {
|
|
|
2787
2798
|
},
|
|
2788
2799
|
filter.name
|
|
2789
2800
|
)),
|
|
2790
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
2801
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2791
2802
|
Hyperlink,
|
|
2792
2803
|
{
|
|
2793
2804
|
className: "gap-1",
|
|
2794
2805
|
linkType: "Primary" /* Solid */,
|
|
2795
2806
|
href: props.addLinkHref,
|
|
2796
2807
|
children: [
|
|
2797
|
-
/* @__PURE__ */ (0,
|
|
2798
|
-
/* @__PURE__ */ (0,
|
|
2808
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2809
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2799
2810
|
]
|
|
2800
2811
|
}
|
|
2801
2812
|
)
|
|
@@ -2803,8 +2814,8 @@ var DataList = (props) => {
|
|
|
2803
2814
|
]
|
|
2804
2815
|
}
|
|
2805
2816
|
),
|
|
2806
|
-
/* @__PURE__ */ (0,
|
|
2807
|
-
/* @__PURE__ */ (0,
|
|
2817
|
+
/* @__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: [
|
|
2818
|
+
/* @__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
2819
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2809
2820
|
let icon = "chevronUpDown";
|
|
2810
2821
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2814,36 +2825,36 @@ var DataList = (props) => {
|
|
|
2814
2825
|
icon = "chevronUp";
|
|
2815
2826
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2816
2827
|
}
|
|
2817
|
-
return /* @__PURE__ */ (0,
|
|
2828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2818
2829
|
"th",
|
|
2819
2830
|
{
|
|
2820
2831
|
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,
|
|
2832
|
+
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: [
|
|
2833
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-black", children: column.label }),
|
|
2834
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2824
2835
|
] }) })
|
|
2825
2836
|
},
|
|
2826
2837
|
column.name
|
|
2827
2838
|
);
|
|
2828
2839
|
}) }) }),
|
|
2829
|
-
/* @__PURE__ */ (0,
|
|
2840
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
2830
2841
|
let validityClass = "";
|
|
2831
2842
|
console.log("dataitem", dataitem);
|
|
2832
2843
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
2833
2844
|
validityClass = "bg-alert-200";
|
|
2834
2845
|
}
|
|
2835
|
-
return /* @__PURE__ */ (0,
|
|
2846
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
2836
2847
|
console.log("column", column);
|
|
2837
|
-
return /* @__PURE__ */ (0,
|
|
2848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2838
2849
|
"td",
|
|
2839
2850
|
{
|
|
2840
2851
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
2841
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
2852
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2842
2853
|
Hyperlink,
|
|
2843
2854
|
{
|
|
2844
2855
|
className: "",
|
|
2845
2856
|
href: `https://${dataitem[column.name]}`,
|
|
2846
|
-
children: /* @__PURE__ */ (0,
|
|
2857
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2847
2858
|
ViewControl_default,
|
|
2848
2859
|
{
|
|
2849
2860
|
controlType: column.controlType,
|
|
@@ -2856,11 +2867,11 @@ var DataList = (props) => {
|
|
|
2856
2867
|
}
|
|
2857
2868
|
)
|
|
2858
2869
|
}
|
|
2859
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
2870
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2860
2871
|
Hyperlink,
|
|
2861
2872
|
{
|
|
2862
2873
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
2863
|
-
children: /* @__PURE__ */ (0,
|
|
2874
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2864
2875
|
ViewControl_default,
|
|
2865
2876
|
{
|
|
2866
2877
|
controlType: column.controlType,
|
|
@@ -2870,7 +2881,7 @@ var DataList = (props) => {
|
|
|
2870
2881
|
}
|
|
2871
2882
|
)
|
|
2872
2883
|
}
|
|
2873
|
-
) : /* @__PURE__ */ (0,
|
|
2884
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2874
2885
|
ViewControl_default,
|
|
2875
2886
|
{
|
|
2876
2887
|
controlType: column.controlType,
|
|
@@ -2884,10 +2895,10 @@ var DataList = (props) => {
|
|
|
2884
2895
|
}) }, index);
|
|
2885
2896
|
}) })
|
|
2886
2897
|
] }) }),
|
|
2887
|
-
/* @__PURE__ */ (0,
|
|
2888
|
-
/* @__PURE__ */ (0,
|
|
2889
|
-
/* @__PURE__ */ (0,
|
|
2890
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
2898
|
+
/* @__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: [
|
|
2899
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-gray-700", children: label }),
|
|
2900
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
2901
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2891
2902
|
Hyperlink,
|
|
2892
2903
|
{
|
|
2893
2904
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2895,9 +2906,9 @@ var DataList = (props) => {
|
|
|
2895
2906
|
children: "Prev"
|
|
2896
2907
|
}
|
|
2897
2908
|
),
|
|
2898
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
2909
|
+
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
2910
|
renderPageNumbers(),
|
|
2900
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
2911
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2901
2912
|
Hyperlink,
|
|
2902
2913
|
{
|
|
2903
2914
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2905,19 +2916,19 @@ var DataList = (props) => {
|
|
|
2905
2916
|
children: "Next"
|
|
2906
2917
|
}
|
|
2907
2918
|
),
|
|
2908
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
2919
|
+
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
2920
|
] })
|
|
2910
2921
|
] }) })
|
|
2911
2922
|
] }),
|
|
2912
|
-
/* @__PURE__ */ (0,
|
|
2913
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
2923
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
2924
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2914
2925
|
"div",
|
|
2915
2926
|
{
|
|
2916
2927
|
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
2928
|
children: [
|
|
2918
|
-
props.title ? /* @__PURE__ */ (0,
|
|
2919
|
-
/* @__PURE__ */ (0,
|
|
2920
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
2929
|
+
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", {}),
|
|
2930
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2931
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2921
2932
|
InputControl_default,
|
|
2922
2933
|
{
|
|
2923
2934
|
name: filter.name,
|
|
@@ -2932,15 +2943,15 @@ var DataList = (props) => {
|
|
|
2932
2943
|
},
|
|
2933
2944
|
filter.name
|
|
2934
2945
|
)),
|
|
2935
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
2946
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2936
2947
|
Hyperlink,
|
|
2937
2948
|
{
|
|
2938
2949
|
className: "gap-1",
|
|
2939
2950
|
linkType: "Primary" /* Solid */,
|
|
2940
2951
|
href: props.addLinkHref,
|
|
2941
2952
|
children: [
|
|
2942
|
-
/* @__PURE__ */ (0,
|
|
2943
|
-
/* @__PURE__ */ (0,
|
|
2953
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2954
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2944
2955
|
]
|
|
2945
2956
|
}
|
|
2946
2957
|
)
|
|
@@ -2948,8 +2959,8 @@ var DataList = (props) => {
|
|
|
2948
2959
|
]
|
|
2949
2960
|
}
|
|
2950
2961
|
),
|
|
2951
|
-
/* @__PURE__ */ (0,
|
|
2952
|
-
/* @__PURE__ */ (0,
|
|
2962
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
2963
|
+
/* @__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
2964
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2954
2965
|
let icon = "chevronUpDown";
|
|
2955
2966
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2959,19 +2970,19 @@ var DataList = (props) => {
|
|
|
2959
2970
|
icon = "chevronUp";
|
|
2960
2971
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2961
2972
|
}
|
|
2962
|
-
return /* @__PURE__ */ (0,
|
|
2973
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2963
2974
|
"th",
|
|
2964
2975
|
{
|
|
2965
2976
|
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,
|
|
2977
|
+
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: [
|
|
2978
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: column.label }),
|
|
2979
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2969
2980
|
] }) })
|
|
2970
2981
|
},
|
|
2971
2982
|
column.name
|
|
2972
2983
|
);
|
|
2973
2984
|
}) }) }) }) }),
|
|
2974
|
-
/* @__PURE__ */ (0,
|
|
2985
|
+
/* @__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
2986
|
] })
|
|
2976
2987
|
] })
|
|
2977
2988
|
] });
|
|
@@ -2985,7 +2996,7 @@ var import_react49 = __toESM(require("react"));
|
|
|
2985
2996
|
var import_react34 = __toESM(require("react"));
|
|
2986
2997
|
|
|
2987
2998
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
2988
|
-
var
|
|
2999
|
+
var import_jsx_runtime40 = (
|
|
2989
3000
|
// @ts-expect-error custom code
|
|
2990
3001
|
require("react/jsx-runtime")
|
|
2991
3002
|
);
|
|
@@ -3046,21 +3057,21 @@ var TextNode = (props) => {
|
|
|
3046
3057
|
});
|
|
3047
3058
|
}
|
|
3048
3059
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
3049
|
-
return /* @__PURE__ */ (0,
|
|
3060
|
+
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
3061
|
};
|
|
3051
3062
|
var TextNode_default = TextNode;
|
|
3052
3063
|
|
|
3053
3064
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
3054
|
-
var
|
|
3065
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3055
3066
|
var LineBreakNode = () => {
|
|
3056
|
-
return /* @__PURE__ */ (0,
|
|
3067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
3057
3068
|
};
|
|
3058
3069
|
var LineBreakNode_default = LineBreakNode;
|
|
3059
3070
|
|
|
3060
3071
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
3061
3072
|
var import_react33 = __toESM(require("react"));
|
|
3062
3073
|
var import_link2 = __toESM(require("next/link"));
|
|
3063
|
-
var
|
|
3074
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3064
3075
|
var LinkNode = (props) => {
|
|
3065
3076
|
const NodeTypes2 = {
|
|
3066
3077
|
["text"]: TextNode_default
|
|
@@ -3068,21 +3079,21 @@ var LinkNode = (props) => {
|
|
|
3068
3079
|
{
|
|
3069
3080
|
}
|
|
3070
3081
|
let formatClasses = props.node.cssClass || "";
|
|
3071
|
-
return /* @__PURE__ */ (0,
|
|
3082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_link2.default, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
|
|
3072
3083
|
props.node.children && props.node.children.map((node, index) => {
|
|
3073
3084
|
const SelectedNode = NodeTypes2[node.type];
|
|
3074
|
-
return /* @__PURE__ */ (0,
|
|
3085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react33.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectedNode, { node }) }, index);
|
|
3075
3086
|
}),
|
|
3076
|
-
props.node.children.length == 0 && /* @__PURE__ */ (0,
|
|
3087
|
+
props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {})
|
|
3077
3088
|
] });
|
|
3078
3089
|
};
|
|
3079
3090
|
var LinkNode_default = LinkNode;
|
|
3080
3091
|
|
|
3081
3092
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
3082
|
-
var
|
|
3093
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3083
3094
|
var SVGIconNode = ({ node }) => {
|
|
3084
3095
|
if (!node?.svgCode) return null;
|
|
3085
|
-
return /* @__PURE__ */ (0,
|
|
3096
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3086
3097
|
"span",
|
|
3087
3098
|
{
|
|
3088
3099
|
style: {
|
|
@@ -3099,7 +3110,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
3099
3110
|
|
|
3100
3111
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
3101
3112
|
var import_katex = __toESM(require("katex"));
|
|
3102
|
-
var
|
|
3113
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3103
3114
|
var EquationNode = ({ node }) => {
|
|
3104
3115
|
const { equation, inline } = node;
|
|
3105
3116
|
let html = "";
|
|
@@ -3114,7 +3125,7 @@ var EquationNode = ({ node }) => {
|
|
|
3114
3125
|
});
|
|
3115
3126
|
}
|
|
3116
3127
|
if (inline) {
|
|
3117
|
-
return /* @__PURE__ */ (0,
|
|
3128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3118
3129
|
"span",
|
|
3119
3130
|
{
|
|
3120
3131
|
className: "katex-inline",
|
|
@@ -3122,7 +3133,7 @@ var EquationNode = ({ node }) => {
|
|
|
3122
3133
|
}
|
|
3123
3134
|
);
|
|
3124
3135
|
}
|
|
3125
|
-
return /* @__PURE__ */ (0,
|
|
3136
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3126
3137
|
"div",
|
|
3127
3138
|
{
|
|
3128
3139
|
className: "katex-block my-3 text-center",
|
|
@@ -3133,7 +3144,7 @@ var EquationNode = ({ node }) => {
|
|
|
3133
3144
|
var EquationNode_default = EquationNode;
|
|
3134
3145
|
|
|
3135
3146
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
3136
|
-
var
|
|
3147
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3137
3148
|
function getNestedProperty(obj, path) {
|
|
3138
3149
|
if (!obj || !path) return null;
|
|
3139
3150
|
if (path.includes(".")) {
|
|
@@ -3146,7 +3157,7 @@ function getNestedProperty(obj, path) {
|
|
|
3146
3157
|
}
|
|
3147
3158
|
const value = obj[path];
|
|
3148
3159
|
if (Array.isArray(value)) {
|
|
3149
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
3160
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: String(item) }, index));
|
|
3150
3161
|
}
|
|
3151
3162
|
return value;
|
|
3152
3163
|
}
|
|
@@ -3207,7 +3218,7 @@ var DatafieldNode = (props) => {
|
|
|
3207
3218
|
const dataType = props.node.dataType;
|
|
3208
3219
|
if (isEmptyValue) return null;
|
|
3209
3220
|
if (dataType === "rawContent") {
|
|
3210
|
-
return /* @__PURE__ */ (0,
|
|
3221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3211
3222
|
PageBodyRenderer_default,
|
|
3212
3223
|
{
|
|
3213
3224
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -3222,12 +3233,12 @@ var DatafieldNode = (props) => {
|
|
|
3222
3233
|
}
|
|
3223
3234
|
);
|
|
3224
3235
|
}
|
|
3225
|
-
return /* @__PURE__ */ (0,
|
|
3236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3226
3237
|
"span",
|
|
3227
3238
|
{
|
|
3228
3239
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
3229
3240
|
style: styles,
|
|
3230
|
-
children: /* @__PURE__ */ (0,
|
|
3241
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3231
3242
|
ViewControl_default,
|
|
3232
3243
|
{
|
|
3233
3244
|
controlType: dataType,
|
|
@@ -3240,7 +3251,7 @@ var DatafieldNode = (props) => {
|
|
|
3240
3251
|
var DatafieldNode_default = DatafieldNode;
|
|
3241
3252
|
|
|
3242
3253
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3243
|
-
var
|
|
3254
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3244
3255
|
var ParagraphNode = (props) => {
|
|
3245
3256
|
const NodeTypes2 = {
|
|
3246
3257
|
["text"]: TextNode_default,
|
|
@@ -3260,9 +3271,9 @@ var ParagraphNode = (props) => {
|
|
|
3260
3271
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
3261
3272
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
3262
3273
|
if (isInlineOnlyParent) {
|
|
3263
|
-
return /* @__PURE__ */ (0,
|
|
3274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
3264
3275
|
const SelectedNode = NodeTypes2[node.type];
|
|
3265
|
-
return /* @__PURE__ */ (0,
|
|
3276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3266
3277
|
SelectedNode,
|
|
3267
3278
|
{
|
|
3268
3279
|
node,
|
|
@@ -3274,10 +3285,10 @@ var ParagraphNode = (props) => {
|
|
|
3274
3285
|
) }, index);
|
|
3275
3286
|
}) });
|
|
3276
3287
|
}
|
|
3277
|
-
return /* @__PURE__ */ (0,
|
|
3288
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: " " + formatClasses, children: [
|
|
3278
3289
|
hasChildren && props.node.children.map((node, index) => {
|
|
3279
3290
|
const SelectedNode = NodeTypes2[node.type];
|
|
3280
|
-
return /* @__PURE__ */ (0,
|
|
3291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3281
3292
|
SelectedNode,
|
|
3282
3293
|
{
|
|
3283
3294
|
node,
|
|
@@ -3288,14 +3299,14 @@ var ParagraphNode = (props) => {
|
|
|
3288
3299
|
}
|
|
3289
3300
|
) }, index);
|
|
3290
3301
|
}),
|
|
3291
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
3302
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
3292
3303
|
] });
|
|
3293
3304
|
};
|
|
3294
3305
|
var ParagraphNode_default = ParagraphNode;
|
|
3295
3306
|
|
|
3296
3307
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
3297
3308
|
var import_react35 = __toESM(require("react"));
|
|
3298
|
-
var
|
|
3309
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3299
3310
|
var HeadingNode = (props) => {
|
|
3300
3311
|
const NodeTypes2 = {
|
|
3301
3312
|
["text"]: TextNode_default,
|
|
@@ -3311,12 +3322,12 @@ var HeadingNode = (props) => {
|
|
|
3311
3322
|
{
|
|
3312
3323
|
}
|
|
3313
3324
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
3314
|
-
return /* @__PURE__ */ (0,
|
|
3325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: import_react35.default.createElement(
|
|
3315
3326
|
HeadingTag,
|
|
3316
3327
|
{ className: formatClasses },
|
|
3317
3328
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
3318
3329
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3319
|
-
return /* @__PURE__ */ (0,
|
|
3330
|
+
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
3331
|
})
|
|
3321
3332
|
) });
|
|
3322
3333
|
};
|
|
@@ -3327,7 +3338,7 @@ var import_react37 = __toESM(require("react"));
|
|
|
3327
3338
|
|
|
3328
3339
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
3329
3340
|
var import_react36 = __toESM(require("react"));
|
|
3330
|
-
var
|
|
3341
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3331
3342
|
var ListItemNode = (props) => {
|
|
3332
3343
|
const NodeTypes2 = {
|
|
3333
3344
|
text: TextNode_default,
|
|
@@ -3344,37 +3355,37 @@ var ListItemNode = (props) => {
|
|
|
3344
3355
|
liStyle.fontSize = match[1].trim();
|
|
3345
3356
|
}
|
|
3346
3357
|
}
|
|
3347
|
-
return /* @__PURE__ */ (0,
|
|
3358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
3348
3359
|
const SelectedNode = NodeTypes2[node.type];
|
|
3349
3360
|
if (node.type === "linebreak") {
|
|
3350
3361
|
if (!foundFirstBreak) {
|
|
3351
3362
|
foundFirstBreak = true;
|
|
3352
|
-
return /* @__PURE__ */ (0,
|
|
3363
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {}, index);
|
|
3353
3364
|
} else {
|
|
3354
|
-
return /* @__PURE__ */ (0,
|
|
3365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
3355
3366
|
}
|
|
3356
3367
|
} else {
|
|
3357
3368
|
foundFirstBreak = false;
|
|
3358
|
-
return /* @__PURE__ */ (0,
|
|
3369
|
+
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
3370
|
}
|
|
3360
3371
|
}) });
|
|
3361
3372
|
};
|
|
3362
3373
|
var ListItemNode_default = ListItemNode;
|
|
3363
3374
|
|
|
3364
3375
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3365
|
-
var
|
|
3376
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3366
3377
|
var ListNode = (props) => {
|
|
3367
3378
|
const NodeTypes2 = {
|
|
3368
3379
|
listitem: ListItemNode_default
|
|
3369
3380
|
};
|
|
3370
|
-
return /* @__PURE__ */ (0,
|
|
3371
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
3381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react37.default.Fragment, { children: [
|
|
3382
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3372
3383
|
const SelectedNode = NodeTypes2[node.type];
|
|
3373
|
-
return /* @__PURE__ */ (0,
|
|
3384
|
+
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
3385
|
}) }),
|
|
3375
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
3386
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3376
3387
|
const SelectedNode = NodeTypes2[node.type];
|
|
3377
|
-
return /* @__PURE__ */ (0,
|
|
3388
|
+
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
3389
|
}) })
|
|
3379
3390
|
] });
|
|
3380
3391
|
};
|
|
@@ -3382,16 +3393,16 @@ var ListNode_default = ListNode;
|
|
|
3382
3393
|
|
|
3383
3394
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
3384
3395
|
var import_react38 = __toESM(require("react"));
|
|
3385
|
-
var
|
|
3396
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3386
3397
|
var QuoteNode = (props) => {
|
|
3387
3398
|
const NodeTypes2 = {
|
|
3388
3399
|
["text"]: TextNode_default,
|
|
3389
3400
|
["linebreak"]: LineBreakNode_default,
|
|
3390
3401
|
["link"]: LinkNode_default
|
|
3391
3402
|
};
|
|
3392
|
-
return /* @__PURE__ */ (0,
|
|
3403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3393
3404
|
const SelectedNode = NodeTypes2[node.type];
|
|
3394
|
-
return /* @__PURE__ */ (0,
|
|
3405
|
+
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
3406
|
}) });
|
|
3396
3407
|
};
|
|
3397
3408
|
var QuoteNode_default = QuoteNode;
|
|
@@ -3399,11 +3410,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
3399
3410
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
3400
3411
|
var import_react40 = __toESM(require("react"));
|
|
3401
3412
|
var import_dynamic = __toESM(require("next/dynamic"));
|
|
3402
|
-
var
|
|
3413
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3403
3414
|
var CopyButton2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
3404
3415
|
ssr: false,
|
|
3405
3416
|
// optional: fallback UI while loading
|
|
3406
|
-
loading: () => /* @__PURE__ */ (0,
|
|
3417
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
3407
3418
|
});
|
|
3408
3419
|
var CodeNode = (props) => {
|
|
3409
3420
|
const NodeTypes2 = {
|
|
@@ -3417,14 +3428,14 @@ var CodeNode = (props) => {
|
|
|
3417
3428
|
if (node.type === "link") return node.text || node.url || "";
|
|
3418
3429
|
return "";
|
|
3419
3430
|
}).join("") ?? "";
|
|
3420
|
-
return /* @__PURE__ */ (0,
|
|
3421
|
-
/* @__PURE__ */ (0,
|
|
3422
|
-
/* @__PURE__ */ (0,
|
|
3423
|
-
/* @__PURE__ */ (0,
|
|
3431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
|
|
3432
|
+
/* @__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: [
|
|
3433
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Code Snippet" }),
|
|
3434
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CopyButton2, { text: textContent })
|
|
3424
3435
|
] }),
|
|
3425
|
-
/* @__PURE__ */ (0,
|
|
3436
|
+
/* @__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
3437
|
const SelectedNode = NodeTypes2[node.type];
|
|
3427
|
-
return /* @__PURE__ */ (0,
|
|
3438
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3428
3439
|
SelectedNode,
|
|
3429
3440
|
{
|
|
3430
3441
|
node,
|
|
@@ -3439,9 +3450,9 @@ var CodeNode = (props) => {
|
|
|
3439
3450
|
var CodeNode_default = CodeNode;
|
|
3440
3451
|
|
|
3441
3452
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
3442
|
-
var
|
|
3453
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3443
3454
|
var HorizontalRuleNode = () => {
|
|
3444
|
-
return /* @__PURE__ */ (0,
|
|
3455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("hr", {});
|
|
3445
3456
|
};
|
|
3446
3457
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
3447
3458
|
|
|
@@ -3474,7 +3485,7 @@ var import_dynamic2 = __toESM(require("next/dynamic"));
|
|
|
3474
3485
|
|
|
3475
3486
|
// src/components/DeviceAssetSelector.tsx
|
|
3476
3487
|
init_HlsPlayer();
|
|
3477
|
-
var
|
|
3488
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3478
3489
|
var DeviceAssetSelector = ({
|
|
3479
3490
|
assets,
|
|
3480
3491
|
assetBaseUrl,
|
|
@@ -3549,7 +3560,7 @@ var DeviceAssetSelector = ({
|
|
|
3549
3560
|
const formatClasses = FormatClass[nodeProps?.format || ""] || "";
|
|
3550
3561
|
const renderMedia = () => {
|
|
3551
3562
|
if (isHls) {
|
|
3552
|
-
return /* @__PURE__ */ (0,
|
|
3563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3553
3564
|
HlsPlayer_default,
|
|
3554
3565
|
{
|
|
3555
3566
|
assetUrl: resolvedAssetUrl,
|
|
@@ -3566,7 +3577,7 @@ var DeviceAssetSelector = ({
|
|
|
3566
3577
|
} else {
|
|
3567
3578
|
return (
|
|
3568
3579
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
3569
|
-
/* @__PURE__ */ (0,
|
|
3580
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3570
3581
|
"img",
|
|
3571
3582
|
{
|
|
3572
3583
|
style: styles,
|
|
@@ -3582,17 +3593,17 @@ var DeviceAssetSelector = ({
|
|
|
3582
3593
|
}
|
|
3583
3594
|
};
|
|
3584
3595
|
if (width) {
|
|
3585
|
-
return /* @__PURE__ */ (0,
|
|
3596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width }, children: renderMedia() });
|
|
3586
3597
|
}
|
|
3587
3598
|
if (nodeProps?.format) {
|
|
3588
|
-
return /* @__PURE__ */ (0,
|
|
3599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3589
3600
|
}
|
|
3590
3601
|
return renderMedia();
|
|
3591
3602
|
};
|
|
3592
3603
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
3593
3604
|
|
|
3594
3605
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3595
|
-
var
|
|
3606
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
3596
3607
|
var HlsPlayer2 = (0, import_dynamic2.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
3597
3608
|
ssr: false
|
|
3598
3609
|
});
|
|
@@ -3635,7 +3646,7 @@ var ImageNode = (props) => {
|
|
|
3635
3646
|
console.error("Error parsing assets in ImageNode:", error);
|
|
3636
3647
|
}
|
|
3637
3648
|
if (assets && assets.length > 0) {
|
|
3638
|
-
return /* @__PURE__ */ (0,
|
|
3649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3639
3650
|
DeviceAssetSelector_default,
|
|
3640
3651
|
{
|
|
3641
3652
|
device: props.device,
|
|
@@ -3684,7 +3695,7 @@ var ImageNode = (props) => {
|
|
|
3684
3695
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3685
3696
|
const renderMedia = () => {
|
|
3686
3697
|
if (isHls) {
|
|
3687
|
-
return /* @__PURE__ */ (0,
|
|
3698
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3688
3699
|
HlsPlayer2,
|
|
3689
3700
|
{
|
|
3690
3701
|
assetUrl: imageUrl,
|
|
@@ -3699,7 +3710,7 @@ var ImageNode = (props) => {
|
|
|
3699
3710
|
}
|
|
3700
3711
|
);
|
|
3701
3712
|
} else {
|
|
3702
|
-
return /* @__PURE__ */ (0,
|
|
3713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3703
3714
|
"img",
|
|
3704
3715
|
{
|
|
3705
3716
|
style: styles,
|
|
@@ -3714,14 +3725,14 @@ var ImageNode = (props) => {
|
|
|
3714
3725
|
}
|
|
3715
3726
|
};
|
|
3716
3727
|
if (props.node.width) {
|
|
3717
|
-
return /* @__PURE__ */ (0,
|
|
3728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3718
3729
|
}
|
|
3719
3730
|
return renderMedia();
|
|
3720
3731
|
};
|
|
3721
3732
|
var ImageNode_default = ImageNode;
|
|
3722
3733
|
|
|
3723
3734
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
3724
|
-
var
|
|
3735
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
3725
3736
|
var WidgetNode = (props) => {
|
|
3726
3737
|
const getWidgetParameters = () => {
|
|
3727
3738
|
const widgetInputParameters = {
|
|
@@ -3778,14 +3789,14 @@ var WidgetNode = (props) => {
|
|
|
3778
3789
|
};
|
|
3779
3790
|
const widgetCode = props.node?.widgetCode;
|
|
3780
3791
|
if (!widgetCode) {
|
|
3781
|
-
return /* @__PURE__ */ (0,
|
|
3792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: "Invalid widget" });
|
|
3782
3793
|
}
|
|
3783
3794
|
const SelectedWidget = getWidget(widgetCode);
|
|
3784
3795
|
if (!SelectedWidget) {
|
|
3785
3796
|
if (process.env.NODE_ENV !== "production") {
|
|
3786
3797
|
console.warn("Widget not found:", widgetCode);
|
|
3787
3798
|
}
|
|
3788
|
-
return /* @__PURE__ */ (0,
|
|
3799
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
3789
3800
|
"Widget not found: ",
|
|
3790
3801
|
widgetCode
|
|
3791
3802
|
] });
|
|
@@ -3793,7 +3804,7 @@ var WidgetNode = (props) => {
|
|
|
3793
3804
|
const widgetParams = getWidgetParameters();
|
|
3794
3805
|
return (
|
|
3795
3806
|
// eslint-disable-next-line react-hooks/static-components
|
|
3796
|
-
/* @__PURE__ */ (0,
|
|
3807
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
3797
3808
|
SelectedWidget,
|
|
3798
3809
|
{
|
|
3799
3810
|
params: widgetParams,
|
|
@@ -3812,9 +3823,9 @@ var WidgetNode_default = WidgetNode;
|
|
|
3812
3823
|
var import_react43 = __toESM(require("react"));
|
|
3813
3824
|
|
|
3814
3825
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
3815
|
-
var
|
|
3826
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3816
3827
|
var InputControlNode = (props) => {
|
|
3817
|
-
return /* @__PURE__ */ (0,
|
|
3828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
3818
3829
|
InputControl_default,
|
|
3819
3830
|
{
|
|
3820
3831
|
name: props.node.name,
|
|
@@ -4048,7 +4059,7 @@ var ServiceClient = class {
|
|
|
4048
4059
|
var ServiceClient_default = ServiceClient;
|
|
4049
4060
|
|
|
4050
4061
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
4051
|
-
var
|
|
4062
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4052
4063
|
var FormContainerNode = (props) => {
|
|
4053
4064
|
const NodeTypes2 = {
|
|
4054
4065
|
["input-control"]: InputControlNode_default
|
|
@@ -4078,12 +4089,12 @@ var FormContainerNode = (props) => {
|
|
|
4078
4089
|
};
|
|
4079
4090
|
fetchInitialData();
|
|
4080
4091
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
4081
|
-
return /* @__PURE__ */ (0,
|
|
4092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
4082
4093
|
node.children && node.children.map((node2, index) => {
|
|
4083
4094
|
{
|
|
4084
4095
|
}
|
|
4085
4096
|
const SelectedNode = NodeTypes2[node2.type];
|
|
4086
|
-
return /* @__PURE__ */ (0,
|
|
4097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4087
4098
|
InputControlNode_default,
|
|
4088
4099
|
{
|
|
4089
4100
|
value: formState.inputValues[node2.name],
|
|
@@ -4092,7 +4103,7 @@ var FormContainerNode = (props) => {
|
|
|
4092
4103
|
}
|
|
4093
4104
|
) }, index);
|
|
4094
4105
|
}),
|
|
4095
|
-
node.children.length == 0 && /* @__PURE__ */ (0,
|
|
4106
|
+
node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "py-0.5 lg:py-1.5" })
|
|
4096
4107
|
] });
|
|
4097
4108
|
};
|
|
4098
4109
|
var FormContainerNode_default = FormContainerNode;
|
|
@@ -4102,7 +4113,7 @@ var import_react48 = __toESM(require("react"));
|
|
|
4102
4113
|
|
|
4103
4114
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
4104
4115
|
var import_dynamic3 = __toESM(require("next/dynamic"));
|
|
4105
|
-
var
|
|
4116
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
4106
4117
|
var IframeClient2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
4107
4118
|
ssr: false
|
|
4108
4119
|
});
|
|
@@ -4115,13 +4126,13 @@ var EmbedNode = (props) => {
|
|
|
4115
4126
|
} else {
|
|
4116
4127
|
src = props.node.embedSrc;
|
|
4117
4128
|
}
|
|
4118
|
-
return /* @__PURE__ */ (0,
|
|
4129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IframeClient2, { src }) });
|
|
4119
4130
|
};
|
|
4120
4131
|
var EmbedNode_default = EmbedNode;
|
|
4121
4132
|
|
|
4122
4133
|
// src/components/Slider.tsx
|
|
4123
4134
|
var import_react46 = __toESM(require("react"));
|
|
4124
|
-
var
|
|
4135
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
4125
4136
|
var Slider = ({
|
|
4126
4137
|
children,
|
|
4127
4138
|
slidesToShow = 4,
|
|
@@ -4218,7 +4229,7 @@ var Slider = ({
|
|
|
4218
4229
|
if (!import_react46.default.isValidElement(child)) return null;
|
|
4219
4230
|
const childProps = child.props;
|
|
4220
4231
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4221
|
-
return /* @__PURE__ */ (0,
|
|
4232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4222
4233
|
"div",
|
|
4223
4234
|
{
|
|
4224
4235
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4241,14 +4252,14 @@ var Slider = ({
|
|
|
4241
4252
|
return "bottom-4";
|
|
4242
4253
|
}
|
|
4243
4254
|
};
|
|
4244
|
-
return /* @__PURE__ */ (0,
|
|
4255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4245
4256
|
"div",
|
|
4246
4257
|
{
|
|
4247
4258
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4248
4259
|
onMouseEnter: handleMouseEnter,
|
|
4249
4260
|
onMouseLeave: handleMouseLeave,
|
|
4250
4261
|
children: [
|
|
4251
|
-
/* @__PURE__ */ (0,
|
|
4262
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4252
4263
|
"div",
|
|
4253
4264
|
{
|
|
4254
4265
|
className: "flex h-full",
|
|
@@ -4259,18 +4270,18 @@ var Slider = ({
|
|
|
4259
4270
|
children: slides
|
|
4260
4271
|
}
|
|
4261
4272
|
),
|
|
4262
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4263
|
-
/* @__PURE__ */ (0,
|
|
4273
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
4274
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4264
4275
|
ArrowButton,
|
|
4265
4276
|
{
|
|
4266
4277
|
direction: "left",
|
|
4267
4278
|
onClick: prevSlide,
|
|
4268
4279
|
visible: infinite_scroll || currentSlide > 0,
|
|
4269
4280
|
className: arrowClassName,
|
|
4270
|
-
children: /* @__PURE__ */ (0,
|
|
4281
|
+
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
4282
|
}
|
|
4272
4283
|
),
|
|
4273
|
-
/* @__PURE__ */ (0,
|
|
4284
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4274
4285
|
ArrowButton,
|
|
4275
4286
|
{
|
|
4276
4287
|
direction: "right",
|
|
@@ -4278,13 +4289,13 @@ var Slider = ({
|
|
|
4278
4289
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4279
4290
|
className: arrowClassName,
|
|
4280
4291
|
children: [
|
|
4281
|
-
/* @__PURE__ */ (0,
|
|
4292
|
+
/* @__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
4293
|
" "
|
|
4283
4294
|
]
|
|
4284
4295
|
}
|
|
4285
4296
|
)
|
|
4286
4297
|
] }),
|
|
4287
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4298
|
+
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
4299
|
ProgressPill,
|
|
4289
4300
|
{
|
|
4290
4301
|
active: index === currentSlide,
|
|
@@ -4310,7 +4321,7 @@ var ArrowButton = ({
|
|
|
4310
4321
|
visible,
|
|
4311
4322
|
children,
|
|
4312
4323
|
className = ""
|
|
4313
|
-
}) => /* @__PURE__ */ (0,
|
|
4324
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4314
4325
|
"button",
|
|
4315
4326
|
{
|
|
4316
4327
|
className: `
|
|
@@ -4397,7 +4408,7 @@ var ProgressPill = ({
|
|
|
4397
4408
|
const renderProgressBar = () => {
|
|
4398
4409
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4399
4410
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4400
|
-
return /* @__PURE__ */ (0,
|
|
4411
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4401
4412
|
"div",
|
|
4402
4413
|
{
|
|
4403
4414
|
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 +4420,7 @@ var ProgressPill = ({
|
|
|
4409
4420
|
};
|
|
4410
4421
|
const renderCumulativeFill = () => {
|
|
4411
4422
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4412
|
-
return /* @__PURE__ */ (0,
|
|
4423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4413
4424
|
"div",
|
|
4414
4425
|
{
|
|
4415
4426
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4419,7 +4430,7 @@ var ProgressPill = ({
|
|
|
4419
4430
|
}
|
|
4420
4431
|
return null;
|
|
4421
4432
|
};
|
|
4422
|
-
return /* @__PURE__ */ (0,
|
|
4433
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4423
4434
|
"button",
|
|
4424
4435
|
{
|
|
4425
4436
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4595,10 +4606,10 @@ var PathUtility = class {
|
|
|
4595
4606
|
var PathUtility_default = new PathUtility();
|
|
4596
4607
|
|
|
4597
4608
|
// src/components/NoDataFound.tsx
|
|
4598
|
-
var
|
|
4609
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
4599
4610
|
var NoDataFound = () => {
|
|
4600
|
-
return /* @__PURE__ */ (0,
|
|
4601
|
-
/* @__PURE__ */ (0,
|
|
4611
|
+
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: [
|
|
4612
|
+
/* @__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
4613
|
"svg",
|
|
4603
4614
|
{
|
|
4604
4615
|
className: "w-10 h-10",
|
|
@@ -4606,7 +4617,7 @@ var NoDataFound = () => {
|
|
|
4606
4617
|
stroke: "currentColor",
|
|
4607
4618
|
viewBox: "0 0 24 24",
|
|
4608
4619
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4609
|
-
children: /* @__PURE__ */ (0,
|
|
4620
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4610
4621
|
"path",
|
|
4611
4622
|
{
|
|
4612
4623
|
strokeLinecap: "round",
|
|
@@ -4617,15 +4628,15 @@ var NoDataFound = () => {
|
|
|
4617
4628
|
)
|
|
4618
4629
|
}
|
|
4619
4630
|
) }) }),
|
|
4620
|
-
/* @__PURE__ */ (0,
|
|
4621
|
-
/* @__PURE__ */ (0,
|
|
4631
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
4632
|
+
/* @__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
4633
|
] });
|
|
4623
4634
|
};
|
|
4624
4635
|
var NoDataFound_default = NoDataFound;
|
|
4625
4636
|
|
|
4626
4637
|
// src/components/Pagination.tsx
|
|
4627
4638
|
var import_react47 = require("react");
|
|
4628
|
-
var
|
|
4639
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4629
4640
|
var Pagination = (props) => {
|
|
4630
4641
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4631
4642
|
const builder = (0, import_react47.useMemo)(() => {
|
|
@@ -4669,7 +4680,7 @@ var Pagination = (props) => {
|
|
|
4669
4680
|
return range;
|
|
4670
4681
|
};
|
|
4671
4682
|
const paginationRange = getPaginationRange();
|
|
4672
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4683
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4673
4684
|
Hyperlink,
|
|
4674
4685
|
{
|
|
4675
4686
|
linkType: "Link" /* Link */,
|
|
@@ -4684,9 +4695,9 @@ var Pagination = (props) => {
|
|
|
4684
4695
|
);
|
|
4685
4696
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4686
4697
|
if (disabled) {
|
|
4687
|
-
return /* @__PURE__ */ (0,
|
|
4698
|
+
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
4699
|
}
|
|
4689
|
-
return /* @__PURE__ */ (0,
|
|
4700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4690
4701
|
Hyperlink,
|
|
4691
4702
|
{
|
|
4692
4703
|
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 +4707,35 @@ var Pagination = (props) => {
|
|
|
4696
4707
|
);
|
|
4697
4708
|
};
|
|
4698
4709
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4699
|
-
return /* @__PURE__ */ (0,
|
|
4700
|
-
/* @__PURE__ */ (0,
|
|
4701
|
-
/* @__PURE__ */ (0,
|
|
4710
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4711
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4712
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "text-sm", children: [
|
|
4702
4713
|
"Showing ",
|
|
4703
|
-
/* @__PURE__ */ (0,
|
|
4714
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "font-semibold", children: [
|
|
4704
4715
|
startItem,
|
|
4705
4716
|
"-",
|
|
4706
4717
|
endItem
|
|
4707
4718
|
] }),
|
|
4708
4719
|
" ",
|
|
4709
4720
|
"out of ",
|
|
4710
|
-
/* @__PURE__ */ (0,
|
|
4721
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4711
4722
|
" results"
|
|
4712
4723
|
] }),
|
|
4713
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4714
|
-
/* @__PURE__ */ (0,
|
|
4724
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4725
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4715
4726
|
NavigationButton,
|
|
4716
4727
|
{
|
|
4717
4728
|
page: activePageNumber - 1,
|
|
4718
4729
|
disabled: activePageNumber === 1,
|
|
4719
4730
|
children: [
|
|
4720
|
-
/* @__PURE__ */ (0,
|
|
4721
|
-
/* @__PURE__ */ (0,
|
|
4731
|
+
/* @__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" }) }),
|
|
4732
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
4722
4733
|
]
|
|
4723
4734
|
}
|
|
4724
4735
|
),
|
|
4725
4736
|
paginationRange.map((item, index) => {
|
|
4726
4737
|
if (item === "...") {
|
|
4727
|
-
return /* @__PURE__ */ (0,
|
|
4738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4728
4739
|
"span",
|
|
4729
4740
|
{
|
|
4730
4741
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4734,23 +4745,23 @@ var Pagination = (props) => {
|
|
|
4734
4745
|
);
|
|
4735
4746
|
}
|
|
4736
4747
|
const page = item;
|
|
4737
|
-
return /* @__PURE__ */ (0,
|
|
4748
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PageButton, { page, children: page }, page);
|
|
4738
4749
|
}),
|
|
4739
|
-
/* @__PURE__ */ (0,
|
|
4750
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4740
4751
|
NavigationButton,
|
|
4741
4752
|
{
|
|
4742
4753
|
page: activePageNumber + 1,
|
|
4743
4754
|
disabled: activePageNumber === totalPages,
|
|
4744
4755
|
children: [
|
|
4745
|
-
/* @__PURE__ */ (0,
|
|
4746
|
-
/* @__PURE__ */ (0,
|
|
4756
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4757
|
+
/* @__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
4758
|
]
|
|
4748
4759
|
}
|
|
4749
4760
|
)
|
|
4750
4761
|
] }),
|
|
4751
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4752
|
-
/* @__PURE__ */ (0,
|
|
4753
|
-
/* @__PURE__ */ (0,
|
|
4762
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4763
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4764
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4754
4765
|
"input",
|
|
4755
4766
|
{
|
|
4756
4767
|
type: "number",
|
|
@@ -4771,9 +4782,9 @@ var Pagination = (props) => {
|
|
|
4771
4782
|
) })
|
|
4772
4783
|
] })
|
|
4773
4784
|
] }),
|
|
4774
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4775
|
-
/* @__PURE__ */ (0,
|
|
4776
|
-
/* @__PURE__ */ (0,
|
|
4785
|
+
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: [
|
|
4786
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4787
|
+
/* @__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
4788
|
Hyperlink,
|
|
4778
4789
|
{
|
|
4779
4790
|
className: `
|
|
@@ -4785,7 +4796,7 @@ var Pagination = (props) => {
|
|
|
4785
4796
|
},
|
|
4786
4797
|
size
|
|
4787
4798
|
)) }),
|
|
4788
|
-
/* @__PURE__ */ (0,
|
|
4799
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4789
4800
|
] }) })
|
|
4790
4801
|
] });
|
|
4791
4802
|
};
|
|
@@ -4793,7 +4804,7 @@ var Pagination_default = Pagination;
|
|
|
4793
4804
|
|
|
4794
4805
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
4795
4806
|
var import_dynamic4 = __toESM(require("next/dynamic"));
|
|
4796
|
-
var
|
|
4807
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
4797
4808
|
var HlsPlayer1 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
4798
4809
|
ssr: false
|
|
4799
4810
|
});
|
|
@@ -4830,7 +4841,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4830
4841
|
right: "justify-end"
|
|
4831
4842
|
};
|
|
4832
4843
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
4833
|
-
return /* @__PURE__ */ (0,
|
|
4844
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
|
|
4834
4845
|
const imageUrl = resolveImageUrl(img.imageUrl);
|
|
4835
4846
|
if (!imageUrl) return null;
|
|
4836
4847
|
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
@@ -4838,7 +4849,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4838
4849
|
const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
|
|
4839
4850
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4840
4851
|
const alt = img.title || "Gallery image";
|
|
4841
|
-
return /* @__PURE__ */ (0,
|
|
4852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4842
4853
|
HlsPlayer1,
|
|
4843
4854
|
{
|
|
4844
4855
|
assetUrl: imageUrl,
|
|
@@ -4853,7 +4864,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4853
4864
|
}
|
|
4854
4865
|
) : (
|
|
4855
4866
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
4856
|
-
/* @__PURE__ */ (0,
|
|
4867
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4857
4868
|
"img",
|
|
4858
4869
|
{
|
|
4859
4870
|
loading: "lazy",
|
|
@@ -4870,7 +4881,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4870
4881
|
var ImageGalleryNode_default = ImageGalleryNode;
|
|
4871
4882
|
|
|
4872
4883
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4873
|
-
var
|
|
4884
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
4874
4885
|
function toCamelCase(str) {
|
|
4875
4886
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
4876
4887
|
}
|
|
@@ -5053,7 +5064,7 @@ var DivContainer = async (props) => {
|
|
|
5053
5064
|
response = await serviceClient.get(endpoint);
|
|
5054
5065
|
result = response?.result;
|
|
5055
5066
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
5056
|
-
return /* @__PURE__ */ (0,
|
|
5067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NoDataFound_default, {});
|
|
5057
5068
|
}
|
|
5058
5069
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
5059
5070
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -5065,7 +5076,7 @@ var DivContainer = async (props) => {
|
|
|
5065
5076
|
}
|
|
5066
5077
|
const SelectedNode = NodeTypes2[node.type];
|
|
5067
5078
|
if (!SelectedNode) return null;
|
|
5068
|
-
return /* @__PURE__ */ (0,
|
|
5079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5069
5080
|
SelectedNode,
|
|
5070
5081
|
{
|
|
5071
5082
|
node,
|
|
@@ -5165,9 +5176,9 @@ var DivContainer = async (props) => {
|
|
|
5165
5176
|
props.node.autoFormat && "auto-format",
|
|
5166
5177
|
props.node.bgClass
|
|
5167
5178
|
].filter(Boolean).join(" ");
|
|
5168
|
-
return /* @__PURE__ */ (0,
|
|
5169
|
-
/* @__PURE__ */ (0,
|
|
5170
|
-
/* @__PURE__ */ (0,
|
|
5179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react48.default.Fragment, { children: [
|
|
5180
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
5181
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5171
5182
|
Wrapper,
|
|
5172
5183
|
{
|
|
5173
5184
|
id: guid,
|
|
@@ -5176,18 +5187,18 @@ var DivContainer = async (props) => {
|
|
|
5176
5187
|
...wrapperProps,
|
|
5177
5188
|
children: dataToRender.map(
|
|
5178
5189
|
(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,
|
|
5190
|
+
(child, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: child }, i)
|
|
5180
5191
|
) : renderChildren(props.node.children, props, item, idx)
|
|
5181
5192
|
)
|
|
5182
5193
|
}
|
|
5183
5194
|
) }),
|
|
5184
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
5195
|
+
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
5196
|
] });
|
|
5186
5197
|
};
|
|
5187
5198
|
var DivContainer_default = DivContainer;
|
|
5188
5199
|
|
|
5189
5200
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
5190
|
-
var
|
|
5201
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5191
5202
|
var NodeTypes = {
|
|
5192
5203
|
["paragraph"]: ParagraphNode_default,
|
|
5193
5204
|
["heading"]: HeadingNode_default,
|
|
@@ -5215,11 +5226,11 @@ var PageBodyRenderer = (props) => {
|
|
|
5215
5226
|
if (pageBodyTree && pageBodyTree.root) {
|
|
5216
5227
|
rootNode = pageBodyTree.root;
|
|
5217
5228
|
}
|
|
5218
|
-
return /* @__PURE__ */ (0,
|
|
5229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
5219
5230
|
{
|
|
5220
5231
|
}
|
|
5221
5232
|
const SelectedNode = NodeTypes[node.type];
|
|
5222
|
-
return /* @__PURE__ */ (0,
|
|
5233
|
+
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
5234
|
SelectedNode,
|
|
5224
5235
|
{
|
|
5225
5236
|
node,
|
|
@@ -5234,7 +5245,7 @@ var PageBodyRenderer = (props) => {
|
|
|
5234
5245
|
assetBaseUrl: props.assetBaseUrl,
|
|
5235
5246
|
device: props.device
|
|
5236
5247
|
}
|
|
5237
|
-
) }) : /* @__PURE__ */ (0,
|
|
5248
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5238
5249
|
SelectedNode,
|
|
5239
5250
|
{
|
|
5240
5251
|
node,
|