@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260519043006 → 0.8.1-dev.20260519063815
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -153,6 +153,25 @@ var init_DateViewClient = __esm({
|
|
|
153
153
|
}
|
|
154
154
|
});
|
|
155
155
|
|
|
156
|
+
// src/components/controls/view/DateTimeViewClient.tsx
|
|
157
|
+
var DateTimeViewClient_exports = {};
|
|
158
|
+
__export(DateTimeViewClient_exports, {
|
|
159
|
+
default: () => DateTimeViewClient_default
|
|
160
|
+
});
|
|
161
|
+
var import_jsx_runtime11, DateTimeViewClient, DateTimeViewClient_default;
|
|
162
|
+
var init_DateTimeViewClient = __esm({
|
|
163
|
+
"src/components/controls/view/DateTimeViewClient.tsx"() {
|
|
164
|
+
"use strict";
|
|
165
|
+
"use client";
|
|
166
|
+
init_DateViewClient();
|
|
167
|
+
import_jsx_runtime11 = require("react/jsx-runtime");
|
|
168
|
+
DateTimeViewClient = (props) => {
|
|
169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DateViewClient_default, { ...props, controlType: "datetime" });
|
|
170
|
+
};
|
|
171
|
+
DateTimeViewClient_default = DateTimeViewClient;
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
|
|
156
175
|
// src/components/ToastService.tsx
|
|
157
176
|
var ToastService, ToastService_default;
|
|
158
177
|
var init_ToastService = __esm({
|
|
@@ -218,7 +237,7 @@ var init_StyleTypes = __esm({
|
|
|
218
237
|
});
|
|
219
238
|
|
|
220
239
|
// src/components/ClientButton.tsx
|
|
221
|
-
var import_react23,
|
|
240
|
+
var import_react23, import_jsx_runtime25, ClientButton, ClientButton_default;
|
|
222
241
|
var init_ClientButton = __esm({
|
|
223
242
|
"src/components/ClientButton.tsx"() {
|
|
224
243
|
"use strict";
|
|
@@ -226,7 +245,7 @@ var init_ClientButton = __esm({
|
|
|
226
245
|
import_react23 = __toESM(require("react"));
|
|
227
246
|
init_ToastService();
|
|
228
247
|
init_StyleTypes();
|
|
229
|
-
|
|
248
|
+
import_jsx_runtime25 = require("react/jsx-runtime");
|
|
230
249
|
ClientButton = (props) => {
|
|
231
250
|
const execute = async (event) => {
|
|
232
251
|
if (props.onClick !== void 0) {
|
|
@@ -236,7 +255,7 @@ var init_ClientButton = __esm({
|
|
|
236
255
|
}
|
|
237
256
|
};
|
|
238
257
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
239
|
-
return /* @__PURE__ */ (0,
|
|
258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react23.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
240
259
|
"button",
|
|
241
260
|
{
|
|
242
261
|
type: "button",
|
|
@@ -251,7 +270,7 @@ var init_ClientButton = __esm({
|
|
|
251
270
|
});
|
|
252
271
|
|
|
253
272
|
// src/components/Confirm.tsx
|
|
254
|
-
var import_react24,
|
|
273
|
+
var import_react24, import_jsx_runtime26, Confirm, Confirm_default;
|
|
255
274
|
var init_Confirm = __esm({
|
|
256
275
|
"src/components/Confirm.tsx"() {
|
|
257
276
|
"use strict";
|
|
@@ -259,7 +278,7 @@ var init_Confirm = __esm({
|
|
|
259
278
|
import_react24 = require("react");
|
|
260
279
|
init_ClientButton();
|
|
261
280
|
init_StyleTypes();
|
|
262
|
-
|
|
281
|
+
import_jsx_runtime26 = require("react/jsx-runtime");
|
|
263
282
|
Confirm = ({ message, onConfirm, onCancel }) => {
|
|
264
283
|
const [showModal, setShowModal] = (0, import_react24.useState)(true);
|
|
265
284
|
const handleConfirmAction = () => {
|
|
@@ -274,13 +293,13 @@ var init_Confirm = __esm({
|
|
|
274
293
|
onCancel();
|
|
275
294
|
}
|
|
276
295
|
};
|
|
277
|
-
return /* @__PURE__ */ (0,
|
|
278
|
-
/* @__PURE__ */ (0,
|
|
279
|
-
/* @__PURE__ */ (0,
|
|
280
|
-
/* @__PURE__ */ (0,
|
|
281
|
-
/* @__PURE__ */ (0,
|
|
282
|
-
/* @__PURE__ */ (0,
|
|
283
|
-
/* @__PURE__ */ (0,
|
|
296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
297
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
298
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
299
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
300
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mb-4", children: message }),
|
|
301
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
302
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
284
303
|
ClientButton_default,
|
|
285
304
|
{
|
|
286
305
|
onClick: handleCancelAction,
|
|
@@ -288,7 +307,7 @@ var init_Confirm = __esm({
|
|
|
288
307
|
children: "Cancel"
|
|
289
308
|
}
|
|
290
309
|
),
|
|
291
|
-
/* @__PURE__ */ (0,
|
|
310
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
292
311
|
ClientButton_default,
|
|
293
312
|
{
|
|
294
313
|
onClick: handleConfirmAction,
|
|
@@ -306,7 +325,7 @@ var init_Confirm = __esm({
|
|
|
306
325
|
});
|
|
307
326
|
|
|
308
327
|
// src/components/Button.tsx
|
|
309
|
-
var import_react25,
|
|
328
|
+
var import_react25, import_jsx_runtime27, Button, Button_default;
|
|
310
329
|
var init_Button = __esm({
|
|
311
330
|
"src/components/Button.tsx"() {
|
|
312
331
|
"use strict";
|
|
@@ -315,7 +334,7 @@ var init_Button = __esm({
|
|
|
315
334
|
init_ToastService();
|
|
316
335
|
init_StyleTypes();
|
|
317
336
|
init_Confirm();
|
|
318
|
-
|
|
337
|
+
import_jsx_runtime27 = require("react/jsx-runtime");
|
|
319
338
|
Button = (props) => {
|
|
320
339
|
const [inProgress, setInProgress] = (0, import_react25.useState)(false);
|
|
321
340
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react25.useState)(false);
|
|
@@ -364,14 +383,14 @@ var init_Button = __esm({
|
|
|
364
383
|
return new Promise((resolve) => {
|
|
365
384
|
const onConfirm = () => resolve(true);
|
|
366
385
|
const onCancel = () => resolve(false);
|
|
367
|
-
setShowModal(/* @__PURE__ */ (0,
|
|
386
|
+
setShowModal(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
368
387
|
});
|
|
369
388
|
};
|
|
370
389
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
371
390
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
372
391
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
373
|
-
return /* @__PURE__ */ (0,
|
|
374
|
-
/* @__PURE__ */ (0,
|
|
392
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react25.default.Fragment, { children: [
|
|
393
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
375
394
|
"button",
|
|
376
395
|
{
|
|
377
396
|
type: "submit",
|
|
@@ -381,9 +400,9 @@ var init_Button = __esm({
|
|
|
381
400
|
className: buttonClass + " relative " + props.className,
|
|
382
401
|
children: [
|
|
383
402
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
384
|
-
inProgress && /* @__PURE__ */ (0,
|
|
385
|
-
/* @__PURE__ */ (0,
|
|
386
|
-
/* @__PURE__ */ (0,
|
|
403
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react25.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime27.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: [
|
|
404
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
405
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.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" })
|
|
387
406
|
] }) })
|
|
388
407
|
]
|
|
389
408
|
}
|
|
@@ -400,14 +419,14 @@ var HlsPlayer_exports = {};
|
|
|
400
419
|
__export(HlsPlayer_exports, {
|
|
401
420
|
default: () => HlsPlayer_default
|
|
402
421
|
});
|
|
403
|
-
var import_react32, import_hls,
|
|
422
|
+
var import_react32, import_hls, import_jsx_runtime42, pickSource, requestFullscreen, exitFullscreen, getFullscreenElement, HlsPlayer, HlsPlayer_default;
|
|
404
423
|
var init_HlsPlayer = __esm({
|
|
405
424
|
"src/components/HlsPlayer.tsx"() {
|
|
406
425
|
"use strict";
|
|
407
426
|
"use client";
|
|
408
427
|
import_react32 = __toESM(require("react"));
|
|
409
428
|
import_hls = __toESM(require("hls.js"));
|
|
410
|
-
|
|
429
|
+
import_jsx_runtime42 = require("react/jsx-runtime");
|
|
411
430
|
pickSource = (sources) => {
|
|
412
431
|
for (const { src, media } of sources) {
|
|
413
432
|
if (media && window.matchMedia(media).matches) return src;
|
|
@@ -633,7 +652,7 @@ var init_HlsPlayer = __esm({
|
|
|
633
652
|
if (resolvedSources.length === 0) return null;
|
|
634
653
|
const showMuteButton = !showControls && !isPlayOnHover;
|
|
635
654
|
const showExpandButton = !showControls && !isPlayOnHover;
|
|
636
|
-
return /* @__PURE__ */ (0,
|
|
655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
637
656
|
"div",
|
|
638
657
|
{
|
|
639
658
|
ref: containerRef,
|
|
@@ -642,7 +661,7 @@ var init_HlsPlayer = __esm({
|
|
|
642
661
|
onMouseLeave: handleMouseLeave,
|
|
643
662
|
onMouseMove: handleMouseMove,
|
|
644
663
|
children: [
|
|
645
|
-
/* @__PURE__ */ (0,
|
|
664
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
646
665
|
"video",
|
|
647
666
|
{
|
|
648
667
|
ref: videoRef,
|
|
@@ -655,7 +674,7 @@ var init_HlsPlayer = __esm({
|
|
|
655
674
|
playsInline: true,
|
|
656
675
|
onClick: handleVideoClick,
|
|
657
676
|
onDoubleClick: handleVideoDoubleClick,
|
|
658
|
-
children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0,
|
|
677
|
+
children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
659
678
|
"source",
|
|
660
679
|
{
|
|
661
680
|
src,
|
|
@@ -666,7 +685,7 @@ var init_HlsPlayer = __esm({
|
|
|
666
685
|
))
|
|
667
686
|
}
|
|
668
687
|
),
|
|
669
|
-
fallbackPoster && /* @__PURE__ */ (0,
|
|
688
|
+
fallbackPoster && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
670
689
|
"picture",
|
|
671
690
|
{
|
|
672
691
|
className: "absolute inset-0 pointer-events-none",
|
|
@@ -675,8 +694,8 @@ var init_HlsPlayer = __esm({
|
|
|
675
694
|
transition: "opacity 0.4s ease"
|
|
676
695
|
},
|
|
677
696
|
children: [
|
|
678
|
-
posterSources.map(({ media, posterUrl: src }, i) => /* @__PURE__ */ (0,
|
|
679
|
-
/* @__PURE__ */ (0,
|
|
697
|
+
posterSources.map(({ media, posterUrl: src }, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("source", { media, srcSet: src }, i)),
|
|
698
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
680
699
|
"img",
|
|
681
700
|
{
|
|
682
701
|
src: fallbackPoster,
|
|
@@ -690,7 +709,7 @@ var init_HlsPlayer = __esm({
|
|
|
690
709
|
]
|
|
691
710
|
}
|
|
692
711
|
),
|
|
693
|
-
/* @__PURE__ */ (0,
|
|
712
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("style", { children: `
|
|
694
713
|
.hls-play-btn {
|
|
695
714
|
will-change: transform;
|
|
696
715
|
transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
@@ -699,7 +718,7 @@ var init_HlsPlayer = __esm({
|
|
|
699
718
|
transform: scale(1.08);
|
|
700
719
|
}
|
|
701
720
|
` }),
|
|
702
|
-
!isPlayOnHover && /* @__PURE__ */ (0,
|
|
721
|
+
!isPlayOnHover && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
703
722
|
"div",
|
|
704
723
|
{
|
|
705
724
|
className: "absolute inset-0 flex items-center justify-center pointer-events-none",
|
|
@@ -707,7 +726,7 @@ var init_HlsPlayer = __esm({
|
|
|
707
726
|
opacity: isControlsVisible ? 1 : 0,
|
|
708
727
|
transition: "opacity 0.3s ease"
|
|
709
728
|
},
|
|
710
|
-
children: /* @__PURE__ */ (0,
|
|
729
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
711
730
|
"button",
|
|
712
731
|
{
|
|
713
732
|
type: "button",
|
|
@@ -733,7 +752,7 @@ var init_HlsPlayer = __esm({
|
|
|
733
752
|
overflow: "hidden"
|
|
734
753
|
},
|
|
735
754
|
children: [
|
|
736
|
-
/* @__PURE__ */ (0,
|
|
755
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
737
756
|
"div",
|
|
738
757
|
{
|
|
739
758
|
style: {
|
|
@@ -745,7 +764,7 @@ var init_HlsPlayer = __esm({
|
|
|
745
764
|
}
|
|
746
765
|
}
|
|
747
766
|
),
|
|
748
|
-
/* @__PURE__ */ (0,
|
|
767
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
749
768
|
"div",
|
|
750
769
|
{
|
|
751
770
|
style: {
|
|
@@ -759,7 +778,7 @@ var init_HlsPlayer = __esm({
|
|
|
759
778
|
),
|
|
760
779
|
isPlaying ? (
|
|
761
780
|
/* Pause — two rounded bars, sized to match play icon proportions */
|
|
762
|
-
/* @__PURE__ */ (0,
|
|
781
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
763
782
|
"svg",
|
|
764
783
|
{
|
|
765
784
|
width: playIconSize,
|
|
@@ -768,8 +787,8 @@ var init_HlsPlayer = __esm({
|
|
|
768
787
|
fill: "none",
|
|
769
788
|
xmlns: "http://www.w3.org/2000/svg",
|
|
770
789
|
children: [
|
|
771
|
-
/* @__PURE__ */ (0,
|
|
772
|
-
/* @__PURE__ */ (0,
|
|
790
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { x: "3.5", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" }),
|
|
791
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { x: "12", y: "2.5", width: "4.5", height: "15", rx: "1.5", fill: "white" })
|
|
773
792
|
]
|
|
774
793
|
}
|
|
775
794
|
)
|
|
@@ -779,7 +798,7 @@ var init_HlsPlayer = __esm({
|
|
|
779
798
|
* Original viewBox is "0,0,240,250" (with a 5.33x scale group inside).
|
|
780
799
|
* We flatten the transform: effective drawing area is 240×250 units.
|
|
781
800
|
*/
|
|
782
|
-
/* @__PURE__ */ (0,
|
|
801
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
783
802
|
"svg",
|
|
784
803
|
{
|
|
785
804
|
width: playIconSize,
|
|
@@ -788,7 +807,7 @@ var init_HlsPlayer = __esm({
|
|
|
788
807
|
fill: "none",
|
|
789
808
|
xmlns: "http://www.w3.org/2000/svg",
|
|
790
809
|
style: { transform: "translateX(4%)" },
|
|
791
|
-
children: /* @__PURE__ */ (0,
|
|
810
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
792
811
|
"path",
|
|
793
812
|
{
|
|
794
813
|
d: "M60.78 21.93C48.57 22.41 37.33 32.78 37.33 45.87v164.26c0 17.92 19.96 29.67 35.64 20.99l148.31-82.17c16.12-8.93 16.12-33.04 0-41.97L72.97 24.81c-3.92-2.17-8.11-3.07-12.19-2.88z",
|
|
@@ -803,7 +822,7 @@ var init_HlsPlayer = __esm({
|
|
|
803
822
|
)
|
|
804
823
|
}
|
|
805
824
|
),
|
|
806
|
-
/* @__PURE__ */ (0,
|
|
825
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
807
826
|
"div",
|
|
808
827
|
{
|
|
809
828
|
className: "absolute bottom-4 right-4 pointer-events-none",
|
|
@@ -815,7 +834,7 @@ var init_HlsPlayer = __esm({
|
|
|
815
834
|
transition: "opacity 0.3s ease"
|
|
816
835
|
},
|
|
817
836
|
children: [
|
|
818
|
-
showMuteButton && /* @__PURE__ */ (0,
|
|
837
|
+
showMuteButton && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
819
838
|
"button",
|
|
820
839
|
{
|
|
821
840
|
type: "button",
|
|
@@ -825,18 +844,18 @@ var init_HlsPlayer = __esm({
|
|
|
825
844
|
handleMuteToggle();
|
|
826
845
|
},
|
|
827
846
|
style: iconButtonStyle,
|
|
828
|
-
children: isMuted ? /* @__PURE__ */ (0,
|
|
829
|
-
/* @__PURE__ */ (0,
|
|
830
|
-
/* @__PURE__ */ (0,
|
|
831
|
-
/* @__PURE__ */ (0,
|
|
832
|
-
] }) : /* @__PURE__ */ (0,
|
|
833
|
-
/* @__PURE__ */ (0,
|
|
834
|
-
/* @__PURE__ */ (0,
|
|
835
|
-
/* @__PURE__ */ (0,
|
|
847
|
+
children: isMuted ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
848
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
849
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
850
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
|
|
851
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
852
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M11 5L6 9H2v6h4l5 4V5Z", fill: "white" }),
|
|
853
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }),
|
|
854
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
|
|
836
855
|
] })
|
|
837
856
|
}
|
|
838
857
|
),
|
|
839
|
-
showExpandButton && /* @__PURE__ */ (0,
|
|
858
|
+
showExpandButton && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
840
859
|
"button",
|
|
841
860
|
{
|
|
842
861
|
type: "button",
|
|
@@ -846,7 +865,7 @@ var init_HlsPlayer = __esm({
|
|
|
846
865
|
handleFullscreenToggle();
|
|
847
866
|
},
|
|
848
867
|
style: iconButtonStyle,
|
|
849
|
-
children: isFullscreen ? /* @__PURE__ */ (0,
|
|
868
|
+
children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M8 3v5H3M21 8h-5V3M3 16h5v5M16 21v-5h5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { width: iconSvgSize, height: iconSvgSize, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M3 8V3h5M16 3h5v5M21 16v5h-5M8 21H3v-5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
|
|
850
869
|
}
|
|
851
870
|
)
|
|
852
871
|
]
|
|
@@ -1081,7 +1100,7 @@ var LinkNodeButton_exports = {};
|
|
|
1081
1100
|
__export(LinkNodeButton_exports, {
|
|
1082
1101
|
default: () => LinkNodeButton_default
|
|
1083
1102
|
});
|
|
1084
|
-
var import_react34,
|
|
1103
|
+
var import_react34, import_jsx_runtime45, LinkNodeButton, LinkNodeButton_default;
|
|
1085
1104
|
var init_LinkNodeButton = __esm({
|
|
1086
1105
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
1087
1106
|
"use strict";
|
|
@@ -1090,7 +1109,7 @@ var init_LinkNodeButton = __esm({
|
|
|
1090
1109
|
init_Button();
|
|
1091
1110
|
init_ServiceClient();
|
|
1092
1111
|
init_ToastService();
|
|
1093
|
-
|
|
1112
|
+
import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1094
1113
|
LinkNodeButton = (props) => {
|
|
1095
1114
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
1096
1115
|
const [isLoading, setIsLoading] = (0, import_react34.useState)(false);
|
|
@@ -1233,11 +1252,11 @@ var init_LinkNodeButton = __esm({
|
|
|
1233
1252
|
return children;
|
|
1234
1253
|
}
|
|
1235
1254
|
if (linkText) {
|
|
1236
|
-
return /* @__PURE__ */ (0,
|
|
1255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: linkText });
|
|
1237
1256
|
}
|
|
1238
1257
|
return node.title || "Button";
|
|
1239
1258
|
};
|
|
1240
|
-
return /* @__PURE__ */ (0,
|
|
1259
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1241
1260
|
Button_default,
|
|
1242
1261
|
{
|
|
1243
1262
|
ButtonType: linkType,
|
|
@@ -1275,13 +1294,13 @@ function CopyButton({ text }) {
|
|
|
1275
1294
|
console.error("Failed to copy: ", err);
|
|
1276
1295
|
}
|
|
1277
1296
|
};
|
|
1278
|
-
return /* @__PURE__ */ (0,
|
|
1297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
1279
1298
|
"button",
|
|
1280
1299
|
{
|
|
1281
1300
|
onClick: handleCopy,
|
|
1282
1301
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
1283
1302
|
children: [
|
|
1284
|
-
/* @__PURE__ */ (0,
|
|
1303
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
1285
1304
|
"svg",
|
|
1286
1305
|
{
|
|
1287
1306
|
width: "16",
|
|
@@ -1289,7 +1308,7 @@ function CopyButton({ text }) {
|
|
|
1289
1308
|
viewBox: "0 0 24 24",
|
|
1290
1309
|
className: "w-4 h-4",
|
|
1291
1310
|
fill: "currentColor",
|
|
1292
|
-
children: /* @__PURE__ */ (0,
|
|
1311
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
1293
1312
|
"path",
|
|
1294
1313
|
{
|
|
1295
1314
|
fillRule: "evenodd",
|
|
@@ -1304,54 +1323,54 @@ function CopyButton({ text }) {
|
|
|
1304
1323
|
}
|
|
1305
1324
|
);
|
|
1306
1325
|
}
|
|
1307
|
-
var import_react41,
|
|
1326
|
+
var import_react41, import_jsx_runtime55;
|
|
1308
1327
|
var init_CopyButton = __esm({
|
|
1309
1328
|
"src/components/CopyButton.tsx"() {
|
|
1310
1329
|
"use strict";
|
|
1311
1330
|
"use client";
|
|
1312
1331
|
import_react41 = require("react");
|
|
1313
|
-
|
|
1332
|
+
import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1314
1333
|
}
|
|
1315
1334
|
});
|
|
1316
1335
|
|
|
1317
1336
|
// src/components/IFrameLoaderView.tsx
|
|
1318
|
-
var import_react45,
|
|
1337
|
+
var import_react45, import_jsx_runtime61, IFrameLoaderView, IFrameLoaderView_default;
|
|
1319
1338
|
var init_IFrameLoaderView = __esm({
|
|
1320
1339
|
"src/components/IFrameLoaderView.tsx"() {
|
|
1321
1340
|
"use strict";
|
|
1322
1341
|
import_react45 = __toESM(require("react"));
|
|
1323
|
-
|
|
1342
|
+
import_jsx_runtime61 = require("react/jsx-runtime");
|
|
1324
1343
|
IFrameLoaderView = (props) => {
|
|
1325
|
-
return /* @__PURE__ */ (0,
|
|
1326
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
1327
|
-
/* @__PURE__ */ (0,
|
|
1328
|
-
/* @__PURE__ */ (0,
|
|
1329
|
-
/* @__PURE__ */ (0,
|
|
1330
|
-
/* @__PURE__ */ (0,
|
|
1331
|
-
/* @__PURE__ */ (0,
|
|
1344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_react45.default.Fragment, { children: [
|
|
1345
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
1346
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
1347
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "ml-2", children: [
|
|
1349
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
1350
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
1332
1351
|
] })
|
|
1333
1352
|
] }),
|
|
1334
|
-
/* @__PURE__ */ (0,
|
|
1335
|
-
/* @__PURE__ */ (0,
|
|
1336
|
-
/* @__PURE__ */ (0,
|
|
1337
|
-
/* @__PURE__ */ (0,
|
|
1338
|
-
/* @__PURE__ */ (0,
|
|
1339
|
-
/* @__PURE__ */ (0,
|
|
1340
|
-
/* @__PURE__ */ (0,
|
|
1353
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
1354
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "animate-pulse", children: [
|
|
1355
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1356
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1357
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1358
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1359
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1341
1360
|
] }),
|
|
1342
|
-
/* @__PURE__ */ (0,
|
|
1343
|
-
/* @__PURE__ */ (0,
|
|
1344
|
-
/* @__PURE__ */ (0,
|
|
1345
|
-
/* @__PURE__ */ (0,
|
|
1346
|
-
/* @__PURE__ */ (0,
|
|
1347
|
-
/* @__PURE__ */ (0,
|
|
1361
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "animate-pulse", children: [
|
|
1362
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1363
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1364
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1365
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1366
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1348
1367
|
] }),
|
|
1349
|
-
/* @__PURE__ */ (0,
|
|
1350
|
-
/* @__PURE__ */ (0,
|
|
1351
|
-
/* @__PURE__ */ (0,
|
|
1352
|
-
/* @__PURE__ */ (0,
|
|
1353
|
-
/* @__PURE__ */ (0,
|
|
1354
|
-
/* @__PURE__ */ (0,
|
|
1368
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "animate-pulse", children: [
|
|
1369
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1370
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1371
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1372
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1373
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1355
1374
|
] })
|
|
1356
1375
|
] })
|
|
1357
1376
|
] }) }),
|
|
@@ -1367,14 +1386,14 @@ var IframeClient_exports = {};
|
|
|
1367
1386
|
__export(IframeClient_exports, {
|
|
1368
1387
|
default: () => IframeClient_default
|
|
1369
1388
|
});
|
|
1370
|
-
var import_react46,
|
|
1389
|
+
var import_react46, import_jsx_runtime62, IframeClient, IframeClient_default;
|
|
1371
1390
|
var init_IframeClient = __esm({
|
|
1372
1391
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
1373
1392
|
"use strict";
|
|
1374
1393
|
"use client";
|
|
1375
1394
|
import_react46 = __toESM(require("react"));
|
|
1376
1395
|
init_IFrameLoaderView();
|
|
1377
|
-
|
|
1396
|
+
import_jsx_runtime62 = require("react/jsx-runtime");
|
|
1378
1397
|
IframeClient = ({ src }) => {
|
|
1379
1398
|
const iframeRef = (0, import_react46.useRef)(null);
|
|
1380
1399
|
const [iframeHeight, setIframeHeight] = (0, import_react46.useState)("100%");
|
|
@@ -1406,7 +1425,7 @@ var init_IframeClient = __esm({
|
|
|
1406
1425
|
const handleIframeLoad = () => {
|
|
1407
1426
|
setIsDataFound(true);
|
|
1408
1427
|
};
|
|
1409
|
-
return /* @__PURE__ */ (0,
|
|
1428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
1410
1429
|
"iframe",
|
|
1411
1430
|
{
|
|
1412
1431
|
ref: iframeRef,
|
|
@@ -1622,8 +1641,15 @@ var AiGeneratedSummary = (props) => {
|
|
|
1622
1641
|
};
|
|
1623
1642
|
var AiGeneratedSummary_default = AiGeneratedSummary;
|
|
1624
1643
|
|
|
1644
|
+
// src/components/controls/view/DateTimeVew.tsx
|
|
1645
|
+
var import_dynamic2 = __toESM(require("next/dynamic"));
|
|
1646
|
+
var DateTimeView = (0, import_dynamic2.default)(() => Promise.resolve().then(() => (init_DateTimeViewClient(), DateTimeViewClient_exports)), {
|
|
1647
|
+
ssr: false
|
|
1648
|
+
});
|
|
1649
|
+
var DateTimeVew_default = DateTimeView;
|
|
1650
|
+
|
|
1625
1651
|
// src/components/controls/view/ViewControl.tsx
|
|
1626
|
-
var
|
|
1652
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
1627
1653
|
var ViewControl = (props) => {
|
|
1628
1654
|
const ControlComponents = {
|
|
1629
1655
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -1633,7 +1659,7 @@ var ViewControl = (props) => {
|
|
|
1633
1659
|
[ViewControlTypes_default.money]: MoneyView_default,
|
|
1634
1660
|
[ViewControlTypes_default.date]: DateView_default,
|
|
1635
1661
|
[ViewControlTypes_default.time]: DateView_default,
|
|
1636
|
-
[ViewControlTypes_default.datetime]:
|
|
1662
|
+
[ViewControlTypes_default.datetime]: DateTimeVew_default,
|
|
1637
1663
|
[ViewControlTypes_default.number]: NumberView_default,
|
|
1638
1664
|
[ViewControlTypes_default.multilineText]: MultilineTextView_default,
|
|
1639
1665
|
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
@@ -1645,7 +1671,7 @@ var ViewControl = (props) => {
|
|
|
1645
1671
|
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
|
|
1646
1672
|
};
|
|
1647
1673
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
1648
|
-
return /* @__PURE__ */ (0,
|
|
1674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react10.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
1649
1675
|
};
|
|
1650
1676
|
var ViewControl_default = ViewControl;
|
|
1651
1677
|
|
|
@@ -1654,7 +1680,7 @@ var import_react31 = __toESM(require("react"));
|
|
|
1654
1680
|
|
|
1655
1681
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
1656
1682
|
var import_react11 = __toESM(require("react"));
|
|
1657
|
-
var
|
|
1683
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
1658
1684
|
var MultilineTextInput = (props) => {
|
|
1659
1685
|
const textChangeHandler = (event) => {
|
|
1660
1686
|
const text = event.target.value;
|
|
@@ -1673,11 +1699,11 @@ var MultilineTextInput = (props) => {
|
|
|
1673
1699
|
if (props.value !== void 0 && props.value !== null) {
|
|
1674
1700
|
value = props.value;
|
|
1675
1701
|
}
|
|
1676
|
-
return /* @__PURE__ */ (0,
|
|
1677
|
-
/* @__PURE__ */ (0,
|
|
1702
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block mb-1", children: [
|
|
1703
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1678
1704
|
" ",
|
|
1679
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1680
|
-
/* @__PURE__ */ (0,
|
|
1705
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1706
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
1681
1707
|
"textarea",
|
|
1682
1708
|
{
|
|
1683
1709
|
name: props.name,
|
|
@@ -1694,14 +1720,14 @@ var MultilineTextInput = (props) => {
|
|
|
1694
1720
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
|
|
1695
1721
|
}
|
|
1696
1722
|
),
|
|
1697
|
-
/* @__PURE__ */ (0,
|
|
1723
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1698
1724
|
] }) });
|
|
1699
1725
|
};
|
|
1700
1726
|
var MultilineTextInput_default = MultilineTextInput;
|
|
1701
1727
|
|
|
1702
1728
|
// src/components/controls/edit/LineTextInput.tsx
|
|
1703
1729
|
var import_react12 = __toESM(require("react"));
|
|
1704
|
-
var
|
|
1730
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1705
1731
|
var LineTextInput = (props) => {
|
|
1706
1732
|
const textChangeHandler = (event) => {
|
|
1707
1733
|
const text = event.target.value;
|
|
@@ -1720,11 +1746,11 @@ var LineTextInput = (props) => {
|
|
|
1720
1746
|
if (props.value !== void 0 && props.value !== null) {
|
|
1721
1747
|
value = props.value;
|
|
1722
1748
|
}
|
|
1723
|
-
return /* @__PURE__ */ (0,
|
|
1724
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block", children: [
|
|
1750
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
1725
1751
|
" ",
|
|
1726
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1727
|
-
/* @__PURE__ */ (0,
|
|
1752
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1753
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
1728
1754
|
"input",
|
|
1729
1755
|
{
|
|
1730
1756
|
type: "text",
|
|
@@ -1744,14 +1770,14 @@ var LineTextInput = (props) => {
|
|
|
1744
1770
|
`
|
|
1745
1771
|
}
|
|
1746
1772
|
),
|
|
1747
|
-
/* @__PURE__ */ (0,
|
|
1773
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1748
1774
|
] }) });
|
|
1749
1775
|
};
|
|
1750
1776
|
var LineTextInput_default = LineTextInput;
|
|
1751
1777
|
|
|
1752
1778
|
// src/components/controls/edit/MoneyInput.tsx
|
|
1753
1779
|
var import_react13 = __toESM(require("react"));
|
|
1754
|
-
var
|
|
1780
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1755
1781
|
var MoneyInput = (props) => {
|
|
1756
1782
|
const textChangeHandler = (event) => {
|
|
1757
1783
|
const rawValue = event.target.value;
|
|
@@ -1780,11 +1806,11 @@ var MoneyInput = (props) => {
|
|
|
1780
1806
|
e.preventDefault();
|
|
1781
1807
|
}
|
|
1782
1808
|
};
|
|
1783
|
-
return /* @__PURE__ */ (0,
|
|
1784
|
-
/* @__PURE__ */ (0,
|
|
1809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react13.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
|
|
1810
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1785
1811
|
" ",
|
|
1786
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1787
|
-
/* @__PURE__ */ (0,
|
|
1812
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1813
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1788
1814
|
"input",
|
|
1789
1815
|
{
|
|
1790
1816
|
type: "number",
|
|
@@ -1804,7 +1830,7 @@ var MoneyInput = (props) => {
|
|
|
1804
1830
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
1805
1831
|
}
|
|
1806
1832
|
),
|
|
1807
|
-
/* @__PURE__ */ (0,
|
|
1833
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1808
1834
|
] }) });
|
|
1809
1835
|
};
|
|
1810
1836
|
var MoneyInput_default = MoneyInput;
|
|
@@ -1836,7 +1862,7 @@ var InputControlType_default = InputControlType;
|
|
|
1836
1862
|
|
|
1837
1863
|
// src/components/controls/edit/Select.tsx
|
|
1838
1864
|
var import_react14 = require("react");
|
|
1839
|
-
var
|
|
1865
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1840
1866
|
var Select = (props) => {
|
|
1841
1867
|
const [list, setList] = (0, import_react14.useState)([]);
|
|
1842
1868
|
const getSafeValue = (val) => {
|
|
@@ -1894,11 +1920,11 @@ var Select = (props) => {
|
|
|
1894
1920
|
props.dataSourceDependsOn
|
|
1895
1921
|
]);
|
|
1896
1922
|
const value = getSafeValue(props.value);
|
|
1897
|
-
return /* @__PURE__ */ (0,
|
|
1898
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
1923
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block", children: [
|
|
1924
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
1899
1925
|
" ",
|
|
1900
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
1901
|
-
/* @__PURE__ */ (0,
|
|
1926
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1927
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
1902
1928
|
"select",
|
|
1903
1929
|
{
|
|
1904
1930
|
name: props.name,
|
|
@@ -1909,23 +1935,23 @@ var Select = (props) => {
|
|
|
1909
1935
|
disabled: props.attributes?.readOnly,
|
|
1910
1936
|
className: "peer select 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",
|
|
1911
1937
|
children: [
|
|
1912
|
-
/* @__PURE__ */ (0,
|
|
1938
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
1913
1939
|
list.map((item, index) => {
|
|
1914
1940
|
const keyField = props.dataKeyFieldName;
|
|
1915
1941
|
const textField = props.dataTextFieldName;
|
|
1916
|
-
return /* @__PURE__ */ (0,
|
|
1942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
1917
1943
|
})
|
|
1918
1944
|
]
|
|
1919
1945
|
}
|
|
1920
1946
|
),
|
|
1921
|
-
/* @__PURE__ */ (0,
|
|
1947
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
1922
1948
|
] });
|
|
1923
1949
|
};
|
|
1924
1950
|
var Select_default = Select;
|
|
1925
1951
|
|
|
1926
1952
|
// src/components/controls/edit/PercentageInput.tsx
|
|
1927
1953
|
var import_react15 = __toESM(require("react"));
|
|
1928
|
-
var
|
|
1954
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1929
1955
|
var PercentageInput = (props) => {
|
|
1930
1956
|
const textChangeHandler = (event) => {
|
|
1931
1957
|
const rawValue = event.target.value;
|
|
@@ -1954,11 +1980,11 @@ var PercentageInput = (props) => {
|
|
|
1954
1980
|
e.preventDefault();
|
|
1955
1981
|
}
|
|
1956
1982
|
};
|
|
1957
|
-
return /* @__PURE__ */ (0,
|
|
1958
|
-
/* @__PURE__ */ (0,
|
|
1983
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block mb-1", children: [
|
|
1984
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
1959
1985
|
" ",
|
|
1960
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1961
|
-
/* @__PURE__ */ (0,
|
|
1986
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1987
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1962
1988
|
"input",
|
|
1963
1989
|
{
|
|
1964
1990
|
type: "number",
|
|
@@ -1977,14 +2003,14 @@ var PercentageInput = (props) => {
|
|
|
1977
2003
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
1978
2004
|
}
|
|
1979
2005
|
),
|
|
1980
|
-
/* @__PURE__ */ (0,
|
|
2006
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1981
2007
|
] }) });
|
|
1982
2008
|
};
|
|
1983
2009
|
var PercentageInput_default = PercentageInput;
|
|
1984
2010
|
|
|
1985
2011
|
// src/components/controls/edit/PhoneInput.tsx
|
|
1986
2012
|
var import_react16 = __toESM(require("react"));
|
|
1987
|
-
var
|
|
2013
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1988
2014
|
var PhoneInput = (props) => {
|
|
1989
2015
|
const textChangeHandler = (event) => {
|
|
1990
2016
|
const text = event.target.value;
|
|
@@ -2003,13 +2029,13 @@ var PhoneInput = (props) => {
|
|
|
2003
2029
|
if (props.value !== void 0 && props.value !== null) {
|
|
2004
2030
|
value = props.value;
|
|
2005
2031
|
}
|
|
2006
|
-
return /* @__PURE__ */ (0,
|
|
2007
|
-
/* @__PURE__ */ (0,
|
|
2032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block mb-1", children: [
|
|
2033
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2008
2034
|
" ",
|
|
2009
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2010
|
-
/* @__PURE__ */ (0,
|
|
2011
|
-
/* @__PURE__ */ (0,
|
|
2012
|
-
/* @__PURE__ */ (0,
|
|
2035
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2036
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
2037
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
2038
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
2013
2039
|
"input",
|
|
2014
2040
|
{
|
|
2015
2041
|
type: "text",
|
|
@@ -2027,14 +2053,14 @@ var PhoneInput = (props) => {
|
|
|
2027
2053
|
}
|
|
2028
2054
|
)
|
|
2029
2055
|
] }),
|
|
2030
|
-
/* @__PURE__ */ (0,
|
|
2056
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2031
2057
|
] }) });
|
|
2032
2058
|
};
|
|
2033
2059
|
var PhoneInput_default = PhoneInput;
|
|
2034
2060
|
|
|
2035
2061
|
// src/components/controls/edit/NumberInput.tsx
|
|
2036
2062
|
var import_react17 = __toESM(require("react"));
|
|
2037
|
-
var
|
|
2063
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2038
2064
|
var NumberInput = (props) => {
|
|
2039
2065
|
const textChangeHandler = (event) => {
|
|
2040
2066
|
const text = event.target.value;
|
|
@@ -2057,11 +2083,11 @@ var NumberInput = (props) => {
|
|
|
2057
2083
|
if (props.value !== void 0 && props.value !== null) {
|
|
2058
2084
|
value = props.value;
|
|
2059
2085
|
}
|
|
2060
|
-
return /* @__PURE__ */ (0,
|
|
2061
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2086
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "block", children: [
|
|
2087
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
2062
2088
|
" ",
|
|
2063
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2064
|
-
/* @__PURE__ */ (0,
|
|
2089
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2090
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2065
2091
|
"input",
|
|
2066
2092
|
{
|
|
2067
2093
|
type: "number",
|
|
@@ -2080,14 +2106,14 @@ var NumberInput = (props) => {
|
|
|
2080
2106
|
className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2081
2107
|
}
|
|
2082
2108
|
),
|
|
2083
|
-
/* @__PURE__ */ (0,
|
|
2109
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2084
2110
|
] }) });
|
|
2085
2111
|
};
|
|
2086
2112
|
var NumberInput_default = NumberInput;
|
|
2087
2113
|
|
|
2088
2114
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
2089
2115
|
var import_react18 = __toESM(require("react"));
|
|
2090
|
-
var
|
|
2116
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2091
2117
|
var CheckboxInput = (props) => {
|
|
2092
2118
|
const textChangeHandler = (event) => {
|
|
2093
2119
|
let text = event.target.checked;
|
|
@@ -2104,11 +2130,11 @@ var CheckboxInput = (props) => {
|
|
|
2104
2130
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
2105
2131
|
value = true;
|
|
2106
2132
|
}
|
|
2107
|
-
return /* @__PURE__ */ (0,
|
|
2108
|
-
/* @__PURE__ */ (0,
|
|
2133
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "inline-block mb-1", children: [
|
|
2134
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2109
2135
|
" ",
|
|
2110
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2111
|
-
/* @__PURE__ */ (0,
|
|
2136
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2137
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2112
2138
|
"input",
|
|
2113
2139
|
{
|
|
2114
2140
|
type: "checkbox",
|
|
@@ -2125,14 +2151,14 @@ var CheckboxInput = (props) => {
|
|
|
2125
2151
|
className: "peer mt-1 py-1.5 block rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2126
2152
|
}
|
|
2127
2153
|
),
|
|
2128
|
-
/* @__PURE__ */ (0,
|
|
2154
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2129
2155
|
] }) });
|
|
2130
2156
|
};
|
|
2131
2157
|
var CheckboxInput_default = CheckboxInput;
|
|
2132
2158
|
|
|
2133
2159
|
// src/components/controls/edit/OtpInput.tsx
|
|
2134
2160
|
var import_react19 = __toESM(require("react"));
|
|
2135
|
-
var
|
|
2161
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2136
2162
|
var OtpInput = (props) => {
|
|
2137
2163
|
const textChangeHandler = (event) => {
|
|
2138
2164
|
const text = event.target.value;
|
|
@@ -2154,11 +2180,11 @@ var OtpInput = (props) => {
|
|
|
2154
2180
|
if (props.value !== void 0 && props.value !== null) {
|
|
2155
2181
|
value = props.value;
|
|
2156
2182
|
}
|
|
2157
|
-
return /* @__PURE__ */ (0,
|
|
2158
|
-
/* @__PURE__ */ (0,
|
|
2183
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
2184
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2159
2185
|
" ",
|
|
2160
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2161
|
-
/* @__PURE__ */ (0,
|
|
2186
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2187
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2162
2188
|
"input",
|
|
2163
2189
|
{
|
|
2164
2190
|
type: "text",
|
|
@@ -2178,14 +2204,14 @@ var OtpInput = (props) => {
|
|
|
2178
2204
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
|
|
2179
2205
|
}
|
|
2180
2206
|
),
|
|
2181
|
-
/* @__PURE__ */ (0,
|
|
2207
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2182
2208
|
] }) });
|
|
2183
2209
|
};
|
|
2184
2210
|
var OtpInput_default = OtpInput;
|
|
2185
2211
|
|
|
2186
2212
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
2187
2213
|
var import_react20 = __toESM(require("react"));
|
|
2188
|
-
var
|
|
2214
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2189
2215
|
var DateTimeInput = (props) => {
|
|
2190
2216
|
const textChangeHandler = (event) => {
|
|
2191
2217
|
const localDate = new Date(event.target.value);
|
|
@@ -2217,12 +2243,12 @@ var DateTimeInput = (props) => {
|
|
|
2217
2243
|
e.preventDefault();
|
|
2218
2244
|
}
|
|
2219
2245
|
};
|
|
2220
|
-
return /* @__PURE__ */ (0,
|
|
2221
|
-
/* @__PURE__ */ (0,
|
|
2246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react20.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block mb-1", children: [
|
|
2247
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2222
2248
|
" ",
|
|
2223
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2224
|
-
/* @__PURE__ */ (0,
|
|
2225
|
-
/* @__PURE__ */ (0,
|
|
2249
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2250
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2251
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2226
2252
|
"input",
|
|
2227
2253
|
{
|
|
2228
2254
|
type: "datetime-local",
|
|
@@ -2240,16 +2266,16 @@ var DateTimeInput = (props) => {
|
|
|
2240
2266
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2241
2267
|
}
|
|
2242
2268
|
),
|
|
2243
|
-
/* @__PURE__ */ (0,
|
|
2269
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: timeZoneAbbr })
|
|
2244
2270
|
] }),
|
|
2245
|
-
/* @__PURE__ */ (0,
|
|
2271
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2246
2272
|
] }) });
|
|
2247
2273
|
};
|
|
2248
2274
|
var DateTimeInput_default = DateTimeInput;
|
|
2249
2275
|
|
|
2250
2276
|
// src/components/controls/edit/ColorInput.tsx
|
|
2251
2277
|
var import_react21 = __toESM(require("react"));
|
|
2252
|
-
var
|
|
2278
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2253
2279
|
var ColorInput = (props) => {
|
|
2254
2280
|
const [color, setColor] = import_react21.default.useState("#3b82f6");
|
|
2255
2281
|
(0, import_react21.useEffect)(() => {
|
|
@@ -2271,11 +2297,11 @@ var ColorInput = (props) => {
|
|
|
2271
2297
|
});
|
|
2272
2298
|
}
|
|
2273
2299
|
};
|
|
2274
|
-
return /* @__PURE__ */ (0,
|
|
2275
|
-
/* @__PURE__ */ (0,
|
|
2300
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "block mb-1", children: [
|
|
2301
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2276
2302
|
" ",
|
|
2277
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2278
|
-
/* @__PURE__ */ (0,
|
|
2303
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2304
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2279
2305
|
"input",
|
|
2280
2306
|
{
|
|
2281
2307
|
type: "color",
|
|
@@ -2288,14 +2314,14 @@ var ColorInput = (props) => {
|
|
|
2288
2314
|
className: `w-[78px] h-12 block cursor-pointer`
|
|
2289
2315
|
}
|
|
2290
2316
|
),
|
|
2291
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
2317
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
|
|
2292
2318
|
] });
|
|
2293
2319
|
};
|
|
2294
2320
|
var ColorInput_default = ColorInput;
|
|
2295
2321
|
|
|
2296
2322
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
2297
2323
|
var import_react22 = require("react");
|
|
2298
|
-
var
|
|
2324
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2299
2325
|
var SelectWithSearchInput = (props) => {
|
|
2300
2326
|
const [isOpen, setIsOpen] = (0, import_react22.useState)(false);
|
|
2301
2327
|
const [searchTerm, setSearchTerm] = (0, import_react22.useState)("");
|
|
@@ -2366,15 +2392,15 @@ var SelectWithSearchInput = (props) => {
|
|
|
2366
2392
|
});
|
|
2367
2393
|
}
|
|
2368
2394
|
}, [highlightedIndex]);
|
|
2369
|
-
return /* @__PURE__ */ (0,
|
|
2370
|
-
/* @__PURE__ */ (0,
|
|
2395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
|
|
2396
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { children: [
|
|
2371
2397
|
props.attributes?.label,
|
|
2372
2398
|
" ",
|
|
2373
2399
|
" ",
|
|
2374
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2400
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2375
2401
|
] }),
|
|
2376
|
-
/* @__PURE__ */ (0,
|
|
2377
|
-
/* @__PURE__ */ (0,
|
|
2402
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative", children: [
|
|
2403
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2378
2404
|
"input",
|
|
2379
2405
|
{
|
|
2380
2406
|
type: "text",
|
|
@@ -2390,13 +2416,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
2390
2416
|
className: "peer py-1.5 select 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 "
|
|
2391
2417
|
}
|
|
2392
2418
|
),
|
|
2393
|
-
/* @__PURE__ */ (0,
|
|
2419
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2394
2420
|
"button",
|
|
2395
2421
|
{
|
|
2396
2422
|
type: "button",
|
|
2397
2423
|
onClick: () => setIsOpen(!isOpen),
|
|
2398
2424
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
2399
|
-
children: /* @__PURE__ */ (0,
|
|
2425
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2400
2426
|
"svg",
|
|
2401
2427
|
{
|
|
2402
2428
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2405,7 +2431,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
2405
2431
|
strokeWidth: 1.5,
|
|
2406
2432
|
stroke: "currentColor",
|
|
2407
2433
|
className: "w-full h-full",
|
|
2408
|
-
children: /* @__PURE__ */ (0,
|
|
2434
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2409
2435
|
"path",
|
|
2410
2436
|
{
|
|
2411
2437
|
strokeLinecap: "round",
|
|
@@ -2418,12 +2444,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
2418
2444
|
}
|
|
2419
2445
|
)
|
|
2420
2446
|
] }),
|
|
2421
|
-
isOpen && /* @__PURE__ */ (0,
|
|
2447
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2422
2448
|
"div",
|
|
2423
2449
|
{
|
|
2424
2450
|
ref: dropdownRef,
|
|
2425
2451
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
2426
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2452
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2427
2453
|
"button",
|
|
2428
2454
|
{
|
|
2429
2455
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -2431,10 +2457,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
2431
2457
|
role: "option",
|
|
2432
2458
|
tabIndex: -1,
|
|
2433
2459
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2434
|
-
children: /* @__PURE__ */ (0,
|
|
2460
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
2435
2461
|
},
|
|
2436
2462
|
item[props.dataKeyFieldName]
|
|
2437
|
-
)) : /* @__PURE__ */ (0,
|
|
2463
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2438
2464
|
}
|
|
2439
2465
|
)
|
|
2440
2466
|
] });
|
|
@@ -2444,7 +2470,7 @@ var SelectWithSearchInput_default = SelectWithSearchInput;
|
|
|
2444
2470
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
2445
2471
|
init_Button();
|
|
2446
2472
|
var import_react26 = __toESM(require("react"));
|
|
2447
|
-
var
|
|
2473
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2448
2474
|
var SelectWithSearchPanel = (props) => {
|
|
2449
2475
|
const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
|
|
2450
2476
|
const [searchTerm, setSearchTerm] = (0, import_react26.useState)("");
|
|
@@ -2580,14 +2606,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2580
2606
|
console.log("Form Data:", formData);
|
|
2581
2607
|
return formData;
|
|
2582
2608
|
}, []);
|
|
2583
|
-
return /* @__PURE__ */ (0,
|
|
2584
|
-
/* @__PURE__ */ (0,
|
|
2609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative", children: [
|
|
2610
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
|
|
2585
2611
|
props.attributes?.label,
|
|
2586
2612
|
" ",
|
|
2587
2613
|
" ",
|
|
2588
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2614
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2589
2615
|
] }),
|
|
2590
|
-
/* @__PURE__ */ (0,
|
|
2616
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2591
2617
|
"input",
|
|
2592
2618
|
{
|
|
2593
2619
|
type: "text",
|
|
@@ -2601,14 +2627,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2601
2627
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
2602
2628
|
}
|
|
2603
2629
|
) }),
|
|
2604
|
-
/* @__PURE__ */ (0,
|
|
2605
|
-
/* @__PURE__ */ (0,
|
|
2606
|
-
/* @__PURE__ */ (0,
|
|
2630
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react26.default.Fragment, { children: [
|
|
2631
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
2632
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
2607
2633
|
"Select a",
|
|
2608
2634
|
" ",
|
|
2609
2635
|
props.attributes?.label || props.attributes?.heading
|
|
2610
2636
|
] }) }),
|
|
2611
|
-
/* @__PURE__ */ (0,
|
|
2637
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)(
|
|
2612
2638
|
"button",
|
|
2613
2639
|
{
|
|
2614
2640
|
type: "button",
|
|
@@ -2621,12 +2647,12 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2621
2647
|
}
|
|
2622
2648
|
) })
|
|
2623
2649
|
] }),
|
|
2624
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
2625
|
-
/* @__PURE__ */ (0,
|
|
2650
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime28.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: [
|
|
2651
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
2626
2652
|
"Create New ",
|
|
2627
2653
|
props.attributes?.label
|
|
2628
2654
|
] }) }),
|
|
2629
|
-
/* @__PURE__ */ (0,
|
|
2655
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2630
2656
|
"button",
|
|
2631
2657
|
{
|
|
2632
2658
|
type: "button",
|
|
@@ -2635,10 +2661,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2635
2661
|
children: "Close"
|
|
2636
2662
|
}
|
|
2637
2663
|
) }),
|
|
2638
|
-
/* @__PURE__ */ (0,
|
|
2639
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
2640
|
-
/* @__PURE__ */ (0,
|
|
2641
|
-
/* @__PURE__ */ (0,
|
|
2664
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "p-4", children: [
|
|
2665
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mb-4", children: [
|
|
2666
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
2667
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2642
2668
|
"input",
|
|
2643
2669
|
{
|
|
2644
2670
|
type: field.type,
|
|
@@ -2654,7 +2680,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2654
2680
|
}
|
|
2655
2681
|
)
|
|
2656
2682
|
] }, field.name)),
|
|
2657
|
-
/* @__PURE__ */ (0,
|
|
2683
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Button_default, { onClick: async () => {
|
|
2658
2684
|
handleSaveModal();
|
|
2659
2685
|
return { isSuccessful: true };
|
|
2660
2686
|
}, className: "w-full", children: [
|
|
@@ -2663,13 +2689,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2663
2689
|
] })
|
|
2664
2690
|
] })
|
|
2665
2691
|
] }),
|
|
2666
|
-
/* @__PURE__ */ (0,
|
|
2692
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2667
2693
|
"div",
|
|
2668
2694
|
{
|
|
2669
2695
|
ref: listRef,
|
|
2670
2696
|
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",
|
|
2671
2697
|
style: { height: "calc(100vh - 130px)" },
|
|
2672
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2698
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2673
2699
|
"button",
|
|
2674
2700
|
{
|
|
2675
2701
|
onClick: (e) => {
|
|
@@ -2679,9 +2705,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2679
2705
|
role: "option",
|
|
2680
2706
|
tabIndex: -1,
|
|
2681
2707
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2682
|
-
children: /* @__PURE__ */ (0,
|
|
2708
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
2683
2709
|
}
|
|
2684
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2710
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2685
2711
|
}
|
|
2686
2712
|
)
|
|
2687
2713
|
] }) })
|
|
@@ -2691,7 +2717,7 @@ var SelectWithSearchPanel_default = SelectWithSearchPanel;
|
|
|
2691
2717
|
|
|
2692
2718
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
2693
2719
|
var import_react27 = __toESM(require("react"));
|
|
2694
|
-
var
|
|
2720
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2695
2721
|
var BooleanSelect = (props) => {
|
|
2696
2722
|
const [list, setList] = (0, import_react27.useState)();
|
|
2697
2723
|
const textChangeHandler = (event) => {
|
|
@@ -2740,11 +2766,11 @@ var BooleanSelect = (props) => {
|
|
|
2740
2766
|
if (props.value !== void 0 && props.value !== null) {
|
|
2741
2767
|
value = props.value;
|
|
2742
2768
|
}
|
|
2743
|
-
return /* @__PURE__ */ (0,
|
|
2744
|
-
/* @__PURE__ */ (0,
|
|
2769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block", children: [
|
|
2770
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2745
2771
|
" ",
|
|
2746
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2747
|
-
/* @__PURE__ */ (0,
|
|
2772
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2773
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
2748
2774
|
"select",
|
|
2749
2775
|
{
|
|
2750
2776
|
name: props.name,
|
|
@@ -2756,9 +2782,9 @@ var BooleanSelect = (props) => {
|
|
|
2756
2782
|
disabled: props?.attributes?.readOnly,
|
|
2757
2783
|
className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
2758
2784
|
children: [
|
|
2759
|
-
/* @__PURE__ */ (0,
|
|
2785
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2760
2786
|
list && list.map((item, i) => {
|
|
2761
|
-
return /* @__PURE__ */ (0,
|
|
2787
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2762
2788
|
"option",
|
|
2763
2789
|
{
|
|
2764
2790
|
className: "fac-select-option",
|
|
@@ -2771,14 +2797,14 @@ var BooleanSelect = (props) => {
|
|
|
2771
2797
|
]
|
|
2772
2798
|
}
|
|
2773
2799
|
),
|
|
2774
|
-
/* @__PURE__ */ (0,
|
|
2800
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2775
2801
|
] }) });
|
|
2776
2802
|
};
|
|
2777
2803
|
var BooleanSelect_default = BooleanSelect;
|
|
2778
2804
|
|
|
2779
2805
|
// src/components/controls/edit/EmailInput.tsx
|
|
2780
2806
|
var import_react28 = __toESM(require("react"));
|
|
2781
|
-
var
|
|
2807
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2782
2808
|
var EmailInput = (props) => {
|
|
2783
2809
|
const textChangeHandler = (event) => {
|
|
2784
2810
|
const text = event.target.value;
|
|
@@ -2803,11 +2829,11 @@ var EmailInput = (props) => {
|
|
|
2803
2829
|
if (props.value !== void 0 && props.value !== null) {
|
|
2804
2830
|
value = props.value;
|
|
2805
2831
|
}
|
|
2806
|
-
return /* @__PURE__ */ (0,
|
|
2807
|
-
/* @__PURE__ */ (0,
|
|
2832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "block mb-1", children: [
|
|
2833
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
2808
2834
|
" ",
|
|
2809
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2810
|
-
/* @__PURE__ */ (0,
|
|
2835
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2811
2837
|
"input",
|
|
2812
2838
|
{
|
|
2813
2839
|
type: "email",
|
|
@@ -2823,14 +2849,14 @@ var EmailInput = (props) => {
|
|
|
2823
2849
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
2824
2850
|
}
|
|
2825
2851
|
),
|
|
2826
|
-
/* @__PURE__ */ (0,
|
|
2852
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2827
2853
|
] }) });
|
|
2828
2854
|
};
|
|
2829
2855
|
var EmailInput_default = EmailInput;
|
|
2830
2856
|
|
|
2831
2857
|
// src/components/controls/edit/TimeInput.tsx
|
|
2832
2858
|
var import_react29 = __toESM(require("react"));
|
|
2833
|
-
var
|
|
2859
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2834
2860
|
var TimeInput = (props) => {
|
|
2835
2861
|
const timeChangeHandler = (event) => {
|
|
2836
2862
|
const timeValue = event.target.value;
|
|
@@ -2843,11 +2869,11 @@ var TimeInput = (props) => {
|
|
|
2843
2869
|
});
|
|
2844
2870
|
}
|
|
2845
2871
|
};
|
|
2846
|
-
return /* @__PURE__ */ (0,
|
|
2847
|
-
/* @__PURE__ */ (0,
|
|
2872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react29.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("label", { className: "block mb-1", children: [
|
|
2873
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2848
2874
|
" ",
|
|
2849
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2850
|
-
/* @__PURE__ */ (0,
|
|
2875
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2876
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2851
2877
|
"input",
|
|
2852
2878
|
{
|
|
2853
2879
|
type: "time",
|
|
@@ -2860,7 +2886,7 @@ var TimeInput = (props) => {
|
|
|
2860
2886
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
2861
2887
|
}
|
|
2862
2888
|
) }),
|
|
2863
|
-
/* @__PURE__ */ (0,
|
|
2889
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
2864
2890
|
] }) });
|
|
2865
2891
|
};
|
|
2866
2892
|
var TimeInput_default = TimeInput;
|
|
@@ -2894,7 +2920,7 @@ var AssetUtility_default = AssetUtility;
|
|
|
2894
2920
|
// src/components/dataForm/Hyperlink.tsx
|
|
2895
2921
|
var import_link = __toESM(require("next/link"));
|
|
2896
2922
|
init_StyleTypes();
|
|
2897
|
-
var
|
|
2923
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2898
2924
|
function Hyperlink(props) {
|
|
2899
2925
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
|
|
2900
2926
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -2902,7 +2928,7 @@ function Hyperlink(props) {
|
|
|
2902
2928
|
if (target == "_blank") {
|
|
2903
2929
|
additionalProps.rel = "noopener noreferrer";
|
|
2904
2930
|
}
|
|
2905
|
-
return /* @__PURE__ */ (0,
|
|
2931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2906
2932
|
import_link.default,
|
|
2907
2933
|
{
|
|
2908
2934
|
href: props.href,
|
|
@@ -2912,34 +2938,34 @@ function Hyperlink(props) {
|
|
|
2912
2938
|
target,
|
|
2913
2939
|
children: props.children
|
|
2914
2940
|
}
|
|
2915
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
2941
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: props.className, children: props.children }) });
|
|
2916
2942
|
}
|
|
2917
2943
|
|
|
2918
2944
|
// src/svg/chevron-updown.tsx
|
|
2919
|
-
var
|
|
2945
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2920
2946
|
var ChevronUpDown = (props) => {
|
|
2921
|
-
return /* @__PURE__ */ (0,
|
|
2947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2922
2948
|
};
|
|
2923
2949
|
var chevron_updown_default = ChevronUpDown;
|
|
2924
2950
|
|
|
2925
2951
|
// src/svg/chevron-down.tsx
|
|
2926
|
-
var
|
|
2952
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2927
2953
|
var ChevronDown = (props) => {
|
|
2928
|
-
return /* @__PURE__ */ (0,
|
|
2954
|
+
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: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2929
2955
|
};
|
|
2930
2956
|
var chevron_down_default = ChevronDown;
|
|
2931
2957
|
|
|
2932
2958
|
// src/svg/chevron-up.tsx
|
|
2933
|
-
var
|
|
2959
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2934
2960
|
var ChevronUp = (props) => {
|
|
2935
|
-
return /* @__PURE__ */ (0,
|
|
2961
|
+
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: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2936
2962
|
};
|
|
2937
2963
|
var chevron_up_default = ChevronUp;
|
|
2938
2964
|
|
|
2939
2965
|
// src/svg/plus.tsx
|
|
2940
|
-
var
|
|
2966
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2941
2967
|
var Plus = (props) => {
|
|
2942
|
-
return /* @__PURE__ */ (0,
|
|
2968
|
+
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: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2943
2969
|
};
|
|
2944
2970
|
var plus_default = Plus;
|
|
2945
2971
|
|
|
@@ -2953,19 +2979,19 @@ var Icons = {
|
|
|
2953
2979
|
var Icons_default = Icons;
|
|
2954
2980
|
|
|
2955
2981
|
// src/svg/Icon.tsx
|
|
2956
|
-
var
|
|
2982
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2957
2983
|
var Icon = ({ name, className, ...props }) => {
|
|
2958
2984
|
const IconComponent = Icons_default[name];
|
|
2959
2985
|
if (!IconComponent) {
|
|
2960
2986
|
console.error(`Icon "${name}" not found.`);
|
|
2961
2987
|
return null;
|
|
2962
2988
|
}
|
|
2963
|
-
return /* @__PURE__ */ (0,
|
|
2989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IconComponent, { ...props, className });
|
|
2964
2990
|
};
|
|
2965
2991
|
var Icon_default = Icon;
|
|
2966
2992
|
|
|
2967
2993
|
// src/components/controls/edit/AssetUpload.tsx
|
|
2968
|
-
var
|
|
2994
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2969
2995
|
var AssetUpload = (props) => {
|
|
2970
2996
|
const isDisabled = props.attributes?.disable ?? false;
|
|
2971
2997
|
let allValues = [];
|
|
@@ -3062,10 +3088,10 @@ var AssetUpload = (props) => {
|
|
|
3062
3088
|
}
|
|
3063
3089
|
return false;
|
|
3064
3090
|
};
|
|
3065
|
-
return /* @__PURE__ */ (0,
|
|
3066
|
-
/* @__PURE__ */ (0,
|
|
3067
|
-
/* @__PURE__ */ (0,
|
|
3068
|
-
/* @__PURE__ */ (0,
|
|
3091
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react30.default.Fragment, { children: [
|
|
3092
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
3093
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
3094
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3069
3095
|
ClientButton_default,
|
|
3070
3096
|
{
|
|
3071
3097
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -3075,7 +3101,7 @@ var AssetUpload = (props) => {
|
|
|
3075
3101
|
children: "Image Upload"
|
|
3076
3102
|
}
|
|
3077
3103
|
),
|
|
3078
|
-
/* @__PURE__ */ (0,
|
|
3104
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3079
3105
|
ClientButton_default,
|
|
3080
3106
|
{
|
|
3081
3107
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -3086,13 +3112,13 @@ var AssetUpload = (props) => {
|
|
|
3086
3112
|
}
|
|
3087
3113
|
)
|
|
3088
3114
|
] }),
|
|
3089
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
3090
|
-
/* @__PURE__ */ (0,
|
|
3091
|
-
/* @__PURE__ */ (0,
|
|
3092
|
-
/* @__PURE__ */ (0,
|
|
3093
|
-
/* @__PURE__ */ (0,
|
|
3094
|
-
/* @__PURE__ */ (0,
|
|
3095
|
-
/* @__PURE__ */ (0,
|
|
3115
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
3116
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
|
|
3117
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
3118
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
3119
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
|
|
3120
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
3121
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3096
3122
|
"input",
|
|
3097
3123
|
{
|
|
3098
3124
|
type: "text",
|
|
@@ -3104,18 +3130,18 @@ var AssetUpload = (props) => {
|
|
|
3104
3130
|
}
|
|
3105
3131
|
)
|
|
3106
3132
|
] }),
|
|
3107
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
3108
|
-
/* @__PURE__ */ (0,
|
|
3109
|
-
/* @__PURE__ */ (0,
|
|
3133
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
|
|
3134
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
3135
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
3110
3136
|
digitalAsset.intrinsicWidth,
|
|
3111
3137
|
"\xD7",
|
|
3112
3138
|
digitalAsset.intrinsicHeight
|
|
3113
3139
|
] })
|
|
3114
3140
|
] }),
|
|
3115
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
3116
|
-
/* @__PURE__ */ (0,
|
|
3117
|
-
/* @__PURE__ */ (0,
|
|
3118
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
3141
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
|
|
3142
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
3143
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
3144
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3119
3145
|
"img",
|
|
3120
3146
|
{
|
|
3121
3147
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -3123,7 +3149,7 @@ var AssetUpload = (props) => {
|
|
|
3123
3149
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
3124
3150
|
}
|
|
3125
3151
|
),
|
|
3126
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
3152
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3127
3153
|
"img",
|
|
3128
3154
|
{
|
|
3129
3155
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -3133,9 +3159,9 @@ var AssetUpload = (props) => {
|
|
|
3133
3159
|
)
|
|
3134
3160
|
] })
|
|
3135
3161
|
] }),
|
|
3136
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
3137
|
-
/* @__PURE__ */ (0,
|
|
3138
|
-
/* @__PURE__ */ (0,
|
|
3162
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "col-span-2", children: [
|
|
3163
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
3164
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3139
3165
|
Hyperlink,
|
|
3140
3166
|
{
|
|
3141
3167
|
href: digitalAsset.assetUrl,
|
|
@@ -3146,12 +3172,12 @@ var AssetUpload = (props) => {
|
|
|
3146
3172
|
)
|
|
3147
3173
|
] })
|
|
3148
3174
|
] }),
|
|
3149
|
-
/* @__PURE__ */ (0,
|
|
3175
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3150
3176
|
"span",
|
|
3151
3177
|
{
|
|
3152
3178
|
onClick: () => !isDisabled && deleteFile(index),
|
|
3153
3179
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
3154
|
-
children: /* @__PURE__ */ (0,
|
|
3180
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
3155
3181
|
}
|
|
3156
3182
|
)
|
|
3157
3183
|
] }, index)) })
|
|
@@ -3161,7 +3187,7 @@ var AssetUpload = (props) => {
|
|
|
3161
3187
|
var AssetUpload_default = AssetUpload;
|
|
3162
3188
|
|
|
3163
3189
|
// src/components/controls/edit/InputControl.tsx
|
|
3164
|
-
var
|
|
3190
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3165
3191
|
var InputControl = import_react31.default.forwardRef(
|
|
3166
3192
|
(props, ref) => {
|
|
3167
3193
|
const ControlComponents = {
|
|
@@ -3184,7 +3210,7 @@ var InputControl = import_react31.default.forwardRef(
|
|
|
3184
3210
|
[InputControlType_default.asset]: AssetUpload_default
|
|
3185
3211
|
};
|
|
3186
3212
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
3187
|
-
return /* @__PURE__ */ (0,
|
|
3213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react31.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
3188
3214
|
}
|
|
3189
3215
|
);
|
|
3190
3216
|
InputControl.displayName = "InputControl";
|
|
@@ -3197,7 +3223,7 @@ var import_react50 = __toESM(require("react"));
|
|
|
3197
3223
|
var import_react36 = __toESM(require("react"));
|
|
3198
3224
|
|
|
3199
3225
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
3200
|
-
var
|
|
3226
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3201
3227
|
var TextNode = (props) => {
|
|
3202
3228
|
function cssStringToJson(cssString) {
|
|
3203
3229
|
const styleObject = {};
|
|
@@ -3232,19 +3258,13 @@ var TextNode = (props) => {
|
|
|
3232
3258
|
}
|
|
3233
3259
|
function getFormatClass(format) {
|
|
3234
3260
|
const classes = [];
|
|
3235
|
-
if (format
|
|
3236
|
-
if (format
|
|
3237
|
-
if (format
|
|
3238
|
-
if (format
|
|
3239
|
-
if (format
|
|
3240
|
-
if (format
|
|
3241
|
-
if (format
|
|
3242
|
-
if (format === 11) classes.push("font-medium italic underline");
|
|
3243
|
-
if (format === 32) classes.push("subscript");
|
|
3244
|
-
if (format === 64) classes.push("superscript");
|
|
3245
|
-
if (format === 256) classes.push("lowercase");
|
|
3246
|
-
if (format === 512) classes.push("uppercase");
|
|
3247
|
-
if (format === 1024) classes.push("capitalize");
|
|
3261
|
+
if (format & 1) classes.push("font-medium");
|
|
3262
|
+
if (format & 2) classes.push("italic");
|
|
3263
|
+
if (format & 4) classes.push("line-through");
|
|
3264
|
+
if (format & 8) classes.push("underline");
|
|
3265
|
+
if (format & 256) classes.push("lowercase");
|
|
3266
|
+
if (format & 512) classes.push("uppercase");
|
|
3267
|
+
if (format & 1024) classes.push("capitalize");
|
|
3248
3268
|
return classes.join(" ");
|
|
3249
3269
|
}
|
|
3250
3270
|
const styles = convertKeysToCamelCase2(cssStringToJson(props.node.style));
|
|
@@ -3258,24 +3278,26 @@ var TextNode = (props) => {
|
|
|
3258
3278
|
});
|
|
3259
3279
|
}
|
|
3260
3280
|
function renderWithLineBreaks(text) {
|
|
3261
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
3281
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { children: [
|
|
3262
3282
|
line,
|
|
3263
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
3283
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("br", {})
|
|
3264
3284
|
] }, index));
|
|
3265
3285
|
}
|
|
3266
3286
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
3267
3287
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
3288
|
+
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
3289
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("sub", { children: content }) : content;
|
|
3268
3290
|
return (
|
|
3269
3291
|
// @ts-expect-error custom code
|
|
3270
|
-
/* @__PURE__ */ (0,
|
|
3292
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
3271
3293
|
);
|
|
3272
3294
|
};
|
|
3273
3295
|
var TextNode_default = TextNode;
|
|
3274
3296
|
|
|
3275
3297
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
3276
|
-
var
|
|
3298
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3277
3299
|
var LineBreakNode = () => {
|
|
3278
|
-
return /* @__PURE__ */ (0,
|
|
3300
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
3279
3301
|
};
|
|
3280
3302
|
var LineBreakNode_default = LineBreakNode;
|
|
3281
3303
|
|
|
@@ -3284,11 +3306,11 @@ var import_react35 = __toESM(require("react"));
|
|
|
3284
3306
|
|
|
3285
3307
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3286
3308
|
var import_react33 = __toESM(require("react"));
|
|
3287
|
-
var
|
|
3309
|
+
var import_dynamic3 = __toESM(require("next/dynamic"));
|
|
3288
3310
|
|
|
3289
3311
|
// src/components/DeviceAssetSelector.tsx
|
|
3290
3312
|
init_HlsPlayer();
|
|
3291
|
-
var
|
|
3313
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3292
3314
|
var DeviceAssetSelector = ({
|
|
3293
3315
|
assets,
|
|
3294
3316
|
assetBaseUrl,
|
|
@@ -3363,7 +3385,7 @@ var DeviceAssetSelector = ({
|
|
|
3363
3385
|
const formatClasses = FormatClass[nodeProps?.format || ""] || "";
|
|
3364
3386
|
const renderMedia = () => {
|
|
3365
3387
|
if (isHls) {
|
|
3366
|
-
return /* @__PURE__ */ (0,
|
|
3388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3367
3389
|
HlsPlayer_default,
|
|
3368
3390
|
{
|
|
3369
3391
|
assetUrl: resolvedAssetUrl,
|
|
@@ -3380,7 +3402,7 @@ var DeviceAssetSelector = ({
|
|
|
3380
3402
|
} else {
|
|
3381
3403
|
return (
|
|
3382
3404
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
3383
|
-
/* @__PURE__ */ (0,
|
|
3405
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3384
3406
|
"img",
|
|
3385
3407
|
{
|
|
3386
3408
|
style: styles,
|
|
@@ -3396,18 +3418,18 @@ var DeviceAssetSelector = ({
|
|
|
3396
3418
|
}
|
|
3397
3419
|
};
|
|
3398
3420
|
if (width) {
|
|
3399
|
-
return /* @__PURE__ */ (0,
|
|
3421
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { style: { width }, children: renderMedia() });
|
|
3400
3422
|
}
|
|
3401
3423
|
if (nodeProps?.format) {
|
|
3402
|
-
return /* @__PURE__ */ (0,
|
|
3424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3403
3425
|
}
|
|
3404
3426
|
return renderMedia();
|
|
3405
3427
|
};
|
|
3406
3428
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
3407
3429
|
|
|
3408
3430
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3409
|
-
var
|
|
3410
|
-
var HlsPlayer2 = (0,
|
|
3431
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3432
|
+
var HlsPlayer2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
3411
3433
|
ssr: false
|
|
3412
3434
|
});
|
|
3413
3435
|
var getNestedValue = (obj, path) => {
|
|
@@ -3449,7 +3471,7 @@ var ImageNode = (props) => {
|
|
|
3449
3471
|
console.error("Error parsing assets in ImageNode:", error);
|
|
3450
3472
|
}
|
|
3451
3473
|
if (assets && assets.length > 0) {
|
|
3452
|
-
return /* @__PURE__ */ (0,
|
|
3474
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3453
3475
|
DeviceAssetSelector_default,
|
|
3454
3476
|
{
|
|
3455
3477
|
device: props.device,
|
|
@@ -3498,7 +3520,7 @@ var ImageNode = (props) => {
|
|
|
3498
3520
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3499
3521
|
const renderMedia = () => {
|
|
3500
3522
|
if (isHls) {
|
|
3501
|
-
return /* @__PURE__ */ (0,
|
|
3523
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3502
3524
|
HlsPlayer2,
|
|
3503
3525
|
{
|
|
3504
3526
|
assetUrl: imageUrl,
|
|
@@ -3513,7 +3535,7 @@ var ImageNode = (props) => {
|
|
|
3513
3535
|
}
|
|
3514
3536
|
);
|
|
3515
3537
|
} else {
|
|
3516
|
-
return /* @__PURE__ */ (0,
|
|
3538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react33.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3517
3539
|
"img",
|
|
3518
3540
|
{
|
|
3519
3541
|
style: styles,
|
|
@@ -3528,7 +3550,7 @@ var ImageNode = (props) => {
|
|
|
3528
3550
|
}
|
|
3529
3551
|
};
|
|
3530
3552
|
if (props.node.width) {
|
|
3531
|
-
return /* @__PURE__ */ (0,
|
|
3553
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3532
3554
|
}
|
|
3533
3555
|
return renderMedia();
|
|
3534
3556
|
};
|
|
@@ -3536,9 +3558,9 @@ var ImageNode_default = ImageNode;
|
|
|
3536
3558
|
|
|
3537
3559
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
3538
3560
|
init_StyleTypes();
|
|
3539
|
-
var
|
|
3540
|
-
var
|
|
3541
|
-
var LinkNodeButton2 = (0,
|
|
3561
|
+
var import_dynamic4 = __toESM(require("next/dynamic"));
|
|
3562
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3563
|
+
var LinkNodeButton2 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
3542
3564
|
ssr: false
|
|
3543
3565
|
});
|
|
3544
3566
|
var LinkNode = (props) => {
|
|
@@ -3584,13 +3606,13 @@ var LinkNode = (props) => {
|
|
|
3584
3606
|
const isButton = node.isButton === true;
|
|
3585
3607
|
const renderChildren = () => {
|
|
3586
3608
|
if (!node.children || node.children.length === 0) return null;
|
|
3587
|
-
return /* @__PURE__ */ (0,
|
|
3609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: node.children.map((childNode, index) => {
|
|
3588
3610
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3589
3611
|
if (!SelectedNode) {
|
|
3590
3612
|
console.warn("Unknown node type:", childNode.type);
|
|
3591
3613
|
return null;
|
|
3592
3614
|
}
|
|
3593
|
-
return /* @__PURE__ */ (0,
|
|
3615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3594
3616
|
SelectedNode,
|
|
3595
3617
|
{
|
|
3596
3618
|
node: childNode,
|
|
@@ -3603,15 +3625,15 @@ var LinkNode = (props) => {
|
|
|
3603
3625
|
};
|
|
3604
3626
|
const renderFallback = () => {
|
|
3605
3627
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
3606
|
-
return /* @__PURE__ */ (0,
|
|
3628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: linkText });
|
|
3607
3629
|
}
|
|
3608
3630
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
3609
|
-
return /* @__PURE__ */ (0,
|
|
3631
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("br", {});
|
|
3610
3632
|
}
|
|
3611
3633
|
return null;
|
|
3612
3634
|
};
|
|
3613
3635
|
if (isButton) {
|
|
3614
|
-
return /* @__PURE__ */ (0,
|
|
3636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
3615
3637
|
LinkNodeButton2,
|
|
3616
3638
|
{
|
|
3617
3639
|
node,
|
|
@@ -3629,7 +3651,7 @@ var LinkNode = (props) => {
|
|
|
3629
3651
|
}
|
|
3630
3652
|
);
|
|
3631
3653
|
}
|
|
3632
|
-
return /* @__PURE__ */ (0,
|
|
3654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
3633
3655
|
Hyperlink,
|
|
3634
3656
|
{
|
|
3635
3657
|
href: linkUrl || "#",
|
|
@@ -3645,10 +3667,10 @@ var LinkNode = (props) => {
|
|
|
3645
3667
|
var LinkNode_default = LinkNode;
|
|
3646
3668
|
|
|
3647
3669
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
3648
|
-
var
|
|
3670
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3649
3671
|
var SVGIconNode = ({ node }) => {
|
|
3650
3672
|
if (!node?.svgCode) return null;
|
|
3651
|
-
return /* @__PURE__ */ (0,
|
|
3673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3652
3674
|
"span",
|
|
3653
3675
|
{
|
|
3654
3676
|
style: {
|
|
@@ -3665,7 +3687,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
3665
3687
|
|
|
3666
3688
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
3667
3689
|
var import_katex = __toESM(require("katex"));
|
|
3668
|
-
var
|
|
3690
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3669
3691
|
var EquationNode = ({ node }) => {
|
|
3670
3692
|
const { equation, inline } = node;
|
|
3671
3693
|
let html = "";
|
|
@@ -3680,7 +3702,7 @@ var EquationNode = ({ node }) => {
|
|
|
3680
3702
|
});
|
|
3681
3703
|
}
|
|
3682
3704
|
if (inline) {
|
|
3683
|
-
return /* @__PURE__ */ (0,
|
|
3705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3684
3706
|
"span",
|
|
3685
3707
|
{
|
|
3686
3708
|
className: "katex-inline",
|
|
@@ -3688,7 +3710,7 @@ var EquationNode = ({ node }) => {
|
|
|
3688
3710
|
}
|
|
3689
3711
|
);
|
|
3690
3712
|
}
|
|
3691
|
-
return /* @__PURE__ */ (0,
|
|
3713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3692
3714
|
"div",
|
|
3693
3715
|
{
|
|
3694
3716
|
className: "katex-block my-3 text-center",
|
|
@@ -3699,7 +3721,7 @@ var EquationNode = ({ node }) => {
|
|
|
3699
3721
|
var EquationNode_default = EquationNode;
|
|
3700
3722
|
|
|
3701
3723
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
3702
|
-
var
|
|
3724
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3703
3725
|
function getNestedProperty(obj, path) {
|
|
3704
3726
|
if (!obj || !path) return null;
|
|
3705
3727
|
if (path.includes(".")) {
|
|
@@ -3712,7 +3734,7 @@ function getNestedProperty(obj, path) {
|
|
|
3712
3734
|
}
|
|
3713
3735
|
const value = obj[path];
|
|
3714
3736
|
if (Array.isArray(value)) {
|
|
3715
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
3737
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { children: String(item) }, index));
|
|
3716
3738
|
}
|
|
3717
3739
|
return value;
|
|
3718
3740
|
}
|
|
@@ -3773,7 +3795,7 @@ var DatafieldNode = (props) => {
|
|
|
3773
3795
|
const dataType = props.node.dataType;
|
|
3774
3796
|
if (isEmptyValue) return null;
|
|
3775
3797
|
if (dataType === "rawContent") {
|
|
3776
|
-
return /* @__PURE__ */ (0,
|
|
3798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3777
3799
|
PageBodyRenderer_default,
|
|
3778
3800
|
{
|
|
3779
3801
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -3789,12 +3811,12 @@ var DatafieldNode = (props) => {
|
|
|
3789
3811
|
}
|
|
3790
3812
|
);
|
|
3791
3813
|
}
|
|
3792
|
-
return /* @__PURE__ */ (0,
|
|
3814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3793
3815
|
"span",
|
|
3794
3816
|
{
|
|
3795
3817
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
3796
3818
|
style: styles,
|
|
3797
|
-
children: /* @__PURE__ */ (0,
|
|
3819
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3798
3820
|
ViewControl_default,
|
|
3799
3821
|
{
|
|
3800
3822
|
controlType: dataType,
|
|
@@ -3807,7 +3829,7 @@ var DatafieldNode = (props) => {
|
|
|
3807
3829
|
var DatafieldNode_default = DatafieldNode;
|
|
3808
3830
|
|
|
3809
3831
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3810
|
-
var
|
|
3832
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3811
3833
|
var ParagraphNode = (props) => {
|
|
3812
3834
|
const NodeTypes2 = {
|
|
3813
3835
|
["text"]: TextNode_default,
|
|
@@ -3827,9 +3849,9 @@ var ParagraphNode = (props) => {
|
|
|
3827
3849
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
3828
3850
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
3829
3851
|
if (isInlineOnlyParent) {
|
|
3830
|
-
return /* @__PURE__ */ (0,
|
|
3852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
3831
3853
|
const SelectedNode = NodeTypes2[node.type];
|
|
3832
|
-
return /* @__PURE__ */ (0,
|
|
3854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3833
3855
|
SelectedNode,
|
|
3834
3856
|
{
|
|
3835
3857
|
node,
|
|
@@ -3841,10 +3863,10 @@ var ParagraphNode = (props) => {
|
|
|
3841
3863
|
) }, index);
|
|
3842
3864
|
}) });
|
|
3843
3865
|
}
|
|
3844
|
-
return /* @__PURE__ */ (0,
|
|
3866
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: " " + formatClasses, children: [
|
|
3845
3867
|
hasChildren && props.node.children.map((node, index) => {
|
|
3846
3868
|
const SelectedNode = NodeTypes2[node.type];
|
|
3847
|
-
return /* @__PURE__ */ (0,
|
|
3869
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3848
3870
|
SelectedNode,
|
|
3849
3871
|
{
|
|
3850
3872
|
node,
|
|
@@ -3855,14 +3877,14 @@ var ParagraphNode = (props) => {
|
|
|
3855
3877
|
}
|
|
3856
3878
|
) }, index);
|
|
3857
3879
|
}),
|
|
3858
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
3880
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
3859
3881
|
] });
|
|
3860
3882
|
};
|
|
3861
3883
|
var ParagraphNode_default = ParagraphNode;
|
|
3862
3884
|
|
|
3863
3885
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
3864
3886
|
var import_react37 = __toESM(require("react"));
|
|
3865
|
-
var
|
|
3887
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3866
3888
|
var HeadingNode = (props) => {
|
|
3867
3889
|
const NodeTypes2 = {
|
|
3868
3890
|
["text"]: TextNode_default,
|
|
@@ -3878,12 +3900,12 @@ var HeadingNode = (props) => {
|
|
|
3878
3900
|
{
|
|
3879
3901
|
}
|
|
3880
3902
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
3881
|
-
return /* @__PURE__ */ (0,
|
|
3903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: import_react37.default.createElement(
|
|
3882
3904
|
HeadingTag,
|
|
3883
3905
|
{ className: formatClasses },
|
|
3884
3906
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
3885
3907
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3886
|
-
return /* @__PURE__ */ (0,
|
|
3908
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3887
3909
|
})
|
|
3888
3910
|
) });
|
|
3889
3911
|
};
|
|
@@ -3894,7 +3916,7 @@ var import_react39 = __toESM(require("react"));
|
|
|
3894
3916
|
|
|
3895
3917
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
3896
3918
|
var import_react38 = __toESM(require("react"));
|
|
3897
|
-
var
|
|
3919
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3898
3920
|
var ListItemNode = (props) => {
|
|
3899
3921
|
const NodeTypes2 = {
|
|
3900
3922
|
text: TextNode_default,
|
|
@@ -3911,37 +3933,37 @@ var ListItemNode = (props) => {
|
|
|
3911
3933
|
liStyle.fontSize = match[1].trim();
|
|
3912
3934
|
}
|
|
3913
3935
|
}
|
|
3914
|
-
return /* @__PURE__ */ (0,
|
|
3936
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
3915
3937
|
const SelectedNode = NodeTypes2[node.type];
|
|
3916
3938
|
if (node.type === "linebreak") {
|
|
3917
3939
|
if (!foundFirstBreak) {
|
|
3918
3940
|
foundFirstBreak = true;
|
|
3919
|
-
return /* @__PURE__ */ (0,
|
|
3941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {}, index);
|
|
3920
3942
|
} else {
|
|
3921
|
-
return /* @__PURE__ */ (0,
|
|
3943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
3922
3944
|
}
|
|
3923
3945
|
} else {
|
|
3924
3946
|
foundFirstBreak = false;
|
|
3925
|
-
return /* @__PURE__ */ (0,
|
|
3947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3926
3948
|
}
|
|
3927
3949
|
}) });
|
|
3928
3950
|
};
|
|
3929
3951
|
var ListItemNode_default = ListItemNode;
|
|
3930
3952
|
|
|
3931
3953
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3932
|
-
var
|
|
3954
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3933
3955
|
var ListNode = (props) => {
|
|
3934
3956
|
const NodeTypes2 = {
|
|
3935
3957
|
listitem: ListItemNode_default
|
|
3936
3958
|
};
|
|
3937
|
-
return /* @__PURE__ */ (0,
|
|
3938
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
3959
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react39.default.Fragment, { children: [
|
|
3960
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3939
3961
|
const SelectedNode = NodeTypes2[node.type];
|
|
3940
|
-
return /* @__PURE__ */ (0,
|
|
3962
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3941
3963
|
}) }),
|
|
3942
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
3964
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3943
3965
|
const SelectedNode = NodeTypes2[node.type];
|
|
3944
|
-
return /* @__PURE__ */ (0,
|
|
3966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3945
3967
|
}) })
|
|
3946
3968
|
] });
|
|
3947
3969
|
};
|
|
@@ -3949,28 +3971,28 @@ var ListNode_default = ListNode;
|
|
|
3949
3971
|
|
|
3950
3972
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
3951
3973
|
var import_react40 = __toESM(require("react"));
|
|
3952
|
-
var
|
|
3974
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
3953
3975
|
var QuoteNode = (props) => {
|
|
3954
3976
|
const NodeTypes2 = {
|
|
3955
3977
|
["text"]: TextNode_default,
|
|
3956
3978
|
["linebreak"]: LineBreakNode_default,
|
|
3957
3979
|
["link"]: LinkNode_default
|
|
3958
3980
|
};
|
|
3959
|
-
return /* @__PURE__ */ (0,
|
|
3981
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3960
3982
|
const SelectedNode = NodeTypes2[node.type];
|
|
3961
|
-
return /* @__PURE__ */ (0,
|
|
3983
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3962
3984
|
}) });
|
|
3963
3985
|
};
|
|
3964
3986
|
var QuoteNode_default = QuoteNode;
|
|
3965
3987
|
|
|
3966
3988
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
3967
3989
|
var import_react42 = __toESM(require("react"));
|
|
3968
|
-
var
|
|
3969
|
-
var
|
|
3970
|
-
var CopyButton2 = (0,
|
|
3990
|
+
var import_dynamic5 = __toESM(require("next/dynamic"));
|
|
3991
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
3992
|
+
var CopyButton2 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
3971
3993
|
ssr: false,
|
|
3972
3994
|
// optional: fallback UI while loading
|
|
3973
|
-
loading: () => /* @__PURE__ */ (0,
|
|
3995
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
3974
3996
|
});
|
|
3975
3997
|
var CodeNode = (props) => {
|
|
3976
3998
|
const NodeTypes2 = {
|
|
@@ -3984,14 +4006,14 @@ var CodeNode = (props) => {
|
|
|
3984
4006
|
if (node.type === "link") return node.text || node.url || "";
|
|
3985
4007
|
return "";
|
|
3986
4008
|
}).join("") ?? "";
|
|
3987
|
-
return /* @__PURE__ */ (0,
|
|
3988
|
-
/* @__PURE__ */ (0,
|
|
3989
|
-
/* @__PURE__ */ (0,
|
|
3990
|
-
/* @__PURE__ */ (0,
|
|
4009
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
|
|
4010
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
4011
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "Code Snippet" }),
|
|
4012
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CopyButton2, { text: textContent })
|
|
3991
4013
|
] }),
|
|
3992
|
-
/* @__PURE__ */ (0,
|
|
4014
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.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) => {
|
|
3993
4015
|
const SelectedNode = NodeTypes2[node.type];
|
|
3994
|
-
return /* @__PURE__ */ (0,
|
|
4016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react42.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3995
4017
|
SelectedNode,
|
|
3996
4018
|
{
|
|
3997
4019
|
node,
|
|
@@ -4006,15 +4028,15 @@ var CodeNode = (props) => {
|
|
|
4006
4028
|
var CodeNode_default = CodeNode;
|
|
4007
4029
|
|
|
4008
4030
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
4009
|
-
var
|
|
4031
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
4010
4032
|
var HorizontalRuleNode = () => {
|
|
4011
|
-
return /* @__PURE__ */ (0,
|
|
4033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("hr", {});
|
|
4012
4034
|
};
|
|
4013
4035
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
4014
4036
|
|
|
4015
4037
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
4016
4038
|
var import_react43 = __toESM(require("react"));
|
|
4017
|
-
var
|
|
4039
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
4018
4040
|
var WidgetNode = (props) => {
|
|
4019
4041
|
const getWidgetParameters = () => {
|
|
4020
4042
|
const widgetInputParameters = {
|
|
@@ -4078,7 +4100,7 @@ var WidgetNode = (props) => {
|
|
|
4078
4100
|
};
|
|
4079
4101
|
const widgetCode = props.node?.widgetCode;
|
|
4080
4102
|
if (!widgetCode) {
|
|
4081
|
-
return /* @__PURE__ */ (0,
|
|
4103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, { children: "Invalid widget" });
|
|
4082
4104
|
}
|
|
4083
4105
|
const widgetParams = getWidgetParameters();
|
|
4084
4106
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -4087,7 +4109,7 @@ var WidgetNode = (props) => {
|
|
|
4087
4109
|
}
|
|
4088
4110
|
return (
|
|
4089
4111
|
// eslint-disable-next-line react-hooks/static-components
|
|
4090
|
-
/* @__PURE__ */ (0,
|
|
4112
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
4091
4113
|
WidgetRenderer,
|
|
4092
4114
|
{
|
|
4093
4115
|
params: widgetParams,
|
|
@@ -4107,9 +4129,9 @@ var WidgetNode_default = WidgetNode;
|
|
|
4107
4129
|
var import_react44 = __toESM(require("react"));
|
|
4108
4130
|
|
|
4109
4131
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
4110
|
-
var
|
|
4132
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4111
4133
|
var InputControlNode = (props) => {
|
|
4112
|
-
return /* @__PURE__ */ (0,
|
|
4134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4113
4135
|
InputControl_default,
|
|
4114
4136
|
{
|
|
4115
4137
|
name: props.node.name,
|
|
@@ -4183,7 +4205,7 @@ var FormReducer_default = FormReducer;
|
|
|
4183
4205
|
|
|
4184
4206
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
4185
4207
|
init_ServiceClient();
|
|
4186
|
-
var
|
|
4208
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
4187
4209
|
var FormContainerNode = (props) => {
|
|
4188
4210
|
const NodeTypes2 = {
|
|
4189
4211
|
["input-control"]: InputControlNode_default
|
|
@@ -4213,12 +4235,12 @@ var FormContainerNode = (props) => {
|
|
|
4213
4235
|
};
|
|
4214
4236
|
fetchInitialData();
|
|
4215
4237
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
4216
|
-
return /* @__PURE__ */ (0,
|
|
4238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
4217
4239
|
node.children && node.children.map((node2, index) => {
|
|
4218
4240
|
{
|
|
4219
4241
|
}
|
|
4220
4242
|
const SelectedNode = NodeTypes2[node2.type];
|
|
4221
|
-
return /* @__PURE__ */ (0,
|
|
4243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react44.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
4222
4244
|
InputControlNode_default,
|
|
4223
4245
|
{
|
|
4224
4246
|
value: formState.inputValues[node2.name],
|
|
@@ -4227,7 +4249,7 @@ var FormContainerNode = (props) => {
|
|
|
4227
4249
|
}
|
|
4228
4250
|
) }, index);
|
|
4229
4251
|
}),
|
|
4230
|
-
node.children.length == 0 && /* @__PURE__ */ (0,
|
|
4252
|
+
node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "py-0.5 lg:py-1.5" })
|
|
4231
4253
|
] });
|
|
4232
4254
|
};
|
|
4233
4255
|
var FormContainerNode_default = FormContainerNode;
|
|
@@ -4236,9 +4258,9 @@ var FormContainerNode_default = FormContainerNode;
|
|
|
4236
4258
|
var import_react49 = __toESM(require("react"));
|
|
4237
4259
|
|
|
4238
4260
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
4239
|
-
var
|
|
4240
|
-
var
|
|
4241
|
-
var IframeClient2 = (0,
|
|
4261
|
+
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
4262
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
4263
|
+
var IframeClient2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
4242
4264
|
ssr: false
|
|
4243
4265
|
});
|
|
4244
4266
|
var EmbedNode = (props) => {
|
|
@@ -4250,7 +4272,7 @@ var EmbedNode = (props) => {
|
|
|
4250
4272
|
} else {
|
|
4251
4273
|
src = props.node.embedSrc;
|
|
4252
4274
|
}
|
|
4253
|
-
return /* @__PURE__ */ (0,
|
|
4275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IframeClient2, { src }) });
|
|
4254
4276
|
};
|
|
4255
4277
|
var EmbedNode_default = EmbedNode;
|
|
4256
4278
|
|
|
@@ -4259,7 +4281,7 @@ init_ServiceClient();
|
|
|
4259
4281
|
|
|
4260
4282
|
// src/components/Slider.tsx
|
|
4261
4283
|
var import_react47 = __toESM(require("react"));
|
|
4262
|
-
var
|
|
4284
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
4263
4285
|
var Slider = ({
|
|
4264
4286
|
children,
|
|
4265
4287
|
slidesToShow = 4,
|
|
@@ -4356,7 +4378,7 @@ var Slider = ({
|
|
|
4356
4378
|
if (!import_react47.default.isValidElement(child)) return null;
|
|
4357
4379
|
const childProps = child.props;
|
|
4358
4380
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4359
|
-
return /* @__PURE__ */ (0,
|
|
4381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4360
4382
|
"div",
|
|
4361
4383
|
{
|
|
4362
4384
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4379,14 +4401,14 @@ var Slider = ({
|
|
|
4379
4401
|
return "bottom-4";
|
|
4380
4402
|
}
|
|
4381
4403
|
};
|
|
4382
|
-
return /* @__PURE__ */ (0,
|
|
4404
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
4383
4405
|
"div",
|
|
4384
4406
|
{
|
|
4385
4407
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4386
4408
|
onMouseEnter: handleMouseEnter,
|
|
4387
4409
|
onMouseLeave: handleMouseLeave,
|
|
4388
4410
|
children: [
|
|
4389
|
-
/* @__PURE__ */ (0,
|
|
4411
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4390
4412
|
"div",
|
|
4391
4413
|
{
|
|
4392
4414
|
className: "flex h-full",
|
|
@@ -4397,18 +4419,18 @@ var Slider = ({
|
|
|
4397
4419
|
children: slides
|
|
4398
4420
|
}
|
|
4399
4421
|
),
|
|
4400
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4401
|
-
/* @__PURE__ */ (0,
|
|
4422
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
|
|
4423
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4402
4424
|
ArrowButton,
|
|
4403
4425
|
{
|
|
4404
4426
|
direction: "left",
|
|
4405
4427
|
onClick: prevSlide,
|
|
4406
4428
|
visible: infinite_scroll || currentSlide > 0,
|
|
4407
4429
|
className: arrowClassName,
|
|
4408
|
-
children: /* @__PURE__ */ (0,
|
|
4430
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4409
4431
|
}
|
|
4410
4432
|
),
|
|
4411
|
-
/* @__PURE__ */ (0,
|
|
4433
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
4412
4434
|
ArrowButton,
|
|
4413
4435
|
{
|
|
4414
4436
|
direction: "right",
|
|
@@ -4416,13 +4438,13 @@ var Slider = ({
|
|
|
4416
4438
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4417
4439
|
className: arrowClassName,
|
|
4418
4440
|
children: [
|
|
4419
|
-
/* @__PURE__ */ (0,
|
|
4441
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4420
4442
|
" "
|
|
4421
4443
|
]
|
|
4422
4444
|
}
|
|
4423
4445
|
)
|
|
4424
4446
|
] }),
|
|
4425
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4447
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.jsx)(
|
|
4426
4448
|
ProgressPill,
|
|
4427
4449
|
{
|
|
4428
4450
|
active: index === currentSlide,
|
|
@@ -4448,7 +4470,7 @@ var ArrowButton = ({
|
|
|
4448
4470
|
visible,
|
|
4449
4471
|
children,
|
|
4450
4472
|
className = ""
|
|
4451
|
-
}) => /* @__PURE__ */ (0,
|
|
4473
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4452
4474
|
"button",
|
|
4453
4475
|
{
|
|
4454
4476
|
className: `
|
|
@@ -4535,7 +4557,7 @@ var ProgressPill = ({
|
|
|
4535
4557
|
const renderProgressBar = () => {
|
|
4536
4558
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4537
4559
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4538
|
-
return /* @__PURE__ */ (0,
|
|
4560
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4539
4561
|
"div",
|
|
4540
4562
|
{
|
|
4541
4563
|
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`,
|
|
@@ -4547,7 +4569,7 @@ var ProgressPill = ({
|
|
|
4547
4569
|
};
|
|
4548
4570
|
const renderCumulativeFill = () => {
|
|
4549
4571
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4550
|
-
return /* @__PURE__ */ (0,
|
|
4572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4551
4573
|
"div",
|
|
4552
4574
|
{
|
|
4553
4575
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4557,7 +4579,7 @@ var ProgressPill = ({
|
|
|
4557
4579
|
}
|
|
4558
4580
|
return null;
|
|
4559
4581
|
};
|
|
4560
|
-
return /* @__PURE__ */ (0,
|
|
4582
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
4561
4583
|
"button",
|
|
4562
4584
|
{
|
|
4563
4585
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4895,10 +4917,10 @@ var PathUtility = class {
|
|
|
4895
4917
|
var PathUtility_default = new PathUtility();
|
|
4896
4918
|
|
|
4897
4919
|
// src/components/NoDataFound.tsx
|
|
4898
|
-
var
|
|
4920
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4899
4921
|
var NoDataFound = () => {
|
|
4900
|
-
return /* @__PURE__ */ (0,
|
|
4901
|
-
/* @__PURE__ */ (0,
|
|
4922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
4923
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4902
4924
|
"svg",
|
|
4903
4925
|
{
|
|
4904
4926
|
className: "w-10 h-10",
|
|
@@ -4906,7 +4928,7 @@ var NoDataFound = () => {
|
|
|
4906
4928
|
stroke: "currentColor",
|
|
4907
4929
|
viewBox: "0 0 24 24",
|
|
4908
4930
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4909
|
-
children: /* @__PURE__ */ (0,
|
|
4931
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4910
4932
|
"path",
|
|
4911
4933
|
{
|
|
4912
4934
|
strokeLinecap: "round",
|
|
@@ -4917,8 +4939,8 @@ var NoDataFound = () => {
|
|
|
4917
4939
|
)
|
|
4918
4940
|
}
|
|
4919
4941
|
) }) }),
|
|
4920
|
-
/* @__PURE__ */ (0,
|
|
4921
|
-
/* @__PURE__ */ (0,
|
|
4942
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
4943
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
4922
4944
|
] });
|
|
4923
4945
|
};
|
|
4924
4946
|
var NoDataFound_default = NoDataFound;
|
|
@@ -4926,7 +4948,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
4926
4948
|
// src/components/Pagination.tsx
|
|
4927
4949
|
var import_react48 = require("react");
|
|
4928
4950
|
init_StyleTypes();
|
|
4929
|
-
var
|
|
4951
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
4930
4952
|
var Pagination = (props) => {
|
|
4931
4953
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4932
4954
|
const builder = (0, import_react48.useMemo)(() => {
|
|
@@ -4970,7 +4992,7 @@ var Pagination = (props) => {
|
|
|
4970
4992
|
return range;
|
|
4971
4993
|
};
|
|
4972
4994
|
const paginationRange = getPaginationRange();
|
|
4973
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4995
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4974
4996
|
Hyperlink,
|
|
4975
4997
|
{
|
|
4976
4998
|
linkType: "Link" /* Link */,
|
|
@@ -4985,9 +5007,9 @@ var Pagination = (props) => {
|
|
|
4985
5007
|
);
|
|
4986
5008
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4987
5009
|
if (disabled) {
|
|
4988
|
-
return /* @__PURE__ */ (0,
|
|
5010
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.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 });
|
|
4989
5011
|
}
|
|
4990
|
-
return /* @__PURE__ */ (0,
|
|
5012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4991
5013
|
Hyperlink,
|
|
4992
5014
|
{
|
|
4993
5015
|
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",
|
|
@@ -4997,35 +5019,35 @@ var Pagination = (props) => {
|
|
|
4997
5019
|
);
|
|
4998
5020
|
};
|
|
4999
5021
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
5000
|
-
return /* @__PURE__ */ (0,
|
|
5001
|
-
/* @__PURE__ */ (0,
|
|
5002
|
-
/* @__PURE__ */ (0,
|
|
5022
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
5023
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
5024
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "text-sm", children: [
|
|
5003
5025
|
"Showing ",
|
|
5004
|
-
/* @__PURE__ */ (0,
|
|
5026
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "font-semibold", children: [
|
|
5005
5027
|
startItem,
|
|
5006
5028
|
"-",
|
|
5007
5029
|
endItem
|
|
5008
5030
|
] }),
|
|
5009
5031
|
" ",
|
|
5010
5032
|
"out of ",
|
|
5011
|
-
/* @__PURE__ */ (0,
|
|
5033
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
5012
5034
|
" results"
|
|
5013
5035
|
] }),
|
|
5014
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
5015
|
-
/* @__PURE__ */ (0,
|
|
5036
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
5037
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5016
5038
|
NavigationButton,
|
|
5017
5039
|
{
|
|
5018
5040
|
page: activePageNumber - 1,
|
|
5019
5041
|
disabled: activePageNumber === 1,
|
|
5020
5042
|
children: [
|
|
5021
|
-
/* @__PURE__ */ (0,
|
|
5022
|
-
/* @__PURE__ */ (0,
|
|
5043
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
5044
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
5023
5045
|
]
|
|
5024
5046
|
}
|
|
5025
5047
|
),
|
|
5026
5048
|
paginationRange.map((item, index) => {
|
|
5027
5049
|
if (item === "...") {
|
|
5028
|
-
return /* @__PURE__ */ (0,
|
|
5050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5029
5051
|
"span",
|
|
5030
5052
|
{
|
|
5031
5053
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -5035,23 +5057,23 @@ var Pagination = (props) => {
|
|
|
5035
5057
|
);
|
|
5036
5058
|
}
|
|
5037
5059
|
const page = item;
|
|
5038
|
-
return /* @__PURE__ */ (0,
|
|
5060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PageButton, { page, children: page }, page);
|
|
5039
5061
|
}),
|
|
5040
|
-
/* @__PURE__ */ (0,
|
|
5062
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
5041
5063
|
NavigationButton,
|
|
5042
5064
|
{
|
|
5043
5065
|
page: activePageNumber + 1,
|
|
5044
5066
|
disabled: activePageNumber === totalPages,
|
|
5045
5067
|
children: [
|
|
5046
|
-
/* @__PURE__ */ (0,
|
|
5047
|
-
/* @__PURE__ */ (0,
|
|
5068
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
5069
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
5048
5070
|
]
|
|
5049
5071
|
}
|
|
5050
5072
|
)
|
|
5051
5073
|
] }),
|
|
5052
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
5053
|
-
/* @__PURE__ */ (0,
|
|
5054
|
-
/* @__PURE__ */ (0,
|
|
5074
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
5075
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
5076
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5055
5077
|
"input",
|
|
5056
5078
|
{
|
|
5057
5079
|
type: "number",
|
|
@@ -5072,9 +5094,9 @@ var Pagination = (props) => {
|
|
|
5072
5094
|
) })
|
|
5073
5095
|
] })
|
|
5074
5096
|
] }),
|
|
5075
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
5076
|
-
/* @__PURE__ */ (0,
|
|
5077
|
-
/* @__PURE__ */ (0,
|
|
5097
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
5098
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
5099
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
5078
5100
|
Hyperlink,
|
|
5079
5101
|
{
|
|
5080
5102
|
className: `
|
|
@@ -5086,16 +5108,16 @@ var Pagination = (props) => {
|
|
|
5086
5108
|
},
|
|
5087
5109
|
size
|
|
5088
5110
|
)) }),
|
|
5089
|
-
/* @__PURE__ */ (0,
|
|
5111
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: "per page" })
|
|
5090
5112
|
] }) })
|
|
5091
5113
|
] });
|
|
5092
5114
|
};
|
|
5093
5115
|
var Pagination_default = Pagination;
|
|
5094
5116
|
|
|
5095
5117
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
5096
|
-
var
|
|
5097
|
-
var
|
|
5098
|
-
var HlsPlayer3 = (0,
|
|
5118
|
+
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5119
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5120
|
+
var HlsPlayer3 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5099
5121
|
var deviceToMediaQuery = (device) => {
|
|
5100
5122
|
switch (device) {
|
|
5101
5123
|
case "sm":
|
|
@@ -5163,8 +5185,8 @@ var ImageGalleryNode = (props) => {
|
|
|
5163
5185
|
right: "justify-end"
|
|
5164
5186
|
};
|
|
5165
5187
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
5166
|
-
return /* @__PURE__ */ (0,
|
|
5167
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
5188
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
|
|
5189
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5168
5190
|
HlsPlayer3,
|
|
5169
5191
|
{
|
|
5170
5192
|
sources: hlsSources,
|
|
@@ -5178,14 +5200,14 @@ var ImageGalleryNode = (props) => {
|
|
|
5178
5200
|
session: props.session
|
|
5179
5201
|
}
|
|
5180
5202
|
) }),
|
|
5181
|
-
staticFallback && /* @__PURE__ */ (0,
|
|
5203
|
+
staticFallback && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("picture", { children: [
|
|
5182
5204
|
DEVICE_ORDER.map((deviceKey) => {
|
|
5183
5205
|
const match = staticSources.find((img) => img.device === deviceKey);
|
|
5184
5206
|
if (!match) return null;
|
|
5185
5207
|
const srcUrl = resolveImageUrl(match.imageUrl);
|
|
5186
5208
|
if (!srcUrl) return null;
|
|
5187
5209
|
const mediaQuery = deviceToMediaQuery(match.device);
|
|
5188
|
-
return /* @__PURE__ */ (0,
|
|
5210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5189
5211
|
"source",
|
|
5190
5212
|
{
|
|
5191
5213
|
media: mediaQuery,
|
|
@@ -5209,7 +5231,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5209
5231
|
if (img.borderRadius) styles.borderRadius = img.borderRadius;
|
|
5210
5232
|
return (
|
|
5211
5233
|
// eslint-disable-next-line @next/next/no-img-element
|
|
5212
|
-
/* @__PURE__ */ (0,
|
|
5234
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5213
5235
|
"img",
|
|
5214
5236
|
{
|
|
5215
5237
|
loading: "lazy",
|
|
@@ -5230,7 +5252,7 @@ var ImageGalleryNode_default = ImageGalleryNode;
|
|
|
5230
5252
|
|
|
5231
5253
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
5232
5254
|
var import_link2 = __toESM(require("next/link"));
|
|
5233
|
-
var
|
|
5255
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5234
5256
|
function toCamelCase(str) {
|
|
5235
5257
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
5236
5258
|
}
|
|
@@ -5437,7 +5459,7 @@ var DivContainer = async (props) => {
|
|
|
5437
5459
|
response = await serviceClient.get(endpoint);
|
|
5438
5460
|
result = response?.result;
|
|
5439
5461
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
5440
|
-
return /* @__PURE__ */ (0,
|
|
5462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(NoDataFound_default, {});
|
|
5441
5463
|
}
|
|
5442
5464
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
5443
5465
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -5454,7 +5476,7 @@ var DivContainer = async (props) => {
|
|
|
5454
5476
|
}
|
|
5455
5477
|
const SelectedNode = NodeTypes2[node.type];
|
|
5456
5478
|
if (!SelectedNode) return null;
|
|
5457
|
-
return /* @__PURE__ */ (0,
|
|
5479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5458
5480
|
SelectedNode,
|
|
5459
5481
|
{
|
|
5460
5482
|
node,
|
|
@@ -5556,9 +5578,9 @@ var DivContainer = async (props) => {
|
|
|
5556
5578
|
props.node.autoFormat && "auto-format",
|
|
5557
5579
|
props.node.bgClass
|
|
5558
5580
|
].filter(Boolean).join(" ");
|
|
5559
|
-
return /* @__PURE__ */ (0,
|
|
5560
|
-
/* @__PURE__ */ (0,
|
|
5561
|
-
/* @__PURE__ */ (0,
|
|
5581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react49.default.Fragment, { children: [
|
|
5582
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
5583
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5562
5584
|
Wrapper,
|
|
5563
5585
|
{
|
|
5564
5586
|
id: guid,
|
|
@@ -5567,18 +5589,18 @@ var DivContainer = async (props) => {
|
|
|
5567
5589
|
...wrapperProps,
|
|
5568
5590
|
children: dataToRender.map(
|
|
5569
5591
|
(item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
|
|
5570
|
-
(child, i) => /* @__PURE__ */ (0,
|
|
5592
|
+
(child, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: child }, i)
|
|
5571
5593
|
) : renderChildren(props.node.children, props, item, idx)
|
|
5572
5594
|
)
|
|
5573
5595
|
}
|
|
5574
5596
|
) }),
|
|
5575
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
5597
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
|
|
5576
5598
|
] });
|
|
5577
5599
|
};
|
|
5578
5600
|
var DivContainer_default = DivContainer;
|
|
5579
5601
|
|
|
5580
5602
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
5581
|
-
var
|
|
5603
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
5582
5604
|
var NodeTypes = {
|
|
5583
5605
|
["paragraph"]: ParagraphNode_default,
|
|
5584
5606
|
["heading"]: HeadingNode_default,
|
|
@@ -5606,11 +5628,11 @@ var PageBodyRenderer = (props) => {
|
|
|
5606
5628
|
if (pageBodyTree && pageBodyTree.root) {
|
|
5607
5629
|
rootNode = pageBodyTree.root;
|
|
5608
5630
|
}
|
|
5609
|
-
return /* @__PURE__ */ (0,
|
|
5631
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
5610
5632
|
{
|
|
5611
5633
|
}
|
|
5612
5634
|
const SelectedNode = NodeTypes[node.type];
|
|
5613
|
-
return /* @__PURE__ */ (0,
|
|
5635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5614
5636
|
SelectedNode,
|
|
5615
5637
|
{
|
|
5616
5638
|
node,
|
|
@@ -5626,7 +5648,7 @@ var PageBodyRenderer = (props) => {
|
|
|
5626
5648
|
device: props.device,
|
|
5627
5649
|
widgetRenderer: props.widgetRenderer
|
|
5628
5650
|
}
|
|
5629
|
-
) }) : /* @__PURE__ */ (0,
|
|
5651
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5630
5652
|
SelectedNode,
|
|
5631
5653
|
{
|
|
5632
5654
|
node,
|
|
@@ -5649,7 +5671,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
|
|
|
5649
5671
|
// src/components/Toast.tsx
|
|
5650
5672
|
var import_react51 = require("react");
|
|
5651
5673
|
init_ToastService();
|
|
5652
|
-
var
|
|
5674
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
5653
5675
|
var Toast = () => {
|
|
5654
5676
|
const [showToast, setShowToast] = (0, import_react51.useState)(false);
|
|
5655
5677
|
const [message, setMessage] = (0, import_react51.useState)("");
|
|
@@ -5692,8 +5714,8 @@ var Toast = () => {
|
|
|
5692
5714
|
const closeToast = () => {
|
|
5693
5715
|
setShowToast(false);
|
|
5694
5716
|
};
|
|
5695
|
-
return /* @__PURE__ */ (0,
|
|
5696
|
-
/* @__PURE__ */ (0,
|
|
5717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
5718
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5697
5719
|
"span",
|
|
5698
5720
|
{
|
|
5699
5721
|
className: "font-medium text-inherit text-sm",
|
|
@@ -5701,7 +5723,7 @@ var Toast = () => {
|
|
|
5701
5723
|
children: message
|
|
5702
5724
|
}
|
|
5703
5725
|
),
|
|
5704
|
-
/* @__PURE__ */ (0,
|
|
5726
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5705
5727
|
"svg",
|
|
5706
5728
|
{
|
|
5707
5729
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5709,7 +5731,7 @@ var Toast = () => {
|
|
|
5709
5731
|
fill: "none",
|
|
5710
5732
|
viewBox: "0 0 24 24",
|
|
5711
5733
|
stroke: "currentColor",
|
|
5712
|
-
children: /* @__PURE__ */ (0,
|
|
5734
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
5713
5735
|
}
|
|
5714
5736
|
) })
|
|
5715
5737
|
] }) }) });
|
|
@@ -5722,7 +5744,7 @@ init_ToastService();
|
|
|
5722
5744
|
// src/components/NavigationTabsV2.tsx
|
|
5723
5745
|
var import_link3 = __toESM(require("next/link"));
|
|
5724
5746
|
var import_navigation = require("next/navigation");
|
|
5725
|
-
var
|
|
5747
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
5726
5748
|
function resolveRoutePlaceholders(route, params) {
|
|
5727
5749
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
5728
5750
|
const value = params[key];
|
|
@@ -5747,8 +5769,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
5747
5769
|
isActive: tab.isActive
|
|
5748
5770
|
})) || [];
|
|
5749
5771
|
if (mappedTabs.length === 0) return null;
|
|
5750
|
-
return /* @__PURE__ */ (0,
|
|
5751
|
-
return /* @__PURE__ */ (0,
|
|
5772
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
5773
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
5752
5774
|
"div",
|
|
5753
5775
|
{
|
|
5754
5776
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -5766,46 +5788,46 @@ var import_navigation2 = require("next/navigation");
|
|
|
5766
5788
|
|
|
5767
5789
|
// src/components/dataForm/NoContentView.tsx
|
|
5768
5790
|
var import_react52 = __toESM(require("react"));
|
|
5769
|
-
var
|
|
5791
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
5770
5792
|
var NoContentView = (props) => {
|
|
5771
|
-
return /* @__PURE__ */ (0,
|
|
5793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
5772
5794
|
};
|
|
5773
5795
|
var NoContentView_default = NoContentView;
|
|
5774
5796
|
|
|
5775
5797
|
// src/components/dataForm/ContentView.tsx
|
|
5776
5798
|
var import_react53 = __toESM(require("react"));
|
|
5777
|
-
var
|
|
5799
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
5778
5800
|
var ContentView = (props) => {
|
|
5779
|
-
return /* @__PURE__ */ (0,
|
|
5780
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
5781
|
-
/* @__PURE__ */ (0,
|
|
5782
|
-
/* @__PURE__ */ (0,
|
|
5783
|
-
/* @__PURE__ */ (0,
|
|
5784
|
-
/* @__PURE__ */ (0,
|
|
5785
|
-
/* @__PURE__ */ (0,
|
|
5801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react53.default.Fragment, { children: [
|
|
5802
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
5803
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
5804
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
5805
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ml-2", children: [
|
|
5806
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
5807
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
5786
5808
|
] })
|
|
5787
5809
|
] }),
|
|
5788
|
-
/* @__PURE__ */ (0,
|
|
5789
|
-
/* @__PURE__ */ (0,
|
|
5790
|
-
/* @__PURE__ */ (0,
|
|
5791
|
-
/* @__PURE__ */ (0,
|
|
5792
|
-
/* @__PURE__ */ (0,
|
|
5793
|
-
/* @__PURE__ */ (0,
|
|
5794
|
-
/* @__PURE__ */ (0,
|
|
5810
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
5811
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "animate-pulse", children: [
|
|
5812
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5813
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5814
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5815
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5816
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5795
5817
|
] }),
|
|
5796
|
-
/* @__PURE__ */ (0,
|
|
5797
|
-
/* @__PURE__ */ (0,
|
|
5798
|
-
/* @__PURE__ */ (0,
|
|
5799
|
-
/* @__PURE__ */ (0,
|
|
5800
|
-
/* @__PURE__ */ (0,
|
|
5801
|
-
/* @__PURE__ */ (0,
|
|
5818
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "animate-pulse", children: [
|
|
5819
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5820
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5821
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5822
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5823
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5802
5824
|
] }),
|
|
5803
|
-
/* @__PURE__ */ (0,
|
|
5804
|
-
/* @__PURE__ */ (0,
|
|
5805
|
-
/* @__PURE__ */ (0,
|
|
5806
|
-
/* @__PURE__ */ (0,
|
|
5807
|
-
/* @__PURE__ */ (0,
|
|
5808
|
-
/* @__PURE__ */ (0,
|
|
5825
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "animate-pulse", children: [
|
|
5826
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5827
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5828
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5829
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5830
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5809
5831
|
] })
|
|
5810
5832
|
] })
|
|
5811
5833
|
] }) }),
|
|
@@ -5816,7 +5838,7 @@ var ContentView_default = ContentView;
|
|
|
5816
5838
|
|
|
5817
5839
|
// src/components/dataForm/DataList.tsx
|
|
5818
5840
|
init_StyleTypes();
|
|
5819
|
-
var
|
|
5841
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
5820
5842
|
var DataList = (props) => {
|
|
5821
5843
|
console.log(props.dataset, "datasetssssss");
|
|
5822
5844
|
const router = (0, import_navigation2.useRouter)();
|
|
@@ -5839,7 +5861,7 @@ var DataList = (props) => {
|
|
|
5839
5861
|
if (path.includes(".")) {
|
|
5840
5862
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
5841
5863
|
} else if (Array.isArray(obj[path])) {
|
|
5842
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
5864
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: item }, index));
|
|
5843
5865
|
} else {
|
|
5844
5866
|
return obj[path];
|
|
5845
5867
|
}
|
|
@@ -5895,30 +5917,30 @@ var DataList = (props) => {
|
|
|
5895
5917
|
const renderPageNumbers = () => {
|
|
5896
5918
|
if (pages <= 10) {
|
|
5897
5919
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
5898
|
-
(page) => /* @__PURE__ */ (0,
|
|
5920
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5899
5921
|
Hyperlink,
|
|
5900
5922
|
{
|
|
5901
5923
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
5902
5924
|
href: builder.getNewPageUrl(page),
|
|
5903
5925
|
children: page
|
|
5904
5926
|
}
|
|
5905
|
-
) : /* @__PURE__ */ (0,
|
|
5927
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
5906
5928
|
);
|
|
5907
5929
|
} else {
|
|
5908
5930
|
const showFirstPages = activePageNumber <= 5;
|
|
5909
5931
|
const showLastPages = activePageNumber > pages - 5;
|
|
5910
5932
|
if (showFirstPages) {
|
|
5911
|
-
return /* @__PURE__ */ (0,
|
|
5912
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
5933
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
5934
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5913
5935
|
Hyperlink,
|
|
5914
5936
|
{
|
|
5915
5937
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
5916
5938
|
href: builder.getNewPageUrl(page),
|
|
5917
5939
|
children: page
|
|
5918
5940
|
}
|
|
5919
|
-
) : /* @__PURE__ */ (0,
|
|
5920
|
-
/* @__PURE__ */ (0,
|
|
5921
|
-
/* @__PURE__ */ (0,
|
|
5941
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
5942
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
5943
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5922
5944
|
Hyperlink,
|
|
5923
5945
|
{
|
|
5924
5946
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -5926,7 +5948,7 @@ var DataList = (props) => {
|
|
|
5926
5948
|
children: pages - 1
|
|
5927
5949
|
}
|
|
5928
5950
|
),
|
|
5929
|
-
/* @__PURE__ */ (0,
|
|
5951
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5930
5952
|
Hyperlink,
|
|
5931
5953
|
{
|
|
5932
5954
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -5934,7 +5956,7 @@ var DataList = (props) => {
|
|
|
5934
5956
|
children: pages
|
|
5935
5957
|
}
|
|
5936
5958
|
),
|
|
5937
|
-
/* @__PURE__ */ (0,
|
|
5959
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
5938
5960
|
"select",
|
|
5939
5961
|
{
|
|
5940
5962
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -5946,18 +5968,18 @@ var DataList = (props) => {
|
|
|
5946
5968
|
}
|
|
5947
5969
|
},
|
|
5948
5970
|
children: [
|
|
5949
|
-
/* @__PURE__ */ (0,
|
|
5971
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
5950
5972
|
Array.from(
|
|
5951
5973
|
{ length: Math.max(0, pages - 10) },
|
|
5952
5974
|
(_, index) => index + 9
|
|
5953
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
5975
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("option", { value: page, children: page }, page))
|
|
5954
5976
|
]
|
|
5955
5977
|
}
|
|
5956
5978
|
) })
|
|
5957
5979
|
] });
|
|
5958
5980
|
} else if (showLastPages) {
|
|
5959
|
-
return /* @__PURE__ */ (0,
|
|
5960
|
-
/* @__PURE__ */ (0,
|
|
5981
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
5982
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5961
5983
|
Hyperlink,
|
|
5962
5984
|
{
|
|
5963
5985
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -5965,7 +5987,7 @@ var DataList = (props) => {
|
|
|
5965
5987
|
children: "1"
|
|
5966
5988
|
}
|
|
5967
5989
|
),
|
|
5968
|
-
/* @__PURE__ */ (0,
|
|
5990
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5969
5991
|
Hyperlink,
|
|
5970
5992
|
{
|
|
5971
5993
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -5973,21 +5995,21 @@ var DataList = (props) => {
|
|
|
5973
5995
|
children: "2"
|
|
5974
5996
|
}
|
|
5975
5997
|
),
|
|
5976
|
-
/* @__PURE__ */ (0,
|
|
5998
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
5977
5999
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
5978
|
-
(page) => /* @__PURE__ */ (0,
|
|
6000
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5979
6001
|
Hyperlink,
|
|
5980
6002
|
{
|
|
5981
6003
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
5982
6004
|
href: builder.getNewPageUrl(page),
|
|
5983
6005
|
children: page
|
|
5984
6006
|
}
|
|
5985
|
-
) : /* @__PURE__ */ (0,
|
|
6007
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
5986
6008
|
)
|
|
5987
6009
|
] });
|
|
5988
6010
|
} else {
|
|
5989
|
-
return /* @__PURE__ */ (0,
|
|
5990
|
-
/* @__PURE__ */ (0,
|
|
6011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
|
|
6012
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5991
6013
|
Hyperlink,
|
|
5992
6014
|
{
|
|
5993
6015
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -5995,7 +6017,7 @@ var DataList = (props) => {
|
|
|
5995
6017
|
children: "1"
|
|
5996
6018
|
}
|
|
5997
6019
|
),
|
|
5998
|
-
/* @__PURE__ */ (0,
|
|
6020
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
5999
6021
|
Hyperlink,
|
|
6000
6022
|
{
|
|
6001
6023
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6003,20 +6025,20 @@ var DataList = (props) => {
|
|
|
6003
6025
|
children: "2"
|
|
6004
6026
|
}
|
|
6005
6027
|
),
|
|
6006
|
-
/* @__PURE__ */ (0,
|
|
6028
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6007
6029
|
Array.from(
|
|
6008
6030
|
{ length: 5 },
|
|
6009
6031
|
(_, index) => activePageNumber - 2 + index
|
|
6010
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6032
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6011
6033
|
Hyperlink,
|
|
6012
6034
|
{
|
|
6013
6035
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6014
6036
|
href: builder.getNewPageUrl(page),
|
|
6015
6037
|
children: page
|
|
6016
6038
|
}
|
|
6017
|
-
) : /* @__PURE__ */ (0,
|
|
6018
|
-
/* @__PURE__ */ (0,
|
|
6019
|
-
/* @__PURE__ */ (0,
|
|
6039
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
6040
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6041
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6020
6042
|
Hyperlink,
|
|
6021
6043
|
{
|
|
6022
6044
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6024,7 +6046,7 @@ var DataList = (props) => {
|
|
|
6024
6046
|
children: pages - 1
|
|
6025
6047
|
}
|
|
6026
6048
|
),
|
|
6027
|
-
/* @__PURE__ */ (0,
|
|
6049
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6028
6050
|
Hyperlink,
|
|
6029
6051
|
{
|
|
6030
6052
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6032,7 +6054,7 @@ var DataList = (props) => {
|
|
|
6032
6054
|
children: pages
|
|
6033
6055
|
}
|
|
6034
6056
|
),
|
|
6035
|
-
/* @__PURE__ */ (0,
|
|
6057
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
6036
6058
|
"select",
|
|
6037
6059
|
{
|
|
6038
6060
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6044,8 +6066,8 @@ var DataList = (props) => {
|
|
|
6044
6066
|
}
|
|
6045
6067
|
},
|
|
6046
6068
|
children: [
|
|
6047
|
-
/* @__PURE__ */ (0,
|
|
6048
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
6069
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("option", { value: "", children: "Jump to" }),
|
|
6070
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("option", { value: page, children: page }, page))
|
|
6049
6071
|
]
|
|
6050
6072
|
}
|
|
6051
6073
|
) })
|
|
@@ -6053,16 +6075,16 @@ var DataList = (props) => {
|
|
|
6053
6075
|
}
|
|
6054
6076
|
}
|
|
6055
6077
|
};
|
|
6056
|
-
return /* @__PURE__ */ (0,
|
|
6057
|
-
/* @__PURE__ */ (0,
|
|
6058
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_react54.default.Fragment, { children: [
|
|
6079
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(ContentView_default, { isDataFound, children: [
|
|
6080
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
6059
6081
|
"div",
|
|
6060
6082
|
{
|
|
6061
6083
|
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`,
|
|
6062
6084
|
children: [
|
|
6063
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6064
|
-
/* @__PURE__ */ (0,
|
|
6065
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6085
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", {}),
|
|
6086
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6087
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6066
6088
|
InputControl_default,
|
|
6067
6089
|
{
|
|
6068
6090
|
name: filter.name,
|
|
@@ -6077,15 +6099,15 @@ var DataList = (props) => {
|
|
|
6077
6099
|
},
|
|
6078
6100
|
filter.name
|
|
6079
6101
|
)),
|
|
6080
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6102
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
6081
6103
|
Hyperlink,
|
|
6082
6104
|
{
|
|
6083
6105
|
className: "gap-1",
|
|
6084
6106
|
linkType: "Primary" /* Solid */,
|
|
6085
6107
|
href: props.addLinkHref,
|
|
6086
6108
|
children: [
|
|
6087
|
-
/* @__PURE__ */ (0,
|
|
6088
|
-
/* @__PURE__ */ (0,
|
|
6109
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6110
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6089
6111
|
]
|
|
6090
6112
|
}
|
|
6091
6113
|
)
|
|
@@ -6093,8 +6115,8 @@ var DataList = (props) => {
|
|
|
6093
6115
|
]
|
|
6094
6116
|
}
|
|
6095
6117
|
),
|
|
6096
|
-
/* @__PURE__ */ (0,
|
|
6097
|
-
/* @__PURE__ */ (0,
|
|
6118
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
6119
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
6098
6120
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6099
6121
|
let icon = "chevronUpDown";
|
|
6100
6122
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6104,18 +6126,18 @@ var DataList = (props) => {
|
|
|
6104
6126
|
icon = "chevronUp";
|
|
6105
6127
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6106
6128
|
}
|
|
6107
|
-
return /* @__PURE__ */ (0,
|
|
6129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6108
6130
|
"th",
|
|
6109
6131
|
{
|
|
6110
6132
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
6111
|
-
children: /* @__PURE__ */ (0,
|
|
6133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6112
6134
|
Hyperlink,
|
|
6113
6135
|
{
|
|
6114
6136
|
href: column.enableSorting ? url : void 0,
|
|
6115
6137
|
className: "!text-neutral-contrast ",
|
|
6116
|
-
children: /* @__PURE__ */ (0,
|
|
6117
|
-
/* @__PURE__ */ (0,
|
|
6118
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6138
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6139
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-black", children: column.label }),
|
|
6140
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6119
6141
|
] })
|
|
6120
6142
|
}
|
|
6121
6143
|
)
|
|
@@ -6123,24 +6145,24 @@ var DataList = (props) => {
|
|
|
6123
6145
|
column.name
|
|
6124
6146
|
);
|
|
6125
6147
|
}) }) }),
|
|
6126
|
-
/* @__PURE__ */ (0,
|
|
6148
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
6127
6149
|
let validityClass = "";
|
|
6128
6150
|
console.log("dataitem", dataitem);
|
|
6129
6151
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
6130
6152
|
validityClass = "bg-alert-200";
|
|
6131
6153
|
}
|
|
6132
|
-
return /* @__PURE__ */ (0,
|
|
6154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
6133
6155
|
console.log("column", column);
|
|
6134
|
-
return /* @__PURE__ */ (0,
|
|
6156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6135
6157
|
"td",
|
|
6136
6158
|
{
|
|
6137
6159
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
6138
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
6160
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6139
6161
|
Hyperlink,
|
|
6140
6162
|
{
|
|
6141
6163
|
className: "",
|
|
6142
6164
|
href: `https://${dataitem[column.name]}`,
|
|
6143
|
-
children: /* @__PURE__ */ (0,
|
|
6165
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6144
6166
|
ViewControl_default,
|
|
6145
6167
|
{
|
|
6146
6168
|
controlType: column.controlType,
|
|
@@ -6153,11 +6175,11 @@ var DataList = (props) => {
|
|
|
6153
6175
|
}
|
|
6154
6176
|
)
|
|
6155
6177
|
}
|
|
6156
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
6178
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6157
6179
|
Hyperlink,
|
|
6158
6180
|
{
|
|
6159
6181
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
6160
|
-
children: /* @__PURE__ */ (0,
|
|
6182
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6161
6183
|
ViewControl_default,
|
|
6162
6184
|
{
|
|
6163
6185
|
controlType: column.controlType,
|
|
@@ -6167,7 +6189,7 @@ var DataList = (props) => {
|
|
|
6167
6189
|
}
|
|
6168
6190
|
)
|
|
6169
6191
|
}
|
|
6170
|
-
) : /* @__PURE__ */ (0,
|
|
6192
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6171
6193
|
ViewControl_default,
|
|
6172
6194
|
{
|
|
6173
6195
|
controlType: column.controlType,
|
|
@@ -6181,10 +6203,10 @@ var DataList = (props) => {
|
|
|
6181
6203
|
}) }, index);
|
|
6182
6204
|
}) })
|
|
6183
6205
|
] }) }),
|
|
6184
|
-
/* @__PURE__ */ (0,
|
|
6185
|
-
/* @__PURE__ */ (0,
|
|
6186
|
-
/* @__PURE__ */ (0,
|
|
6187
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
6206
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
6207
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "text-gray-700", children: label }),
|
|
6208
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
6209
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6188
6210
|
Hyperlink,
|
|
6189
6211
|
{
|
|
6190
6212
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6192,9 +6214,9 @@ var DataList = (props) => {
|
|
|
6192
6214
|
children: "Prev"
|
|
6193
6215
|
}
|
|
6194
6216
|
),
|
|
6195
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
6217
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime74.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" }),
|
|
6196
6218
|
renderPageNumbers(),
|
|
6197
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
6219
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6198
6220
|
Hyperlink,
|
|
6199
6221
|
{
|
|
6200
6222
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6202,19 +6224,19 @@ var DataList = (props) => {
|
|
|
6202
6224
|
children: "Next"
|
|
6203
6225
|
}
|
|
6204
6226
|
),
|
|
6205
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
6227
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
6206
6228
|
] })
|
|
6207
6229
|
] }) })
|
|
6208
6230
|
] }),
|
|
6209
|
-
/* @__PURE__ */ (0,
|
|
6210
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6231
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
6232
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
6211
6233
|
"div",
|
|
6212
6234
|
{
|
|
6213
6235
|
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`,
|
|
6214
6236
|
children: [
|
|
6215
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6216
|
-
/* @__PURE__ */ (0,
|
|
6217
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6237
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", {}),
|
|
6238
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6239
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6218
6240
|
InputControl_default,
|
|
6219
6241
|
{
|
|
6220
6242
|
name: filter.name,
|
|
@@ -6229,15 +6251,15 @@ var DataList = (props) => {
|
|
|
6229
6251
|
},
|
|
6230
6252
|
filter.name
|
|
6231
6253
|
)),
|
|
6232
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6254
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
6233
6255
|
Hyperlink,
|
|
6234
6256
|
{
|
|
6235
6257
|
className: "gap-1",
|
|
6236
6258
|
linkType: "Primary" /* Solid */,
|
|
6237
6259
|
href: props.addLinkHref,
|
|
6238
6260
|
children: [
|
|
6239
|
-
/* @__PURE__ */ (0,
|
|
6240
|
-
/* @__PURE__ */ (0,
|
|
6261
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6262
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6241
6263
|
]
|
|
6242
6264
|
}
|
|
6243
6265
|
)
|
|
@@ -6245,8 +6267,8 @@ var DataList = (props) => {
|
|
|
6245
6267
|
]
|
|
6246
6268
|
}
|
|
6247
6269
|
),
|
|
6248
|
-
/* @__PURE__ */ (0,
|
|
6249
|
-
/* @__PURE__ */ (0,
|
|
6270
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
6271
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
6250
6272
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6251
6273
|
let icon = "chevronUpDown";
|
|
6252
6274
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6256,18 +6278,18 @@ var DataList = (props) => {
|
|
|
6256
6278
|
icon = "chevronUp";
|
|
6257
6279
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6258
6280
|
}
|
|
6259
|
-
return /* @__PURE__ */ (0,
|
|
6281
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6260
6282
|
"th",
|
|
6261
6283
|
{
|
|
6262
6284
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
6263
|
-
children: /* @__PURE__ */ (0,
|
|
6285
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6264
6286
|
Hyperlink,
|
|
6265
6287
|
{
|
|
6266
6288
|
href: column.enableSorting ? url : void 0,
|
|
6267
6289
|
className: "text-body-950",
|
|
6268
|
-
children: /* @__PURE__ */ (0,
|
|
6269
|
-
/* @__PURE__ */ (0,
|
|
6270
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6290
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6291
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: column.label }),
|
|
6292
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6271
6293
|
] })
|
|
6272
6294
|
}
|
|
6273
6295
|
)
|
|
@@ -6275,7 +6297,7 @@ var DataList = (props) => {
|
|
|
6275
6297
|
column.name
|
|
6276
6298
|
);
|
|
6277
6299
|
}) }) }) }) }),
|
|
6278
|
-
/* @__PURE__ */ (0,
|
|
6300
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
6279
6301
|
] })
|
|
6280
6302
|
] })
|
|
6281
6303
|
] });
|
|
@@ -6286,7 +6308,7 @@ var DataList_default = DataList;
|
|
|
6286
6308
|
var import_react55 = __toESM(require("react"));
|
|
6287
6309
|
init_ServiceClient();
|
|
6288
6310
|
var import_navigation3 = require("next/navigation");
|
|
6289
|
-
var
|
|
6311
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
6290
6312
|
var viewControlMap = {
|
|
6291
6313
|
number: ViewControlTypes.number,
|
|
6292
6314
|
lineText: ViewControlTypes.lineText,
|
|
@@ -6375,9 +6397,9 @@ var DataListRenderer = ({
|
|
|
6375
6397
|
const [tabItem, setTabItem] = (0, import_react55.useState)();
|
|
6376
6398
|
const activeTab = tabItem?.find((tab) => tab.isActive);
|
|
6377
6399
|
const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
|
|
6378
|
-
return /* @__PURE__ */ (0,
|
|
6379
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
6380
|
-
/* @__PURE__ */ (0,
|
|
6400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_react55.default.Fragment, { children: [
|
|
6401
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
6402
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
6381
6403
|
DataList_default,
|
|
6382
6404
|
{
|
|
6383
6405
|
addLinkHref,
|
|
@@ -6427,7 +6449,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
6427
6449
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
6428
6450
|
|
|
6429
6451
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
6430
|
-
var
|
|
6452
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
6431
6453
|
var DataFormChildSection = (props) => {
|
|
6432
6454
|
const { section } = props;
|
|
6433
6455
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -6495,14 +6517,14 @@ var DataFormChildSection = (props) => {
|
|
|
6495
6517
|
childItemsToRender,
|
|
6496
6518
|
allChildItems: childItems
|
|
6497
6519
|
});
|
|
6498
|
-
return /* @__PURE__ */ (0,
|
|
6499
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
6500
|
-
/* @__PURE__ */ (0,
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6502
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
6503
|
-
return /* @__PURE__ */ (0,
|
|
6520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
6521
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
6522
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
6523
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
6524
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
6525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("tr", { className: "", children: [
|
|
6504
6526
|
sectionRow.elements.map((field, index) => {
|
|
6505
|
-
return /* @__PURE__ */ (0,
|
|
6527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6506
6528
|
"th",
|
|
6507
6529
|
{
|
|
6508
6530
|
className: "py-3 font-normal text-left",
|
|
@@ -6511,21 +6533,21 @@ var DataFormChildSection = (props) => {
|
|
|
6511
6533
|
field.name
|
|
6512
6534
|
);
|
|
6513
6535
|
}),
|
|
6514
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
6536
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
6515
6537
|
] }, sectionRowIndex);
|
|
6516
6538
|
}) }),
|
|
6517
|
-
/* @__PURE__ */ (0,
|
|
6539
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
6518
6540
|
const { item, originalIndex } = visibleItem;
|
|
6519
6541
|
const rowKey = originalIndex;
|
|
6520
|
-
return /* @__PURE__ */ (0,
|
|
6542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react56.default.Fragment, { children: section.sectionRows.map(
|
|
6521
6543
|
(sectionRow, sectionRowIndex) => {
|
|
6522
|
-
return /* @__PURE__ */ (0,
|
|
6544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6523
6545
|
"tr",
|
|
6524
6546
|
{
|
|
6525
6547
|
className: "",
|
|
6526
6548
|
children: [
|
|
6527
6549
|
sectionRow.elements.map((field, index) => {
|
|
6528
|
-
return /* @__PURE__ */ (0,
|
|
6550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6529
6551
|
InputControl_default,
|
|
6530
6552
|
{
|
|
6531
6553
|
index: filteredIndex,
|
|
@@ -6545,7 +6567,7 @@ var DataFormChildSection = (props) => {
|
|
|
6545
6567
|
}
|
|
6546
6568
|
) }) }) }, field.name);
|
|
6547
6569
|
}),
|
|
6548
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
6570
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6549
6571
|
ClientButton_default,
|
|
6550
6572
|
{
|
|
6551
6573
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -6554,7 +6576,7 @@ var DataFormChildSection = (props) => {
|
|
|
6554
6576
|
},
|
|
6555
6577
|
dataRole: "delete",
|
|
6556
6578
|
tabIndex: -1,
|
|
6557
|
-
children: /* @__PURE__ */ (0,
|
|
6579
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6558
6580
|
Icon_default,
|
|
6559
6581
|
{
|
|
6560
6582
|
className: "w-4 h-4",
|
|
@@ -6571,7 +6593,7 @@ var DataFormChildSection = (props) => {
|
|
|
6571
6593
|
) }, rowKey);
|
|
6572
6594
|
}) })
|
|
6573
6595
|
] }) }),
|
|
6574
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
6596
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6575
6597
|
ClientButton_default,
|
|
6576
6598
|
{
|
|
6577
6599
|
ButtonType: "Link" /* Link */,
|
|
@@ -6586,7 +6608,7 @@ var DataFormChildSection = (props) => {
|
|
|
6586
6608
|
var DataFormChildSection_default = DataFormChildSection;
|
|
6587
6609
|
|
|
6588
6610
|
// src/components/dataForm/DataForm.tsx
|
|
6589
|
-
var
|
|
6611
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6590
6612
|
var DataForm = (props) => {
|
|
6591
6613
|
const formRef = (0, import_react57.useRef)(null);
|
|
6592
6614
|
console.log(props.dataItem, "dssads");
|
|
@@ -6806,19 +6828,19 @@ var DataForm = (props) => {
|
|
|
6806
6828
|
return false;
|
|
6807
6829
|
}
|
|
6808
6830
|
}
|
|
6809
|
-
return /* @__PURE__ */ (0,
|
|
6810
|
-
props.title && /* @__PURE__ */ (0,
|
|
6831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
6832
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6811
6833
|
"div",
|
|
6812
6834
|
{
|
|
6813
6835
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
6814
6836
|
onClick: () => window.history.back(),
|
|
6815
6837
|
children: [
|
|
6816
|
-
/* @__PURE__ */ (0,
|
|
6817
|
-
/* @__PURE__ */ (0,
|
|
6838
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
6839
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
6818
6840
|
]
|
|
6819
6841
|
}
|
|
6820
6842
|
) }),
|
|
6821
|
-
/* @__PURE__ */ (0,
|
|
6843
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6822
6844
|
"form",
|
|
6823
6845
|
{
|
|
6824
6846
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -6839,8 +6861,8 @@ var DataForm = (props) => {
|
|
|
6839
6861
|
}
|
|
6840
6862
|
}
|
|
6841
6863
|
},
|
|
6842
|
-
children: /* @__PURE__ */ (0,
|
|
6843
|
-
return /* @__PURE__ */ (0,
|
|
6864
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
6865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react57.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
6844
6866
|
section.sectionRows?.map(
|
|
6845
6867
|
(sectionRow, sectionRowIndex) => {
|
|
6846
6868
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -6851,14 +6873,14 @@ var DataForm = (props) => {
|
|
|
6851
6873
|
sectionRow.visible
|
|
6852
6874
|
);
|
|
6853
6875
|
}
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
6855
|
-
return /* @__PURE__ */ (0,
|
|
6876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react57.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
6877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6856
6878
|
"div",
|
|
6857
6879
|
{
|
|
6858
6880
|
className: sectionRow.grow ? "grow" : "",
|
|
6859
6881
|
children: [
|
|
6860
|
-
/* @__PURE__ */ (0,
|
|
6861
|
-
/* @__PURE__ */ (0,
|
|
6882
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: field.controlType }),
|
|
6883
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6862
6884
|
InputControl_default,
|
|
6863
6885
|
{
|
|
6864
6886
|
name: field.name,
|
|
@@ -6888,12 +6910,12 @@ var DataForm = (props) => {
|
|
|
6888
6910
|
}) }) }, sectionRowIndex);
|
|
6889
6911
|
}
|
|
6890
6912
|
),
|
|
6891
|
-
/* @__PURE__ */ (0,
|
|
6913
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: section.childSections?.map(
|
|
6892
6914
|
(childSection, childSectionIndex) => {
|
|
6893
|
-
return /* @__PURE__ */ (0,
|
|
6915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
6894
6916
|
formState.inputValues,
|
|
6895
6917
|
childSection.visible
|
|
6896
|
-
) && /* @__PURE__ */ (0,
|
|
6918
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6897
6919
|
DataFormChildSection_default,
|
|
6898
6920
|
{
|
|
6899
6921
|
section: childSection,
|
|
@@ -6908,8 +6930,8 @@ var DataForm = (props) => {
|
|
|
6908
6930
|
}) })
|
|
6909
6931
|
}
|
|
6910
6932
|
),
|
|
6911
|
-
/* @__PURE__ */ (0,
|
|
6912
|
-
/* @__PURE__ */ (0,
|
|
6933
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
6934
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6913
6935
|
Button_default,
|
|
6914
6936
|
{
|
|
6915
6937
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -6917,7 +6939,7 @@ var DataForm = (props) => {
|
|
|
6917
6939
|
children: props.additionalActions.title
|
|
6918
6940
|
}
|
|
6919
6941
|
) }),
|
|
6920
|
-
/* @__PURE__ */ (0,
|
|
6942
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6921
6943
|
Button_default,
|
|
6922
6944
|
{
|
|
6923
6945
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -6928,7 +6950,7 @@ var DataForm = (props) => {
|
|
|
6928
6950
|
children: "Delete"
|
|
6929
6951
|
}
|
|
6930
6952
|
) }),
|
|
6931
|
-
/* @__PURE__ */ (0,
|
|
6953
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6932
6954
|
Button_default,
|
|
6933
6955
|
{
|
|
6934
6956
|
onValidate,
|
|
@@ -6946,7 +6968,7 @@ var DataForm_default = DataForm;
|
|
|
6946
6968
|
|
|
6947
6969
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
6948
6970
|
init_ServiceClient();
|
|
6949
|
-
var
|
|
6971
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
6950
6972
|
function getAction(actions, code) {
|
|
6951
6973
|
return actions?.find((a) => a.actionCode === code);
|
|
6952
6974
|
}
|
|
@@ -6972,9 +6994,9 @@ var DataFormRenderer = ({
|
|
|
6972
6994
|
"Delete"
|
|
6973
6995
|
);
|
|
6974
6996
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
6975
|
-
return /* @__PURE__ */ (0,
|
|
6976
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
6977
|
-
/* @__PURE__ */ (0,
|
|
6997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
6998
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
6999
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6978
7000
|
DataForm_default,
|
|
6979
7001
|
{
|
|
6980
7002
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|