@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326061134 → 0.8.1-dev.20260326064410
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +638 -479
- package/dist/index.mjs +604 -445
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -53,13 +53,13 @@ function CopyButton({ text }) {
|
|
|
53
53
|
console.error("Failed to copy: ", err);
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
return /* @__PURE__ */ (0,
|
|
56
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
57
57
|
"button",
|
|
58
58
|
{
|
|
59
59
|
onClick: handleCopy,
|
|
60
60
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
61
61
|
children: [
|
|
62
|
-
/* @__PURE__ */ (0,
|
|
62
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
63
63
|
"svg",
|
|
64
64
|
{
|
|
65
65
|
width: "16",
|
|
@@ -67,7 +67,7 @@ function CopyButton({ text }) {
|
|
|
67
67
|
viewBox: "0 0 24 24",
|
|
68
68
|
className: "w-4 h-4",
|
|
69
69
|
fill: "currentColor",
|
|
70
|
-
children: /* @__PURE__ */ (0,
|
|
70
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
71
71
|
"path",
|
|
72
72
|
{
|
|
73
73
|
fillRule: "evenodd",
|
|
@@ -82,13 +82,13 @@ function CopyButton({ text }) {
|
|
|
82
82
|
}
|
|
83
83
|
);
|
|
84
84
|
}
|
|
85
|
-
var import_react39,
|
|
85
|
+
var import_react39, import_jsx_runtime51;
|
|
86
86
|
var init_CopyButton = __esm({
|
|
87
87
|
"src/components/CopyButton.tsx"() {
|
|
88
88
|
"use strict";
|
|
89
89
|
"use client";
|
|
90
90
|
import_react39 = require("react");
|
|
91
|
-
|
|
91
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
92
92
|
}
|
|
93
93
|
});
|
|
94
94
|
|
|
@@ -97,14 +97,14 @@ var HlsPlayer_exports = {};
|
|
|
97
97
|
__export(HlsPlayer_exports, {
|
|
98
98
|
default: () => HlsPlayer_default
|
|
99
99
|
});
|
|
100
|
-
var import_react41, import_hls,
|
|
100
|
+
var import_react41, import_hls, import_jsx_runtime54, HlsPlayer, HlsPlayer_default;
|
|
101
101
|
var init_HlsPlayer = __esm({
|
|
102
102
|
"src/components/HlsPlayer.tsx"() {
|
|
103
103
|
"use strict";
|
|
104
104
|
"use client";
|
|
105
105
|
import_react41 = __toESM(require("react"));
|
|
106
106
|
import_hls = __toESM(require("hls.js"));
|
|
107
|
-
|
|
107
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
108
108
|
HlsPlayer = import_react41.default.memo(
|
|
109
109
|
({
|
|
110
110
|
assetUrl,
|
|
@@ -182,14 +182,14 @@ var init_HlsPlayer = __esm({
|
|
|
182
182
|
setIsPlaying(false);
|
|
183
183
|
}
|
|
184
184
|
}, [playOptions, isMobile]);
|
|
185
|
-
return /* @__PURE__ */ (0,
|
|
185
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
186
186
|
"div",
|
|
187
187
|
{
|
|
188
188
|
className: "relative w-full aspect-video bg-black",
|
|
189
189
|
onMouseEnter: handleMouseEnter,
|
|
190
190
|
onMouseLeave: handleMouseLeave,
|
|
191
191
|
children: [
|
|
192
|
-
/* @__PURE__ */ (0,
|
|
192
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
193
193
|
"video",
|
|
194
194
|
{
|
|
195
195
|
ref: videoRef,
|
|
@@ -203,7 +203,7 @@ var init_HlsPlayer = __esm({
|
|
|
203
203
|
onClick: !isMobile && !isPlaying ? handlePlayPause : void 0
|
|
204
204
|
}
|
|
205
205
|
),
|
|
206
|
-
!isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ (0,
|
|
206
|
+
!isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
207
207
|
"img",
|
|
208
208
|
{
|
|
209
209
|
src: posterUrl,
|
|
@@ -213,7 +213,7 @@ var init_HlsPlayer = __esm({
|
|
|
213
213
|
className: `absolute inset-0 object-cover transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`
|
|
214
214
|
}
|
|
215
215
|
),
|
|
216
|
-
!isMobile && !isPlaying && /* @__PURE__ */ (0,
|
|
216
|
+
!isMobile && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
217
217
|
"div",
|
|
218
218
|
{
|
|
219
219
|
className: "absolute inset-0 flex items-center justify-center cursor-pointer",
|
|
@@ -232,43 +232,43 @@ var init_HlsPlayer = __esm({
|
|
|
232
232
|
});
|
|
233
233
|
|
|
234
234
|
// src/components/IFrameLoaderView.tsx
|
|
235
|
-
var import_react44,
|
|
235
|
+
var import_react44, import_jsx_runtime60, IFrameLoaderView, IFrameLoaderView_default;
|
|
236
236
|
var init_IFrameLoaderView = __esm({
|
|
237
237
|
"src/components/IFrameLoaderView.tsx"() {
|
|
238
238
|
"use strict";
|
|
239
239
|
import_react44 = __toESM(require("react"));
|
|
240
|
-
|
|
240
|
+
import_jsx_runtime60 = require("react/jsx-runtime");
|
|
241
241
|
IFrameLoaderView = (props) => {
|
|
242
|
-
return /* @__PURE__ */ (0,
|
|
243
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
244
|
-
/* @__PURE__ */ (0,
|
|
245
|
-
/* @__PURE__ */ (0,
|
|
246
|
-
/* @__PURE__ */ (0,
|
|
247
|
-
/* @__PURE__ */ (0,
|
|
248
|
-
/* @__PURE__ */ (0,
|
|
242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react44.default.Fragment, { children: [
|
|
243
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
244
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
245
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
246
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ml-2", children: [
|
|
247
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
248
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
249
249
|
] })
|
|
250
250
|
] }),
|
|
251
|
-
/* @__PURE__ */ (0,
|
|
252
|
-
/* @__PURE__ */ (0,
|
|
253
|
-
/* @__PURE__ */ (0,
|
|
254
|
-
/* @__PURE__ */ (0,
|
|
255
|
-
/* @__PURE__ */ (0,
|
|
256
|
-
/* @__PURE__ */ (0,
|
|
257
|
-
/* @__PURE__ */ (0,
|
|
251
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
252
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "animate-pulse", children: [
|
|
253
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
254
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
255
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
256
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
257
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
258
258
|
] }),
|
|
259
|
-
/* @__PURE__ */ (0,
|
|
260
|
-
/* @__PURE__ */ (0,
|
|
261
|
-
/* @__PURE__ */ (0,
|
|
262
|
-
/* @__PURE__ */ (0,
|
|
263
|
-
/* @__PURE__ */ (0,
|
|
264
|
-
/* @__PURE__ */ (0,
|
|
259
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "animate-pulse", children: [
|
|
260
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
261
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
262
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
263
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
264
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
265
265
|
] }),
|
|
266
|
-
/* @__PURE__ */ (0,
|
|
267
|
-
/* @__PURE__ */ (0,
|
|
268
|
-
/* @__PURE__ */ (0,
|
|
269
|
-
/* @__PURE__ */ (0,
|
|
270
|
-
/* @__PURE__ */ (0,
|
|
271
|
-
/* @__PURE__ */ (0,
|
|
266
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "animate-pulse", children: [
|
|
267
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
268
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
269
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
270
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
271
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
272
272
|
] })
|
|
273
273
|
] })
|
|
274
274
|
] }) }),
|
|
@@ -284,14 +284,14 @@ var IframeClient_exports = {};
|
|
|
284
284
|
__export(IframeClient_exports, {
|
|
285
285
|
default: () => IframeClient_default
|
|
286
286
|
});
|
|
287
|
-
var import_react45,
|
|
287
|
+
var import_react45, import_jsx_runtime61, IframeClient, IframeClient_default;
|
|
288
288
|
var init_IframeClient = __esm({
|
|
289
289
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
290
290
|
"use strict";
|
|
291
291
|
"use client";
|
|
292
292
|
import_react45 = __toESM(require("react"));
|
|
293
293
|
init_IFrameLoaderView();
|
|
294
|
-
|
|
294
|
+
import_jsx_runtime61 = require("react/jsx-runtime");
|
|
295
295
|
IframeClient = ({ src }) => {
|
|
296
296
|
const iframeRef = (0, import_react45.useRef)(null);
|
|
297
297
|
const [iframeHeight, setIframeHeight] = (0, import_react45.useState)("100%");
|
|
@@ -323,7 +323,7 @@ var init_IframeClient = __esm({
|
|
|
323
323
|
const handleIframeLoad = () => {
|
|
324
324
|
setIsDataFound(true);
|
|
325
325
|
};
|
|
326
|
-
return /* @__PURE__ */ (0,
|
|
326
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
327
327
|
"iframe",
|
|
328
328
|
{
|
|
329
329
|
ref: iframeRef,
|
|
@@ -396,47 +396,192 @@ var NumberView_default = NumberView;
|
|
|
396
396
|
|
|
397
397
|
// src/components/controls/view/DateView.tsx
|
|
398
398
|
var import_react2 = __toESM(require("react"));
|
|
399
|
-
|
|
399
|
+
|
|
400
|
+
// src/components/controls/view/TimeZoneAbbrevations.tsx
|
|
401
|
+
var timeZoneAbbreviations = {
|
|
402
|
+
"Asia/Calcutta": "IST",
|
|
403
|
+
"Asia/Kolkata": "IST",
|
|
404
|
+
"America/New_York": "EST",
|
|
405
|
+
"America/Los_Angeles": "PST",
|
|
406
|
+
"Europe/London": "GMT",
|
|
407
|
+
"Europe/Paris": "CET",
|
|
408
|
+
"Asia/Tokyo": "JST",
|
|
409
|
+
"America/Chicago": "CST",
|
|
410
|
+
"America/Denver": "MST",
|
|
411
|
+
"Asia/Shanghai": "CST",
|
|
412
|
+
"Asia/Hong_Kong": "HKT",
|
|
413
|
+
"Australia/Sydney": "AEST",
|
|
414
|
+
"Australia/Melbourne": "AEST",
|
|
415
|
+
"Australia/Perth": "AWST",
|
|
416
|
+
"Pacific/Auckland": "NZST",
|
|
417
|
+
"Europe/Berlin": "CET",
|
|
418
|
+
"Europe/Madrid": "CET",
|
|
419
|
+
"Europe/Rome": "CET",
|
|
420
|
+
"Europe/Athens": "EET",
|
|
421
|
+
"Europe/Istanbul": "TRT",
|
|
422
|
+
"Africa/Cairo": "EET",
|
|
423
|
+
"Africa/Johannesburg": "SAST",
|
|
424
|
+
"Asia/Dubai": "GST",
|
|
425
|
+
"Asia/Singapore": "SGT",
|
|
426
|
+
"Asia/Seoul": "KST",
|
|
427
|
+
"America/Toronto": "EST",
|
|
428
|
+
"America/Vancouver": "PST",
|
|
429
|
+
"America/Sao_Paulo": "BRT",
|
|
430
|
+
"America/Mexico_City": "CST",
|
|
431
|
+
"Asia/Manila": "PHT",
|
|
432
|
+
"Asia/Jakarta": "WIB",
|
|
433
|
+
"Asia/Bangkok": "ICT",
|
|
434
|
+
"Asia/Karachi": "PKT",
|
|
435
|
+
"Asia/Tehran": "IRST",
|
|
436
|
+
"Asia/Baghdad": "AST",
|
|
437
|
+
"Europe/Moscow": "MSK",
|
|
438
|
+
"Europe/Amsterdam": "CET",
|
|
439
|
+
"Europe/Brussels": "CET",
|
|
440
|
+
"Europe/Zurich": "CET",
|
|
441
|
+
"America/Anchorage": "AKST",
|
|
442
|
+
"Pacific/Honolulu": "HST",
|
|
443
|
+
"Antarctica/McMurdo": "NZST",
|
|
444
|
+
"Atlantic/Reykjavik": "GMT",
|
|
445
|
+
"Asia/Riyadh": "AST",
|
|
446
|
+
"America/Argentina/Buenos_Aires": "ART",
|
|
447
|
+
"America/Bogota": "COT",
|
|
448
|
+
"Africa/Nairobi": "EAT",
|
|
449
|
+
"Asia/Kuala_Lumpur": "MYT",
|
|
450
|
+
"Asia/Ho_Chi_Minh": "ICT",
|
|
451
|
+
"Europe/Warsaw": "CET",
|
|
452
|
+
"Europe/Prague": "CET",
|
|
453
|
+
"America/Phoenix": "MST",
|
|
454
|
+
"America/Indianapolis": "EST",
|
|
455
|
+
"Pacific/Fiji": "FJT",
|
|
456
|
+
"Asia/Colombo": "IST",
|
|
457
|
+
"Africa/Lagos": "WAT",
|
|
458
|
+
"America/Caracas": "VET",
|
|
459
|
+
"America/Halifax": "AST",
|
|
460
|
+
"Pacific/Tahiti": "TAHT",
|
|
461
|
+
"America/St_Johns": "NST",
|
|
462
|
+
"Europe/Bucharest": "EET",
|
|
463
|
+
"Europe/Helsinki": "EET",
|
|
464
|
+
"Europe/Kiev": "EET",
|
|
465
|
+
"Europe/Oslo": "CET",
|
|
466
|
+
"Europe/Stockholm": "CET",
|
|
467
|
+
"Europe/Lisbon": "WET",
|
|
468
|
+
"Asia/Beirut": "EET",
|
|
469
|
+
"Asia/Damascus": "EET",
|
|
470
|
+
"Asia/Jerusalem": "IST",
|
|
471
|
+
"Asia/Amman": "EET",
|
|
472
|
+
"America/Santiago": "CLT",
|
|
473
|
+
"America/Lima": "PET",
|
|
474
|
+
"America/Montevideo": "UYT",
|
|
475
|
+
"Asia/Tashkent": "UZT",
|
|
476
|
+
"Asia/Yerevan": "AMT",
|
|
477
|
+
"Asia/Baku": "AZT",
|
|
478
|
+
"Europe/Vilnius": "EET",
|
|
479
|
+
"Europe/Riga": "EET",
|
|
480
|
+
"Europe/Tallinn": "EET",
|
|
481
|
+
"Europe/Sofia": "EET",
|
|
482
|
+
"Africa/Casablanca": "WET",
|
|
483
|
+
"America/Guatemala": "CST",
|
|
484
|
+
"America/Panama": "EST",
|
|
485
|
+
"America/Costa_Rica": "CST",
|
|
486
|
+
"Pacific/Port_Moresby": "PGT",
|
|
487
|
+
"Asia/Makassar": "WITA",
|
|
488
|
+
"Asia/Vladivostok": "VLAT",
|
|
489
|
+
"Asia/Krasnoyarsk": "KRAT",
|
|
490
|
+
"Asia/Novosibirsk": "NOVT",
|
|
491
|
+
"Asia/Yakutsk": "YAKT",
|
|
492
|
+
"Asia/Sakhalin": "SAKT",
|
|
493
|
+
"Asia/Ulaanbaatar": "ULAT",
|
|
494
|
+
"Asia/Choibalsan": "CHOT",
|
|
495
|
+
"Asia/Omsk": "OMST",
|
|
496
|
+
"Asia/Kamchatka": "PETT",
|
|
497
|
+
"Pacific/Pago_Pago": "SST",
|
|
498
|
+
"Pacific/Guam": "ChST",
|
|
499
|
+
"Pacific/Saipan": "ChST",
|
|
500
|
+
"Pacific/Palau": "PWT",
|
|
501
|
+
"Pacific/Efate": "VUT",
|
|
502
|
+
"Pacific/Kosrae": "KOST",
|
|
503
|
+
"Pacific/Nauru": "NRT",
|
|
504
|
+
"Pacific/Tarawa": "GILT",
|
|
505
|
+
"Pacific/Enderbury": "PHOT",
|
|
506
|
+
"Pacific/Fakaofo": "TKT",
|
|
507
|
+
"Pacific/Chatham": "CHAST",
|
|
508
|
+
"Pacific/Tongatapu": "TOT",
|
|
509
|
+
"Pacific/Funafuti": "TVT",
|
|
510
|
+
"Pacific/Majuro": "MHT",
|
|
511
|
+
"Pacific/Kwajalein": "MHT",
|
|
512
|
+
"Pacific/Wake": "WAKT",
|
|
513
|
+
"Pacific/Wallis": "WFT"
|
|
514
|
+
};
|
|
515
|
+
|
|
516
|
+
// src/components/controls/view/DateView.tsx
|
|
400
517
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
401
518
|
var DateView = (props) => {
|
|
519
|
+
const getTimeZoneAbbreviation = (timeZone) => {
|
|
520
|
+
return timeZoneAbbreviations[timeZone] || timeZone;
|
|
521
|
+
};
|
|
522
|
+
const getRelativeTime = (dateString) => {
|
|
523
|
+
const now = /* @__PURE__ */ new Date();
|
|
524
|
+
const date = /* @__PURE__ */ new Date(dateString + "Z");
|
|
525
|
+
const diffMs = now.getTime() - date.getTime();
|
|
526
|
+
const diffSec = Math.floor(diffMs / 1e3);
|
|
527
|
+
const diffMin = Math.floor(diffSec / 60);
|
|
528
|
+
const diffHr = Math.floor(diffMin / 60);
|
|
529
|
+
const diffDay = Math.floor(diffHr / 24);
|
|
530
|
+
if (diffSec < 60) return "Just now";
|
|
531
|
+
if (diffMin < 60) return `${diffMin} minute${diffMin > 1 ? "s" : ""} ago`;
|
|
532
|
+
if (diffHr < 24) return `${diffHr} hour${diffHr > 1 ? "s" : ""} ago`;
|
|
533
|
+
if (diffDay < 7) return `${diffDay} day${diffDay > 1 ? "s" : ""} ago`;
|
|
534
|
+
return new Intl.DateTimeFormat("en", {
|
|
535
|
+
day: "2-digit",
|
|
536
|
+
month: "short",
|
|
537
|
+
year: "numeric"
|
|
538
|
+
}).format(date);
|
|
539
|
+
};
|
|
540
|
+
console.log("DateView props:", props);
|
|
541
|
+
const parseAndFormatDate = (dateString, format) => {
|
|
542
|
+
const parsedDate = /* @__PURE__ */ new Date(dateString + "Z");
|
|
543
|
+
if (format === "relative") {
|
|
544
|
+
return getRelativeTime(dateString);
|
|
545
|
+
}
|
|
546
|
+
switch (props.controlType) {
|
|
547
|
+
case "date":
|
|
548
|
+
return new Intl.DateTimeFormat("en", {
|
|
549
|
+
day: "2-digit",
|
|
550
|
+
month: "short",
|
|
551
|
+
year: "numeric"
|
|
552
|
+
}).format(parsedDate);
|
|
553
|
+
case "time":
|
|
554
|
+
return `${formatTime(parsedDate)} ${getTimeZoneAbbreviation(Intl.DateTimeFormat().resolvedOptions().timeZone)} (${getTimePeriod(parsedDate)})`;
|
|
555
|
+
default:
|
|
556
|
+
return parsedDate.getSeconds() === 0 ? new Intl.DateTimeFormat("en", { day: "2-digit", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit" }).format(parsedDate) : new Intl.DateTimeFormat("en", { day: "2-digit", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit", second: "2-digit" }).format(parsedDate);
|
|
557
|
+
}
|
|
558
|
+
};
|
|
559
|
+
const formatTime = (date) => {
|
|
560
|
+
return date.getSeconds() === 0 ? new Intl.DateTimeFormat("en", { hour: "2-digit", minute: "2-digit" }).format(date) : new Intl.DateTimeFormat("en", { hour: "2-digit", minute: "2-digit", second: "2-digit" }).format(date);
|
|
561
|
+
};
|
|
562
|
+
const getTimePeriod = (date) => {
|
|
563
|
+
const hours = date.getHours();
|
|
564
|
+
if (hours >= 5 && hours < 8) return "Early Morning";
|
|
565
|
+
if (hours >= 8 && hours < 12) return "Morning";
|
|
566
|
+
if (hours >= 12 && hours < 14) return "Noon";
|
|
567
|
+
if (hours >= 14 && hours < 17) return "Afternoon";
|
|
568
|
+
if (hours >= 17 && hours < 20) return "Evening";
|
|
569
|
+
if (hours >= 20 && hours < 22) return "Late Evening";
|
|
570
|
+
if (hours >= 22 || hours < 5) return "Night";
|
|
571
|
+
return "Late Night";
|
|
572
|
+
};
|
|
402
573
|
let localDateTime = "";
|
|
403
|
-
let
|
|
574
|
+
let timeZoneAbbreviation = "";
|
|
404
575
|
try {
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
const timezoneOffset = parsedDate.getTimezoneOffset();
|
|
408
|
-
timezone = import_moment_timezone.default.tz.zone(import_moment_timezone.default.tz.guess())?.abbr(timezoneOffset);
|
|
409
|
-
if (props.format && props.format == "timeago") {
|
|
410
|
-
localDateTime = formatTimeAgo(parsedDate);
|
|
411
|
-
} else {
|
|
412
|
-
localDateTime = parsedDate.toLocaleString() + " " + timezone;
|
|
413
|
-
}
|
|
576
|
+
localDateTime = parseAndFormatDate(props.value, props.format);
|
|
577
|
+
timeZoneAbbreviation = getTimeZoneAbbreviation(Intl.DateTimeFormat().resolvedOptions().timeZone);
|
|
414
578
|
} catch (error) {
|
|
415
|
-
console.error("Error parsing date:", props.value);
|
|
416
|
-
}
|
|
417
|
-
function formatTimeAgo(inputDate) {
|
|
418
|
-
const currentDate = /* @__PURE__ */ new Date();
|
|
419
|
-
const timeDifference = Math.floor((currentDate.getTime() - inputDate.getTime()) / 1e3);
|
|
420
|
-
if (timeDifference < 10) {
|
|
421
|
-
return "few secs ago";
|
|
422
|
-
} else if (timeDifference < 60) {
|
|
423
|
-
return `${timeDifference} secs ago`;
|
|
424
|
-
} else if (timeDifference < 3600) {
|
|
425
|
-
const minutes = Math.floor(timeDifference / 60);
|
|
426
|
-
return `${minutes} min${minutes > 1 ? "s" : ""} ago`;
|
|
427
|
-
} else if (timeDifference < 86400) {
|
|
428
|
-
const hours = Math.floor(timeDifference / 3600);
|
|
429
|
-
const remainingMinutes = Math.floor(timeDifference % 3600 / 60);
|
|
430
|
-
return `${hours} hour${hours > 1 ? "s" : ""}, ${remainingMinutes} min${remainingMinutes > 1 ? "s" : ""} ago`;
|
|
431
|
-
} else if (timeDifference < 14 * 3600) {
|
|
432
|
-
const daysAgo = Math.floor(timeDifference / 86400);
|
|
433
|
-
return `${daysAgo} day${daysAgo > 1 ? "s" : ""} ago`;
|
|
434
|
-
} else {
|
|
435
|
-
const formattedDate = inputDate.toLocaleString();
|
|
436
|
-
return formattedDate;
|
|
437
|
-
}
|
|
579
|
+
console.error("Error parsing date:", props.value, error);
|
|
438
580
|
}
|
|
439
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.
|
|
581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "inline-flex flex-wrap gap-1", children: [
|
|
582
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: localDateTime }),
|
|
583
|
+
!props.format && props.controlType != "date" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: timeZoneAbbreviation })
|
|
584
|
+
] }) });
|
|
440
585
|
};
|
|
441
586
|
var DateView_default = DateView;
|
|
442
587
|
|
|
@@ -508,8 +653,25 @@ var ProgressIndicator = (props) => {
|
|
|
508
653
|
};
|
|
509
654
|
var ProgressIndicator_default = ProgressIndicator;
|
|
510
655
|
|
|
511
|
-
// src/components/controls/view/
|
|
656
|
+
// src/components/controls/view/AiGeneratedSummary.tsx
|
|
512
657
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
658
|
+
var AiGeneratedSummary = (props) => {
|
|
659
|
+
const lines = props.value?.split("\n").filter((line) => line.trim() !== "") || [];
|
|
660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("details", { className: "group rounded-xl border-2 bg-white shadow-sm border-p overflow-hidden", children: [
|
|
661
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start gap-3 ", children: [
|
|
662
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
|
|
663
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
|
|
664
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
|
|
665
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
|
|
666
|
+
] })
|
|
667
|
+
] }) }),
|
|
668
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "list-disc pl-6 space-y-3 text-gray-700", children: lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "m-0", children: line }, index)) }) })
|
|
669
|
+
] });
|
|
670
|
+
};
|
|
671
|
+
var AiGeneratedSummary_default = AiGeneratedSummary;
|
|
672
|
+
|
|
673
|
+
// src/components/controls/view/ViewControl.tsx
|
|
674
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
513
675
|
var ViewControl = import_react9.default.forwardRef(
|
|
514
676
|
(props, ref) => {
|
|
515
677
|
const ControlComponents = {
|
|
@@ -525,16 +687,13 @@ var ViewControl = import_react9.default.forwardRef(
|
|
|
525
687
|
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
526
688
|
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
527
689
|
// [ViewControlTypes.statusBg]: StatusBg,
|
|
528
|
-
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default
|
|
690
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
|
|
529
691
|
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
530
692
|
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
531
|
-
|
|
693
|
+
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
|
|
532
694
|
};
|
|
533
695
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
534
|
-
return /* @__PURE__ */ (0,
|
|
535
|
-
props.controlType,
|
|
536
|
-
SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType
|
|
537
|
-
] });
|
|
696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react9.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
538
697
|
}
|
|
539
698
|
);
|
|
540
699
|
ViewControl.displayName = "ViewControl";
|
|
@@ -545,7 +704,7 @@ var import_react29 = __toESM(require("react"));
|
|
|
545
704
|
|
|
546
705
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
547
706
|
var import_react10 = __toESM(require("react"));
|
|
548
|
-
var
|
|
707
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
549
708
|
var MultilineTextInput = (props) => {
|
|
550
709
|
const textChangeHandler = (event) => {
|
|
551
710
|
const text = event.target.value;
|
|
@@ -564,11 +723,11 @@ var MultilineTextInput = (props) => {
|
|
|
564
723
|
if (props.value !== void 0 && props.value !== null) {
|
|
565
724
|
value = props.value;
|
|
566
725
|
}
|
|
567
|
-
return /* @__PURE__ */ (0,
|
|
568
|
-
/* @__PURE__ */ (0,
|
|
726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "block mb-1", children: [
|
|
727
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
569
728
|
" ",
|
|
570
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
571
|
-
/* @__PURE__ */ (0,
|
|
729
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-alert", children: "*" }),
|
|
730
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
572
731
|
"textarea",
|
|
573
732
|
{
|
|
574
733
|
name: props.name,
|
|
@@ -585,14 +744,14 @@ var MultilineTextInput = (props) => {
|
|
|
585
744
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
586
745
|
}
|
|
587
746
|
),
|
|
588
|
-
/* @__PURE__ */ (0,
|
|
747
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
589
748
|
] }) });
|
|
590
749
|
};
|
|
591
750
|
var MultilineTextInput_default = MultilineTextInput;
|
|
592
751
|
|
|
593
752
|
// src/components/controls/edit/LineTextInput.tsx
|
|
594
753
|
var import_react11 = __toESM(require("react"));
|
|
595
|
-
var
|
|
754
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
596
755
|
var LineTextInput = (props) => {
|
|
597
756
|
const textChangeHandler = (event) => {
|
|
598
757
|
const text = event.target.value;
|
|
@@ -611,11 +770,11 @@ var LineTextInput = (props) => {
|
|
|
611
770
|
if (props.value !== void 0 && props.value !== null) {
|
|
612
771
|
value = props.value;
|
|
613
772
|
}
|
|
614
|
-
return /* @__PURE__ */ (0,
|
|
615
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
773
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block", children: [
|
|
774
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
616
775
|
" ",
|
|
617
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
618
|
-
/* @__PURE__ */ (0,
|
|
776
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
|
|
777
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
619
778
|
"input",
|
|
620
779
|
{
|
|
621
780
|
type: "text",
|
|
@@ -637,14 +796,14 @@ var LineTextInput = (props) => {
|
|
|
637
796
|
`
|
|
638
797
|
}
|
|
639
798
|
),
|
|
640
|
-
/* @__PURE__ */ (0,
|
|
799
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
641
800
|
] }) });
|
|
642
801
|
};
|
|
643
802
|
var LineTextInput_default = LineTextInput;
|
|
644
803
|
|
|
645
804
|
// src/components/controls/edit/MoneyInput.tsx
|
|
646
805
|
var import_react12 = __toESM(require("react"));
|
|
647
|
-
var
|
|
806
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
648
807
|
var MoneyInput = (props) => {
|
|
649
808
|
const textChangeHandler = (event) => {
|
|
650
809
|
const rawValue = event.target.value;
|
|
@@ -673,11 +832,11 @@ var MoneyInput = (props) => {
|
|
|
673
832
|
e.preventDefault();
|
|
674
833
|
}
|
|
675
834
|
};
|
|
676
|
-
return /* @__PURE__ */ (0,
|
|
677
|
-
/* @__PURE__ */ (0,
|
|
835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block mb-1", children: [
|
|
836
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
678
837
|
" ",
|
|
679
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
680
|
-
/* @__PURE__ */ (0,
|
|
838
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
|
|
839
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
681
840
|
"input",
|
|
682
841
|
{
|
|
683
842
|
type: "number",
|
|
@@ -697,7 +856,7 @@ var MoneyInput = (props) => {
|
|
|
697
856
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
698
857
|
}
|
|
699
858
|
),
|
|
700
|
-
/* @__PURE__ */ (0,
|
|
859
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
701
860
|
] }) });
|
|
702
861
|
};
|
|
703
862
|
var MoneyInput_default = MoneyInput;
|
|
@@ -728,7 +887,7 @@ var InputControlType_default = InputControlType;
|
|
|
728
887
|
|
|
729
888
|
// src/components/controls/edit/Select.tsx
|
|
730
889
|
var import_react13 = require("react");
|
|
731
|
-
var
|
|
890
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
732
891
|
var Select = (props) => {
|
|
733
892
|
const [list, setList] = (0, import_react13.useState)([]);
|
|
734
893
|
const getSafeValue = (val) => {
|
|
@@ -786,10 +945,10 @@ var Select = (props) => {
|
|
|
786
945
|
props.dataSourceDependsOn
|
|
787
946
|
]);
|
|
788
947
|
const value = getSafeValue(props.value);
|
|
789
|
-
return /* @__PURE__ */ (0,
|
|
790
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
791
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
792
|
-
/* @__PURE__ */ (0,
|
|
948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block", children: [
|
|
949
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
950
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
|
|
951
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
793
952
|
"select",
|
|
794
953
|
{
|
|
795
954
|
name: props.name,
|
|
@@ -800,23 +959,23 @@ var Select = (props) => {
|
|
|
800
959
|
disabled: props.attributes?.readOnly,
|
|
801
960
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
|
|
802
961
|
children: [
|
|
803
|
-
/* @__PURE__ */ (0,
|
|
962
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
804
963
|
list.map((item, index) => {
|
|
805
964
|
const keyField = props.dataKeyFieldName;
|
|
806
965
|
const textField = props.dataTextFieldName;
|
|
807
|
-
return /* @__PURE__ */ (0,
|
|
966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
808
967
|
})
|
|
809
968
|
]
|
|
810
969
|
}
|
|
811
970
|
),
|
|
812
|
-
/* @__PURE__ */ (0,
|
|
971
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
813
972
|
] });
|
|
814
973
|
};
|
|
815
974
|
var Select_default = Select;
|
|
816
975
|
|
|
817
976
|
// src/components/controls/edit/PercentageInput.tsx
|
|
818
977
|
var import_react14 = __toESM(require("react"));
|
|
819
|
-
var
|
|
978
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
820
979
|
var PercentageInput = (props) => {
|
|
821
980
|
const textChangeHandler = (event) => {
|
|
822
981
|
const rawValue = event.target.value;
|
|
@@ -845,11 +1004,11 @@ var PercentageInput = (props) => {
|
|
|
845
1004
|
e.preventDefault();
|
|
846
1005
|
}
|
|
847
1006
|
};
|
|
848
|
-
return /* @__PURE__ */ (0,
|
|
849
|
-
/* @__PURE__ */ (0,
|
|
1007
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
|
|
1008
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
850
1009
|
" ",
|
|
851
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
852
|
-
/* @__PURE__ */ (0,
|
|
1010
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1011
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
853
1012
|
"input",
|
|
854
1013
|
{
|
|
855
1014
|
type: "number",
|
|
@@ -868,14 +1027,14 @@ var PercentageInput = (props) => {
|
|
|
868
1027
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
869
1028
|
}
|
|
870
1029
|
),
|
|
871
|
-
/* @__PURE__ */ (0,
|
|
1030
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
872
1031
|
] }) });
|
|
873
1032
|
};
|
|
874
1033
|
var PercentageInput_default = PercentageInput;
|
|
875
1034
|
|
|
876
1035
|
// src/components/controls/edit/PhoneInput.tsx
|
|
877
1036
|
var import_react15 = __toESM(require("react"));
|
|
878
|
-
var
|
|
1037
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
879
1038
|
var PhoneInput = (props) => {
|
|
880
1039
|
const textChangeHandler = (event) => {
|
|
881
1040
|
const text = event.target.value;
|
|
@@ -894,11 +1053,11 @@ var PhoneInput = (props) => {
|
|
|
894
1053
|
if (props.value !== void 0 && props.value !== null) {
|
|
895
1054
|
value = props.value;
|
|
896
1055
|
}
|
|
897
|
-
return /* @__PURE__ */ (0,
|
|
898
|
-
/* @__PURE__ */ (0,
|
|
899
|
-
/* @__PURE__ */ (0,
|
|
900
|
-
/* @__PURE__ */ (0,
|
|
901
|
-
/* @__PURE__ */ (0,
|
|
1056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block mb-1", children: [
|
|
1057
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1058
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
|
|
1059
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
|
|
1060
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
902
1061
|
"input",
|
|
903
1062
|
{
|
|
904
1063
|
type: "text",
|
|
@@ -916,14 +1075,14 @@ var PhoneInput = (props) => {
|
|
|
916
1075
|
}
|
|
917
1076
|
)
|
|
918
1077
|
] }),
|
|
919
|
-
/* @__PURE__ */ (0,
|
|
1078
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
920
1079
|
] }) });
|
|
921
1080
|
};
|
|
922
1081
|
var PhoneInput_default = PhoneInput;
|
|
923
1082
|
|
|
924
1083
|
// src/components/controls/edit/NumberInput.tsx
|
|
925
1084
|
var import_react16 = __toESM(require("react"));
|
|
926
|
-
var
|
|
1085
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
927
1086
|
var NumberInput = (props) => {
|
|
928
1087
|
const textChangeHandler = (event) => {
|
|
929
1088
|
const text = event.target.value;
|
|
@@ -946,11 +1105,11 @@ var NumberInput = (props) => {
|
|
|
946
1105
|
if (props.value !== void 0 && props.value !== null) {
|
|
947
1106
|
value = props.value;
|
|
948
1107
|
}
|
|
949
|
-
return /* @__PURE__ */ (0,
|
|
950
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block", children: [
|
|
1109
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
951
1110
|
" ",
|
|
952
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
953
|
-
/* @__PURE__ */ (0,
|
|
1111
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1112
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
954
1113
|
"input",
|
|
955
1114
|
{
|
|
956
1115
|
type: "number",
|
|
@@ -969,14 +1128,14 @@ var NumberInput = (props) => {
|
|
|
969
1128
|
className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
970
1129
|
}
|
|
971
1130
|
),
|
|
972
|
-
/* @__PURE__ */ (0,
|
|
1131
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
973
1132
|
] }) });
|
|
974
1133
|
};
|
|
975
1134
|
var NumberInput_default = NumberInput;
|
|
976
1135
|
|
|
977
1136
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
978
1137
|
var import_react17 = __toESM(require("react"));
|
|
979
|
-
var
|
|
1138
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
980
1139
|
var CheckboxInput = (props) => {
|
|
981
1140
|
const textChangeHandler = (event) => {
|
|
982
1141
|
let text = event.target.checked;
|
|
@@ -995,11 +1154,11 @@ var CheckboxInput = (props) => {
|
|
|
995
1154
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
996
1155
|
value = true;
|
|
997
1156
|
}
|
|
998
|
-
return /* @__PURE__ */ (0,
|
|
999
|
-
/* @__PURE__ */ (0,
|
|
1157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block mb-1", children: [
|
|
1158
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1000
1159
|
" ",
|
|
1001
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1002
|
-
/* @__PURE__ */ (0,
|
|
1160
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1161
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1003
1162
|
"input",
|
|
1004
1163
|
{
|
|
1005
1164
|
type: "checkbox",
|
|
@@ -1016,14 +1175,14 @@ var CheckboxInput = (props) => {
|
|
|
1016
1175
|
className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1017
1176
|
}
|
|
1018
1177
|
),
|
|
1019
|
-
/* @__PURE__ */ (0,
|
|
1178
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1020
1179
|
] }) });
|
|
1021
1180
|
};
|
|
1022
1181
|
var CheckboxInput_default = CheckboxInput;
|
|
1023
1182
|
|
|
1024
1183
|
// src/components/controls/edit/OtpInput.tsx
|
|
1025
1184
|
var import_react18 = __toESM(require("react"));
|
|
1026
|
-
var
|
|
1185
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1027
1186
|
var OtpInput = (props) => {
|
|
1028
1187
|
const textChangeHandler = (event) => {
|
|
1029
1188
|
const text = event.target.value;
|
|
@@ -1045,9 +1204,9 @@ var OtpInput = (props) => {
|
|
|
1045
1204
|
if (props.value !== void 0 && props.value !== null) {
|
|
1046
1205
|
value = props.value;
|
|
1047
1206
|
}
|
|
1048
|
-
return /* @__PURE__ */ (0,
|
|
1049
|
-
/* @__PURE__ */ (0,
|
|
1050
|
-
/* @__PURE__ */ (0,
|
|
1207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
1208
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1209
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1051
1210
|
"input",
|
|
1052
1211
|
{
|
|
1053
1212
|
type: "text",
|
|
@@ -1067,7 +1226,7 @@ var OtpInput = (props) => {
|
|
|
1067
1226
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
1068
1227
|
}
|
|
1069
1228
|
),
|
|
1070
|
-
/* @__PURE__ */ (0,
|
|
1229
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1071
1230
|
] }) });
|
|
1072
1231
|
};
|
|
1073
1232
|
var OtpInput_default = OtpInput;
|
|
@@ -1150,7 +1309,7 @@ var DateTimeUtility_default = DateTimeUtility;
|
|
|
1150
1309
|
|
|
1151
1310
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
1152
1311
|
var import_react19 = __toESM(require("react"));
|
|
1153
|
-
var
|
|
1312
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1154
1313
|
var DateTimeInput = (props) => {
|
|
1155
1314
|
const textChangeHandler = (event) => {
|
|
1156
1315
|
const localDate = new Date(event.target.value);
|
|
@@ -1185,12 +1344,12 @@ var DateTimeInput = (props) => {
|
|
|
1185
1344
|
timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
|
|
1186
1345
|
localvalue = localDate?.toISOString()?.slice(0, 16);
|
|
1187
1346
|
}
|
|
1188
|
-
return /* @__PURE__ */ (0,
|
|
1189
|
-
/* @__PURE__ */ (0,
|
|
1347
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block mb-1", children: [
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1190
1349
|
" ",
|
|
1191
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1192
|
-
/* @__PURE__ */ (0,
|
|
1193
|
-
/* @__PURE__ */ (0,
|
|
1350
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1351
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1352
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1194
1353
|
"input",
|
|
1195
1354
|
{
|
|
1196
1355
|
type: "datetime-local",
|
|
@@ -1207,16 +1366,16 @@ var DateTimeInput = (props) => {
|
|
|
1207
1366
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1208
1367
|
}
|
|
1209
1368
|
),
|
|
1210
|
-
/* @__PURE__ */ (0,
|
|
1369
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: timeZoneAbbr })
|
|
1211
1370
|
] }),
|
|
1212
|
-
/* @__PURE__ */ (0,
|
|
1371
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1213
1372
|
] }) });
|
|
1214
1373
|
};
|
|
1215
1374
|
var DateTimeInput_default = DateTimeInput;
|
|
1216
1375
|
|
|
1217
1376
|
// src/components/controls/edit/ColorInput.tsx
|
|
1218
1377
|
var import_react20 = __toESM(require("react"));
|
|
1219
|
-
var
|
|
1378
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1220
1379
|
var ColorInput = (props) => {
|
|
1221
1380
|
const [color, setColor] = import_react20.default.useState("#3b82f6");
|
|
1222
1381
|
(0, import_react20.useEffect)(() => {
|
|
@@ -1238,11 +1397,11 @@ var ColorInput = (props) => {
|
|
|
1238
1397
|
});
|
|
1239
1398
|
}
|
|
1240
1399
|
};
|
|
1241
|
-
return /* @__PURE__ */ (0,
|
|
1242
|
-
/* @__PURE__ */ (0,
|
|
1400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
|
|
1401
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1243
1402
|
" ",
|
|
1244
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1245
|
-
/* @__PURE__ */ (0,
|
|
1403
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1404
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1246
1405
|
"input",
|
|
1247
1406
|
{
|
|
1248
1407
|
type: "color",
|
|
@@ -1255,14 +1414,14 @@ var ColorInput = (props) => {
|
|
|
1255
1414
|
className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
|
|
1256
1415
|
}
|
|
1257
1416
|
),
|
|
1258
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
1417
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
|
|
1259
1418
|
] });
|
|
1260
1419
|
};
|
|
1261
1420
|
var ColorInput_default = ColorInput;
|
|
1262
1421
|
|
|
1263
1422
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
1264
1423
|
var import_react21 = require("react");
|
|
1265
|
-
var
|
|
1424
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1266
1425
|
var SelectWithSearchInput = (props) => {
|
|
1267
1426
|
const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
|
|
1268
1427
|
const [searchTerm, setSearchTerm] = (0, import_react21.useState)("");
|
|
@@ -1333,12 +1492,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1333
1492
|
});
|
|
1334
1493
|
}
|
|
1335
1494
|
}, [highlightedIndex]);
|
|
1336
|
-
return /* @__PURE__ */ (0,
|
|
1337
|
-
/* @__PURE__ */ (0,
|
|
1495
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
|
|
1496
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { children: props.attributes?.label }),
|
|
1338
1497
|
" ",
|
|
1339
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1340
|
-
/* @__PURE__ */ (0,
|
|
1341
|
-
/* @__PURE__ */ (0,
|
|
1498
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1499
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
|
|
1500
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1342
1501
|
"input",
|
|
1343
1502
|
{
|
|
1344
1503
|
type: "text",
|
|
@@ -1354,13 +1513,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
1354
1513
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1355
1514
|
}
|
|
1356
1515
|
),
|
|
1357
|
-
/* @__PURE__ */ (0,
|
|
1516
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1358
1517
|
"button",
|
|
1359
1518
|
{
|
|
1360
1519
|
type: "button",
|
|
1361
1520
|
onClick: () => setIsOpen(!isOpen),
|
|
1362
1521
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1363
|
-
children: /* @__PURE__ */ (0,
|
|
1522
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1364
1523
|
"svg",
|
|
1365
1524
|
{
|
|
1366
1525
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1369,7 +1528,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
1369
1528
|
strokeWidth: 1.5,
|
|
1370
1529
|
stroke: "currentColor",
|
|
1371
1530
|
className: "w-full h-full",
|
|
1372
|
-
children: /* @__PURE__ */ (0,
|
|
1531
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1373
1532
|
"path",
|
|
1374
1533
|
{
|
|
1375
1534
|
strokeLinecap: "round",
|
|
@@ -1382,12 +1541,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1382
1541
|
}
|
|
1383
1542
|
)
|
|
1384
1543
|
] }),
|
|
1385
|
-
isOpen && /* @__PURE__ */ (0,
|
|
1544
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1386
1545
|
"div",
|
|
1387
1546
|
{
|
|
1388
1547
|
ref: dropdownRef,
|
|
1389
1548
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
1390
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1549
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1391
1550
|
"button",
|
|
1392
1551
|
{
|
|
1393
1552
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1395,10 +1554,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
1395
1554
|
role: "option",
|
|
1396
1555
|
tabIndex: -1,
|
|
1397
1556
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1398
|
-
children: /* @__PURE__ */ (0,
|
|
1557
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
1399
1558
|
},
|
|
1400
1559
|
item[props.dataKeyFieldName]
|
|
1401
|
-
)) : /* @__PURE__ */ (0,
|
|
1560
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1402
1561
|
}
|
|
1403
1562
|
)
|
|
1404
1563
|
] });
|
|
@@ -1464,7 +1623,7 @@ var import_react23 = require("react");
|
|
|
1464
1623
|
|
|
1465
1624
|
// src/components/ClientButton.tsx
|
|
1466
1625
|
var import_react22 = __toESM(require("react"));
|
|
1467
|
-
var
|
|
1626
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1468
1627
|
var ClientButton = (props) => {
|
|
1469
1628
|
const execute = async (event) => {
|
|
1470
1629
|
if (props.onClick !== void 0) {
|
|
@@ -1474,7 +1633,7 @@ var ClientButton = (props) => {
|
|
|
1474
1633
|
}
|
|
1475
1634
|
};
|
|
1476
1635
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1477
|
-
return /* @__PURE__ */ (0,
|
|
1636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1478
1637
|
"button",
|
|
1479
1638
|
{
|
|
1480
1639
|
type: "button",
|
|
@@ -1487,7 +1646,7 @@ var ClientButton = (props) => {
|
|
|
1487
1646
|
var ClientButton_default = ClientButton;
|
|
1488
1647
|
|
|
1489
1648
|
// src/components/Confirm.tsx
|
|
1490
|
-
var
|
|
1649
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1491
1650
|
var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1492
1651
|
const [showModal, setShowModal] = (0, import_react23.useState)(true);
|
|
1493
1652
|
const handleConfirmAction = () => {
|
|
@@ -1502,13 +1661,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1502
1661
|
onCancel();
|
|
1503
1662
|
}
|
|
1504
1663
|
};
|
|
1505
|
-
return /* @__PURE__ */ (0,
|
|
1506
|
-
/* @__PURE__ */ (0,
|
|
1507
|
-
/* @__PURE__ */ (0,
|
|
1508
|
-
/* @__PURE__ */ (0,
|
|
1509
|
-
/* @__PURE__ */ (0,
|
|
1510
|
-
/* @__PURE__ */ (0,
|
|
1511
|
-
/* @__PURE__ */ (0,
|
|
1664
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1665
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1666
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1667
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1668
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mb-4", children: message }),
|
|
1669
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
1670
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1512
1671
|
ClientButton_default,
|
|
1513
1672
|
{
|
|
1514
1673
|
onClick: handleCancelAction,
|
|
@@ -1516,7 +1675,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1516
1675
|
children: "Cancel"
|
|
1517
1676
|
}
|
|
1518
1677
|
),
|
|
1519
|
-
/* @__PURE__ */ (0,
|
|
1678
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1520
1679
|
ClientButton_default,
|
|
1521
1680
|
{
|
|
1522
1681
|
onClick: handleConfirmAction,
|
|
@@ -1532,7 +1691,7 @@ var Confirm_default = Confirm;
|
|
|
1532
1691
|
}
|
|
1533
1692
|
|
|
1534
1693
|
// src/components/Button.tsx
|
|
1535
|
-
var
|
|
1694
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1536
1695
|
var Button = (props) => {
|
|
1537
1696
|
const [inProgress, setInProgress] = (0, import_react24.useState)(false);
|
|
1538
1697
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react24.useState)(false);
|
|
@@ -1581,14 +1740,14 @@ var Button = (props) => {
|
|
|
1581
1740
|
return new Promise((resolve) => {
|
|
1582
1741
|
const onConfirm = () => resolve(true);
|
|
1583
1742
|
const onCancel = () => resolve(false);
|
|
1584
|
-
setShowModal(/* @__PURE__ */ (0,
|
|
1743
|
+
setShowModal(/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
1585
1744
|
});
|
|
1586
1745
|
};
|
|
1587
1746
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1588
1747
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
1589
1748
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
1590
|
-
return /* @__PURE__ */ (0,
|
|
1591
|
-
/* @__PURE__ */ (0,
|
|
1749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react24.default.Fragment, { children: [
|
|
1750
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
1592
1751
|
"button",
|
|
1593
1752
|
{
|
|
1594
1753
|
type: "submit",
|
|
@@ -1598,9 +1757,9 @@ var Button = (props) => {
|
|
|
1598
1757
|
className: buttonClass + " relative " + props.className,
|
|
1599
1758
|
children: [
|
|
1600
1759
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
1601
|
-
inProgress && /* @__PURE__ */ (0,
|
|
1602
|
-
/* @__PURE__ */ (0,
|
|
1603
|
-
/* @__PURE__ */ (0,
|
|
1760
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react24.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
|
|
1761
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
1762
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
|
|
1604
1763
|
] }) })
|
|
1605
1764
|
]
|
|
1606
1765
|
}
|
|
@@ -1612,7 +1771,7 @@ var Button_default = Button;
|
|
|
1612
1771
|
|
|
1613
1772
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
1614
1773
|
var import_react25 = __toESM(require("react"));
|
|
1615
|
-
var
|
|
1774
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1616
1775
|
var SelectWithSearchPanel = (props) => {
|
|
1617
1776
|
const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
|
|
1618
1777
|
const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
|
|
@@ -1748,9 +1907,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1748
1907
|
console.log("Form Data:", formData);
|
|
1749
1908
|
return formData;
|
|
1750
1909
|
}, []);
|
|
1751
|
-
return /* @__PURE__ */ (0,
|
|
1752
|
-
/* @__PURE__ */ (0,
|
|
1753
|
-
/* @__PURE__ */ (0,
|
|
1910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
|
|
1911
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
|
|
1912
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1754
1913
|
"input",
|
|
1755
1914
|
{
|
|
1756
1915
|
type: "text",
|
|
@@ -1764,14 +1923,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1764
1923
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
1765
1924
|
}
|
|
1766
1925
|
) }),
|
|
1767
|
-
/* @__PURE__ */ (0,
|
|
1768
|
-
/* @__PURE__ */ (0,
|
|
1769
|
-
/* @__PURE__ */ (0,
|
|
1926
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react25.default.Fragment, { children: [
|
|
1927
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
1928
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
1770
1929
|
"Select a",
|
|
1771
1930
|
" ",
|
|
1772
1931
|
props.attributes?.label || props.attributes?.heading
|
|
1773
1932
|
] }) }),
|
|
1774
|
-
/* @__PURE__ */ (0,
|
|
1933
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1775
1934
|
"button",
|
|
1776
1935
|
{
|
|
1777
1936
|
type: "button",
|
|
@@ -1784,12 +1943,12 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1784
1943
|
}
|
|
1785
1944
|
) })
|
|
1786
1945
|
] }),
|
|
1787
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
1788
|
-
/* @__PURE__ */ (0,
|
|
1946
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
|
|
1947
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
1789
1948
|
"Create New ",
|
|
1790
1949
|
props.attributes?.label
|
|
1791
1950
|
] }) }),
|
|
1792
|
-
/* @__PURE__ */ (0,
|
|
1951
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1793
1952
|
"button",
|
|
1794
1953
|
{
|
|
1795
1954
|
type: "button",
|
|
@@ -1798,10 +1957,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1798
1957
|
children: "Close"
|
|
1799
1958
|
}
|
|
1800
1959
|
) }),
|
|
1801
|
-
/* @__PURE__ */ (0,
|
|
1802
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
1803
|
-
/* @__PURE__ */ (0,
|
|
1804
|
-
/* @__PURE__ */ (0,
|
|
1960
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-4", children: [
|
|
1961
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-4", children: [
|
|
1962
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
1963
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1805
1964
|
"input",
|
|
1806
1965
|
{
|
|
1807
1966
|
type: field.type,
|
|
@@ -1817,7 +1976,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1817
1976
|
}
|
|
1818
1977
|
)
|
|
1819
1978
|
] }, field.name)),
|
|
1820
|
-
/* @__PURE__ */ (0,
|
|
1979
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button_default, { onClick: async () => {
|
|
1821
1980
|
handleSaveModal();
|
|
1822
1981
|
return { isSuccessful: true };
|
|
1823
1982
|
}, className: "w-full", children: [
|
|
@@ -1826,13 +1985,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1826
1985
|
] })
|
|
1827
1986
|
] })
|
|
1828
1987
|
] }),
|
|
1829
|
-
/* @__PURE__ */ (0,
|
|
1988
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1830
1989
|
"div",
|
|
1831
1990
|
{
|
|
1832
1991
|
ref: listRef,
|
|
1833
1992
|
className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
|
|
1834
1993
|
style: { height: "calc(100vh - 130px)" },
|
|
1835
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1994
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1836
1995
|
"button",
|
|
1837
1996
|
{
|
|
1838
1997
|
onClick: (e) => {
|
|
@@ -1842,9 +2001,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1842
2001
|
role: "option",
|
|
1843
2002
|
tabIndex: -1,
|
|
1844
2003
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1845
|
-
children: /* @__PURE__ */ (0,
|
|
2004
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
1846
2005
|
}
|
|
1847
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2006
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1848
2007
|
}
|
|
1849
2008
|
)
|
|
1850
2009
|
] }) })
|
|
@@ -1854,7 +2013,7 @@ var SelectWithSearchPanel_default = SelectWithSearchPanel;
|
|
|
1854
2013
|
|
|
1855
2014
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
1856
2015
|
var import_react26 = __toESM(require("react"));
|
|
1857
|
-
var
|
|
2016
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1858
2017
|
var BooleanSelect = (props) => {
|
|
1859
2018
|
const [list, setList] = (0, import_react26.useState)();
|
|
1860
2019
|
const textChangeHandler = (event) => {
|
|
@@ -1903,11 +2062,11 @@ var BooleanSelect = (props) => {
|
|
|
1903
2062
|
if (props.value !== void 0 && props.value !== null) {
|
|
1904
2063
|
value = props.value;
|
|
1905
2064
|
}
|
|
1906
|
-
return /* @__PURE__ */ (0,
|
|
1907
|
-
/* @__PURE__ */ (0,
|
|
2065
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block", children: [
|
|
2066
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1908
2067
|
" ",
|
|
1909
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1910
|
-
/* @__PURE__ */ (0,
|
|
2068
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2069
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
1911
2070
|
"select",
|
|
1912
2071
|
{
|
|
1913
2072
|
name: props.name,
|
|
@@ -1919,9 +2078,9 @@ var BooleanSelect = (props) => {
|
|
|
1919
2078
|
disabled: props?.attributes?.readOnly,
|
|
1920
2079
|
className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
1921
2080
|
children: [
|
|
1922
|
-
/* @__PURE__ */ (0,
|
|
2081
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
1923
2082
|
list && list.map((item, i) => {
|
|
1924
|
-
return /* @__PURE__ */ (0,
|
|
2083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
1925
2084
|
"option",
|
|
1926
2085
|
{
|
|
1927
2086
|
className: "fac-select-option",
|
|
@@ -1934,14 +2093,14 @@ var BooleanSelect = (props) => {
|
|
|
1934
2093
|
]
|
|
1935
2094
|
}
|
|
1936
2095
|
),
|
|
1937
|
-
/* @__PURE__ */ (0,
|
|
2096
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1938
2097
|
] }) });
|
|
1939
2098
|
};
|
|
1940
2099
|
var BooleanSelect_default = BooleanSelect;
|
|
1941
2100
|
|
|
1942
2101
|
// src/components/controls/edit/EmailInput.tsx
|
|
1943
2102
|
var import_react27 = __toESM(require("react"));
|
|
1944
|
-
var
|
|
2103
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1945
2104
|
var EmailInput = (props) => {
|
|
1946
2105
|
const textChangeHandler = (event) => {
|
|
1947
2106
|
const text = event.target.value;
|
|
@@ -1966,11 +2125,11 @@ var EmailInput = (props) => {
|
|
|
1966
2125
|
if (props.value !== void 0 && props.value !== null) {
|
|
1967
2126
|
value = props.value;
|
|
1968
2127
|
}
|
|
1969
|
-
return /* @__PURE__ */ (0,
|
|
1970
|
-
/* @__PURE__ */ (0,
|
|
2128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
|
|
2129
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
1971
2130
|
" ",
|
|
1972
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1973
|
-
/* @__PURE__ */ (0,
|
|
2131
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2132
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
1974
2133
|
"input",
|
|
1975
2134
|
{
|
|
1976
2135
|
type: "email",
|
|
@@ -1986,14 +2145,14 @@ var EmailInput = (props) => {
|
|
|
1986
2145
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
|
|
1987
2146
|
}
|
|
1988
2147
|
),
|
|
1989
|
-
/* @__PURE__ */ (0,
|
|
2148
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1990
2149
|
] }) });
|
|
1991
2150
|
};
|
|
1992
2151
|
var EmailInput_default = EmailInput;
|
|
1993
2152
|
|
|
1994
2153
|
// src/components/controls/edit/TimeInput.tsx
|
|
1995
2154
|
var import_react28 = __toESM(require("react"));
|
|
1996
|
-
var
|
|
2155
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1997
2156
|
var TimeInput = (props) => {
|
|
1998
2157
|
const timeChangeHandler = (event) => {
|
|
1999
2158
|
const timeValue = event.target.value;
|
|
@@ -2006,10 +2165,10 @@ var TimeInput = (props) => {
|
|
|
2006
2165
|
});
|
|
2007
2166
|
}
|
|
2008
2167
|
};
|
|
2009
|
-
return /* @__PURE__ */ (0,
|
|
2010
|
-
/* @__PURE__ */ (0,
|
|
2011
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2012
|
-
/* @__PURE__ */ (0,
|
|
2168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
|
|
2169
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2170
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2171
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2013
2172
|
"input",
|
|
2014
2173
|
{
|
|
2015
2174
|
type: "time",
|
|
@@ -2022,13 +2181,13 @@ var TimeInput = (props) => {
|
|
|
2022
2181
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
2023
2182
|
}
|
|
2024
2183
|
) }),
|
|
2025
|
-
/* @__PURE__ */ (0,
|
|
2184
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
2026
2185
|
] }) });
|
|
2027
2186
|
};
|
|
2028
2187
|
var TimeInput_default = TimeInput;
|
|
2029
2188
|
|
|
2030
2189
|
// src/components/controls/edit/InputControl.tsx
|
|
2031
|
-
var
|
|
2190
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2032
2191
|
var InputControl = import_react29.default.forwardRef(
|
|
2033
2192
|
(props, ref) => {
|
|
2034
2193
|
const ControlComponents = {
|
|
@@ -2050,7 +2209,7 @@ var InputControl = import_react29.default.forwardRef(
|
|
|
2050
2209
|
[InputControlType_default.timeInput]: TimeInput_default
|
|
2051
2210
|
};
|
|
2052
2211
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
2053
|
-
return /* @__PURE__ */ (0,
|
|
2212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react29.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
2054
2213
|
}
|
|
2055
2214
|
);
|
|
2056
2215
|
InputControl.displayName = "InputControl";
|
|
@@ -2062,46 +2221,46 @@ var import_navigation = require("next/navigation");
|
|
|
2062
2221
|
|
|
2063
2222
|
// src/components/dataForm/NoContentView.tsx
|
|
2064
2223
|
var import_react30 = __toESM(require("react"));
|
|
2065
|
-
var
|
|
2224
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2066
2225
|
var NoContentView = (props) => {
|
|
2067
|
-
return /* @__PURE__ */ (0,
|
|
2226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react30.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
2068
2227
|
};
|
|
2069
2228
|
var NoContentView_default = NoContentView;
|
|
2070
2229
|
|
|
2071
2230
|
// src/components/dataForm/ContentView.tsx
|
|
2072
2231
|
var import_react31 = __toESM(require("react"));
|
|
2073
|
-
var
|
|
2232
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2074
2233
|
var ContentView = (props) => {
|
|
2075
|
-
return /* @__PURE__ */ (0,
|
|
2076
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
2077
|
-
/* @__PURE__ */ (0,
|
|
2078
|
-
/* @__PURE__ */ (0,
|
|
2079
|
-
/* @__PURE__ */ (0,
|
|
2080
|
-
/* @__PURE__ */ (0,
|
|
2081
|
-
/* @__PURE__ */ (0,
|
|
2234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react31.default.Fragment, { children: [
|
|
2235
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
2237
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
2238
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "ml-2", children: [
|
|
2239
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
2240
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
2082
2241
|
] })
|
|
2083
2242
|
] }),
|
|
2084
|
-
/* @__PURE__ */ (0,
|
|
2085
|
-
/* @__PURE__ */ (0,
|
|
2086
|
-
/* @__PURE__ */ (0,
|
|
2087
|
-
/* @__PURE__ */ (0,
|
|
2088
|
-
/* @__PURE__ */ (0,
|
|
2089
|
-
/* @__PURE__ */ (0,
|
|
2090
|
-
/* @__PURE__ */ (0,
|
|
2243
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
2244
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2245
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2246
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2247
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2248
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2249
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2091
2250
|
] }),
|
|
2092
|
-
/* @__PURE__ */ (0,
|
|
2093
|
-
/* @__PURE__ */ (0,
|
|
2094
|
-
/* @__PURE__ */ (0,
|
|
2095
|
-
/* @__PURE__ */ (0,
|
|
2096
|
-
/* @__PURE__ */ (0,
|
|
2097
|
-
/* @__PURE__ */ (0,
|
|
2251
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2254
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2255
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2256
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2098
2257
|
] }),
|
|
2099
|
-
/* @__PURE__ */ (0,
|
|
2100
|
-
/* @__PURE__ */ (0,
|
|
2101
|
-
/* @__PURE__ */ (0,
|
|
2102
|
-
/* @__PURE__ */ (0,
|
|
2103
|
-
/* @__PURE__ */ (0,
|
|
2104
|
-
/* @__PURE__ */ (0,
|
|
2258
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2259
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2260
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2261
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2262
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2263
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2105
2264
|
] })
|
|
2106
2265
|
] })
|
|
2107
2266
|
] }) }),
|
|
@@ -2112,7 +2271,7 @@ var ContentView_default = ContentView;
|
|
|
2112
2271
|
|
|
2113
2272
|
// src/components/dataForm/Hyperlink.tsx
|
|
2114
2273
|
var import_link = __toESM(require("next/link"));
|
|
2115
|
-
var
|
|
2274
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2116
2275
|
function Hyperlink(props) {
|
|
2117
2276
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
|
|
2118
2277
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -2120,7 +2279,7 @@ function Hyperlink(props) {
|
|
|
2120
2279
|
if (target == "_blank") {
|
|
2121
2280
|
additionalProps.rel = "noopener noreferrer";
|
|
2122
2281
|
}
|
|
2123
|
-
return /* @__PURE__ */ (0,
|
|
2282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2124
2283
|
import_link.default,
|
|
2125
2284
|
{
|
|
2126
2285
|
href: props.href,
|
|
@@ -2130,7 +2289,7 @@ function Hyperlink(props) {
|
|
|
2130
2289
|
target,
|
|
2131
2290
|
children: props.children
|
|
2132
2291
|
}
|
|
2133
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
2292
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: props.className, children: props.children }) });
|
|
2134
2293
|
}
|
|
2135
2294
|
|
|
2136
2295
|
// src/clients/OdataBuilder.tsx
|
|
@@ -2288,30 +2447,30 @@ var OdataBuilder = class {
|
|
|
2288
2447
|
};
|
|
2289
2448
|
|
|
2290
2449
|
// src/svg/chevron-updown.tsx
|
|
2291
|
-
var
|
|
2450
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2292
2451
|
var ChevronUpDown = (props) => {
|
|
2293
|
-
return /* @__PURE__ */ (0,
|
|
2452
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2294
2453
|
};
|
|
2295
2454
|
var chevron_updown_default = ChevronUpDown;
|
|
2296
2455
|
|
|
2297
2456
|
// src/svg/chevron-down.tsx
|
|
2298
|
-
var
|
|
2457
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2299
2458
|
var ChevronDown = (props) => {
|
|
2300
|
-
return /* @__PURE__ */ (0,
|
|
2459
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2301
2460
|
};
|
|
2302
2461
|
var chevron_down_default = ChevronDown;
|
|
2303
2462
|
|
|
2304
2463
|
// src/svg/chevron-up.tsx
|
|
2305
|
-
var
|
|
2464
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2306
2465
|
var ChevronUp = (props) => {
|
|
2307
|
-
return /* @__PURE__ */ (0,
|
|
2466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2308
2467
|
};
|
|
2309
2468
|
var chevron_up_default = ChevronUp;
|
|
2310
2469
|
|
|
2311
2470
|
// src/svg/plus.tsx
|
|
2312
|
-
var
|
|
2471
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2313
2472
|
var Plus = (props) => {
|
|
2314
|
-
return /* @__PURE__ */ (0,
|
|
2473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2315
2474
|
};
|
|
2316
2475
|
var plus_default = Plus;
|
|
2317
2476
|
|
|
@@ -2325,14 +2484,14 @@ var Icons = {
|
|
|
2325
2484
|
var Icons_default = Icons;
|
|
2326
2485
|
|
|
2327
2486
|
// src/svg/Icon.tsx
|
|
2328
|
-
var
|
|
2487
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2329
2488
|
var Icon = ({ name, className, ...props }) => {
|
|
2330
2489
|
const IconComponent = Icons_default[name];
|
|
2331
2490
|
if (!IconComponent) {
|
|
2332
2491
|
console.error(`Icon "${name}" not found.`);
|
|
2333
2492
|
return null;
|
|
2334
2493
|
}
|
|
2335
|
-
return /* @__PURE__ */ (0,
|
|
2494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IconComponent, { ...props, className });
|
|
2336
2495
|
};
|
|
2337
2496
|
var Icon_default = Icon;
|
|
2338
2497
|
|
|
@@ -2381,7 +2540,7 @@ function FormReducer(state, action) {
|
|
|
2381
2540
|
var FormReducer_default = FormReducer;
|
|
2382
2541
|
|
|
2383
2542
|
// src/components/dataForm/DataList.tsx
|
|
2384
|
-
var
|
|
2543
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2385
2544
|
var DataList = (props) => {
|
|
2386
2545
|
console.log(props.dataset, "datasetssssss");
|
|
2387
2546
|
const router = (0, import_navigation.useRouter)();
|
|
@@ -2404,7 +2563,7 @@ var DataList = (props) => {
|
|
|
2404
2563
|
if (path.includes(".")) {
|
|
2405
2564
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
2406
2565
|
} else if (Array.isArray(obj[path])) {
|
|
2407
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
2566
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: item }, index));
|
|
2408
2567
|
} else {
|
|
2409
2568
|
return obj[path];
|
|
2410
2569
|
}
|
|
@@ -2460,30 +2619,30 @@ var DataList = (props) => {
|
|
|
2460
2619
|
const renderPageNumbers = () => {
|
|
2461
2620
|
if (pages <= 10) {
|
|
2462
2621
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
2463
|
-
(page) => /* @__PURE__ */ (0,
|
|
2622
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2464
2623
|
Hyperlink,
|
|
2465
2624
|
{
|
|
2466
2625
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2467
2626
|
href: builder.getNewPageUrl(page),
|
|
2468
2627
|
children: page
|
|
2469
2628
|
}
|
|
2470
|
-
) : /* @__PURE__ */ (0,
|
|
2629
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2471
2630
|
);
|
|
2472
2631
|
} else {
|
|
2473
2632
|
const showFirstPages = activePageNumber <= 5;
|
|
2474
2633
|
const showLastPages = activePageNumber > pages - 5;
|
|
2475
2634
|
if (showFirstPages) {
|
|
2476
|
-
return /* @__PURE__ */ (0,
|
|
2477
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
2635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2636
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2478
2637
|
Hyperlink,
|
|
2479
2638
|
{
|
|
2480
2639
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2481
2640
|
href: builder.getNewPageUrl(page),
|
|
2482
2641
|
children: page
|
|
2483
2642
|
}
|
|
2484
|
-
) : /* @__PURE__ */ (0,
|
|
2485
|
-
/* @__PURE__ */ (0,
|
|
2486
|
-
/* @__PURE__ */ (0,
|
|
2643
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2644
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2645
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2487
2646
|
Hyperlink,
|
|
2488
2647
|
{
|
|
2489
2648
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2491,7 +2650,7 @@ var DataList = (props) => {
|
|
|
2491
2650
|
children: pages - 1
|
|
2492
2651
|
}
|
|
2493
2652
|
),
|
|
2494
|
-
/* @__PURE__ */ (0,
|
|
2653
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2495
2654
|
Hyperlink,
|
|
2496
2655
|
{
|
|
2497
2656
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2499,7 +2658,7 @@ var DataList = (props) => {
|
|
|
2499
2658
|
children: pages
|
|
2500
2659
|
}
|
|
2501
2660
|
),
|
|
2502
|
-
/* @__PURE__ */ (0,
|
|
2661
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2503
2662
|
"select",
|
|
2504
2663
|
{
|
|
2505
2664
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2511,18 +2670,18 @@ var DataList = (props) => {
|
|
|
2511
2670
|
}
|
|
2512
2671
|
},
|
|
2513
2672
|
children: [
|
|
2514
|
-
/* @__PURE__ */ (0,
|
|
2673
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
2515
2674
|
Array.from(
|
|
2516
2675
|
{ length: Math.max(0, pages - 10) },
|
|
2517
2676
|
(_, index) => index + 9
|
|
2518
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
2677
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: page, children: page }, page))
|
|
2519
2678
|
]
|
|
2520
2679
|
}
|
|
2521
2680
|
) })
|
|
2522
2681
|
] });
|
|
2523
2682
|
} else if (showLastPages) {
|
|
2524
|
-
return /* @__PURE__ */ (0,
|
|
2525
|
-
/* @__PURE__ */ (0,
|
|
2683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2684
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2526
2685
|
Hyperlink,
|
|
2527
2686
|
{
|
|
2528
2687
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2530,7 +2689,7 @@ var DataList = (props) => {
|
|
|
2530
2689
|
children: "1"
|
|
2531
2690
|
}
|
|
2532
2691
|
),
|
|
2533
|
-
/* @__PURE__ */ (0,
|
|
2692
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2534
2693
|
Hyperlink,
|
|
2535
2694
|
{
|
|
2536
2695
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2538,21 +2697,21 @@ var DataList = (props) => {
|
|
|
2538
2697
|
children: "2"
|
|
2539
2698
|
}
|
|
2540
2699
|
),
|
|
2541
|
-
/* @__PURE__ */ (0,
|
|
2700
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2542
2701
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
2543
|
-
(page) => /* @__PURE__ */ (0,
|
|
2702
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2544
2703
|
Hyperlink,
|
|
2545
2704
|
{
|
|
2546
2705
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2547
2706
|
href: builder.getNewPageUrl(page),
|
|
2548
2707
|
children: page
|
|
2549
2708
|
}
|
|
2550
|
-
) : /* @__PURE__ */ (0,
|
|
2709
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2551
2710
|
)
|
|
2552
2711
|
] });
|
|
2553
2712
|
} else {
|
|
2554
|
-
return /* @__PURE__ */ (0,
|
|
2555
|
-
/* @__PURE__ */ (0,
|
|
2713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2714
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2556
2715
|
Hyperlink,
|
|
2557
2716
|
{
|
|
2558
2717
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2560,7 +2719,7 @@ var DataList = (props) => {
|
|
|
2560
2719
|
children: "1"
|
|
2561
2720
|
}
|
|
2562
2721
|
),
|
|
2563
|
-
/* @__PURE__ */ (0,
|
|
2722
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2564
2723
|
Hyperlink,
|
|
2565
2724
|
{
|
|
2566
2725
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2568,20 +2727,20 @@ var DataList = (props) => {
|
|
|
2568
2727
|
children: "2"
|
|
2569
2728
|
}
|
|
2570
2729
|
),
|
|
2571
|
-
/* @__PURE__ */ (0,
|
|
2730
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2572
2731
|
Array.from(
|
|
2573
2732
|
{ length: 5 },
|
|
2574
2733
|
(_, index) => activePageNumber - 2 + index
|
|
2575
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
2734
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2576
2735
|
Hyperlink,
|
|
2577
2736
|
{
|
|
2578
2737
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2579
2738
|
href: builder.getNewPageUrl(page),
|
|
2580
2739
|
children: page
|
|
2581
2740
|
}
|
|
2582
|
-
) : /* @__PURE__ */ (0,
|
|
2583
|
-
/* @__PURE__ */ (0,
|
|
2584
|
-
/* @__PURE__ */ (0,
|
|
2741
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2742
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2743
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2585
2744
|
Hyperlink,
|
|
2586
2745
|
{
|
|
2587
2746
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2589,7 +2748,7 @@ var DataList = (props) => {
|
|
|
2589
2748
|
children: pages - 1
|
|
2590
2749
|
}
|
|
2591
2750
|
),
|
|
2592
|
-
/* @__PURE__ */ (0,
|
|
2751
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2593
2752
|
Hyperlink,
|
|
2594
2753
|
{
|
|
2595
2754
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2597,7 +2756,7 @@ var DataList = (props) => {
|
|
|
2597
2756
|
children: pages
|
|
2598
2757
|
}
|
|
2599
2758
|
),
|
|
2600
|
-
/* @__PURE__ */ (0,
|
|
2759
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2601
2760
|
"select",
|
|
2602
2761
|
{
|
|
2603
2762
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2609,8 +2768,8 @@ var DataList = (props) => {
|
|
|
2609
2768
|
}
|
|
2610
2769
|
},
|
|
2611
2770
|
children: [
|
|
2612
|
-
/* @__PURE__ */ (0,
|
|
2613
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
2771
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", children: "Jump to" }),
|
|
2772
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: page, children: page }, page))
|
|
2614
2773
|
]
|
|
2615
2774
|
}
|
|
2616
2775
|
) })
|
|
@@ -2618,16 +2777,16 @@ var DataList = (props) => {
|
|
|
2618
2777
|
}
|
|
2619
2778
|
}
|
|
2620
2779
|
};
|
|
2621
|
-
return /* @__PURE__ */ (0,
|
|
2622
|
-
/* @__PURE__ */ (0,
|
|
2623
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
2780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react32.default.Fragment, { children: [
|
|
2781
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(ContentView_default, { isDataFound, children: [
|
|
2782
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2624
2783
|
"div",
|
|
2625
2784
|
{
|
|
2626
2785
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
|
|
2627
2786
|
children: [
|
|
2628
|
-
props.title ? /* @__PURE__ */ (0,
|
|
2629
|
-
/* @__PURE__ */ (0,
|
|
2630
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
2787
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {}),
|
|
2788
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2789
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2631
2790
|
InputControl_default,
|
|
2632
2791
|
{
|
|
2633
2792
|
name: filter.name,
|
|
@@ -2642,15 +2801,15 @@ var DataList = (props) => {
|
|
|
2642
2801
|
},
|
|
2643
2802
|
filter.name
|
|
2644
2803
|
)),
|
|
2645
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
2804
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2646
2805
|
Hyperlink,
|
|
2647
2806
|
{
|
|
2648
2807
|
className: "gap-1",
|
|
2649
2808
|
linkType: "Primary" /* Solid */,
|
|
2650
2809
|
href: props.addLinkHref,
|
|
2651
2810
|
children: [
|
|
2652
|
-
/* @__PURE__ */ (0,
|
|
2653
|
-
/* @__PURE__ */ (0,
|
|
2811
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2812
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2654
2813
|
]
|
|
2655
2814
|
}
|
|
2656
2815
|
)
|
|
@@ -2658,8 +2817,8 @@ var DataList = (props) => {
|
|
|
2658
2817
|
]
|
|
2659
2818
|
}
|
|
2660
2819
|
),
|
|
2661
|
-
/* @__PURE__ */ (0,
|
|
2662
|
-
/* @__PURE__ */ (0,
|
|
2820
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
2821
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
2663
2822
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2664
2823
|
let icon = "chevronUpDown";
|
|
2665
2824
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2669,36 +2828,36 @@ var DataList = (props) => {
|
|
|
2669
2828
|
icon = "chevronUp";
|
|
2670
2829
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2671
2830
|
}
|
|
2672
|
-
return /* @__PURE__ */ (0,
|
|
2831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2673
2832
|
"th",
|
|
2674
2833
|
{
|
|
2675
2834
|
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2676
|
-
children: /* @__PURE__ */ (0,
|
|
2677
|
-
/* @__PURE__ */ (0,
|
|
2678
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
2835
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-black", children: column.label }),
|
|
2837
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2679
2838
|
] }) })
|
|
2680
2839
|
},
|
|
2681
2840
|
column.name
|
|
2682
2841
|
);
|
|
2683
2842
|
}) }) }),
|
|
2684
|
-
/* @__PURE__ */ (0,
|
|
2843
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
2685
2844
|
let validityClass = "";
|
|
2686
2845
|
console.log("dataitem", dataitem);
|
|
2687
2846
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
2688
2847
|
validityClass = "bg-alert-200";
|
|
2689
2848
|
}
|
|
2690
|
-
return /* @__PURE__ */ (0,
|
|
2849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
2691
2850
|
console.log("column", column);
|
|
2692
|
-
return /* @__PURE__ */ (0,
|
|
2851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2693
2852
|
"td",
|
|
2694
2853
|
{
|
|
2695
2854
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
2696
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
2855
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2697
2856
|
Hyperlink,
|
|
2698
2857
|
{
|
|
2699
2858
|
className: "",
|
|
2700
2859
|
href: `https://${dataitem[column.name]}`,
|
|
2701
|
-
children: /* @__PURE__ */ (0,
|
|
2860
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2702
2861
|
ViewControl_default,
|
|
2703
2862
|
{
|
|
2704
2863
|
controlType: column.controlType,
|
|
@@ -2711,11 +2870,11 @@ var DataList = (props) => {
|
|
|
2711
2870
|
}
|
|
2712
2871
|
)
|
|
2713
2872
|
}
|
|
2714
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
2873
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2715
2874
|
Hyperlink,
|
|
2716
2875
|
{
|
|
2717
2876
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
2718
|
-
children: /* @__PURE__ */ (0,
|
|
2877
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2719
2878
|
ViewControl_default,
|
|
2720
2879
|
{
|
|
2721
2880
|
controlType: column.controlType,
|
|
@@ -2725,7 +2884,7 @@ var DataList = (props) => {
|
|
|
2725
2884
|
}
|
|
2726
2885
|
)
|
|
2727
2886
|
}
|
|
2728
|
-
) : /* @__PURE__ */ (0,
|
|
2887
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2729
2888
|
ViewControl_default,
|
|
2730
2889
|
{
|
|
2731
2890
|
controlType: column.controlType,
|
|
@@ -2739,10 +2898,10 @@ var DataList = (props) => {
|
|
|
2739
2898
|
}) }, index);
|
|
2740
2899
|
}) })
|
|
2741
2900
|
] }) }),
|
|
2742
|
-
/* @__PURE__ */ (0,
|
|
2743
|
-
/* @__PURE__ */ (0,
|
|
2744
|
-
/* @__PURE__ */ (0,
|
|
2745
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
2901
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
2902
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-gray-700", children: label }),
|
|
2903
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
2904
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2746
2905
|
Hyperlink,
|
|
2747
2906
|
{
|
|
2748
2907
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2750,9 +2909,9 @@ var DataList = (props) => {
|
|
|
2750
2909
|
children: "Prev"
|
|
2751
2910
|
}
|
|
2752
2911
|
),
|
|
2753
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
2912
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
|
|
2754
2913
|
renderPageNumbers(),
|
|
2755
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
2914
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2756
2915
|
Hyperlink,
|
|
2757
2916
|
{
|
|
2758
2917
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2760,19 +2919,19 @@ var DataList = (props) => {
|
|
|
2760
2919
|
children: "Next"
|
|
2761
2920
|
}
|
|
2762
2921
|
),
|
|
2763
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
2922
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
2764
2923
|
] })
|
|
2765
2924
|
] }) })
|
|
2766
2925
|
] }),
|
|
2767
|
-
/* @__PURE__ */ (0,
|
|
2768
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
2926
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
2927
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2769
2928
|
"div",
|
|
2770
2929
|
{
|
|
2771
2930
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
|
|
2772
2931
|
children: [
|
|
2773
|
-
props.title ? /* @__PURE__ */ (0,
|
|
2774
|
-
/* @__PURE__ */ (0,
|
|
2775
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
2932
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {}),
|
|
2933
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2934
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2776
2935
|
InputControl_default,
|
|
2777
2936
|
{
|
|
2778
2937
|
name: filter.name,
|
|
@@ -2787,15 +2946,15 @@ var DataList = (props) => {
|
|
|
2787
2946
|
},
|
|
2788
2947
|
filter.name
|
|
2789
2948
|
)),
|
|
2790
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
2949
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2791
2950
|
Hyperlink,
|
|
2792
2951
|
{
|
|
2793
2952
|
className: "gap-1",
|
|
2794
2953
|
linkType: "Primary" /* Solid */,
|
|
2795
2954
|
href: props.addLinkHref,
|
|
2796
2955
|
children: [
|
|
2797
|
-
/* @__PURE__ */ (0,
|
|
2798
|
-
/* @__PURE__ */ (0,
|
|
2956
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2957
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2799
2958
|
]
|
|
2800
2959
|
}
|
|
2801
2960
|
)
|
|
@@ -2803,8 +2962,8 @@ var DataList = (props) => {
|
|
|
2803
2962
|
]
|
|
2804
2963
|
}
|
|
2805
2964
|
),
|
|
2806
|
-
/* @__PURE__ */ (0,
|
|
2807
|
-
/* @__PURE__ */ (0,
|
|
2965
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
2966
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
2808
2967
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2809
2968
|
let icon = "chevronUpDown";
|
|
2810
2969
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2814,19 +2973,19 @@ var DataList = (props) => {
|
|
|
2814
2973
|
icon = "chevronUp";
|
|
2815
2974
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2816
2975
|
}
|
|
2817
|
-
return /* @__PURE__ */ (0,
|
|
2976
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2818
2977
|
"th",
|
|
2819
2978
|
{
|
|
2820
2979
|
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2821
|
-
children: /* @__PURE__ */ (0,
|
|
2822
|
-
/* @__PURE__ */ (0,
|
|
2823
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
2980
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
2981
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: column.label }),
|
|
2982
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2824
2983
|
] }) })
|
|
2825
2984
|
},
|
|
2826
2985
|
column.name
|
|
2827
2986
|
);
|
|
2828
2987
|
}) }) }) }) }),
|
|
2829
|
-
/* @__PURE__ */ (0,
|
|
2988
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
2830
2989
|
] })
|
|
2831
2990
|
] })
|
|
2832
2991
|
] });
|
|
@@ -2840,7 +2999,7 @@ var import_react49 = __toESM(require("react"));
|
|
|
2840
2999
|
var import_react34 = __toESM(require("react"));
|
|
2841
3000
|
|
|
2842
3001
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
2843
|
-
var
|
|
3002
|
+
var import_jsx_runtime40 = (
|
|
2844
3003
|
// @ts-expect-error custom code
|
|
2845
3004
|
require("react/jsx-runtime")
|
|
2846
3005
|
);
|
|
@@ -2901,21 +3060,21 @@ var TextNode = (props) => {
|
|
|
2901
3060
|
});
|
|
2902
3061
|
}
|
|
2903
3062
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
2904
|
-
return /* @__PURE__ */ (0,
|
|
3063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text });
|
|
2905
3064
|
};
|
|
2906
3065
|
var TextNode_default = TextNode;
|
|
2907
3066
|
|
|
2908
3067
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
2909
|
-
var
|
|
3068
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2910
3069
|
var LineBreakNode = () => {
|
|
2911
|
-
return /* @__PURE__ */ (0,
|
|
3070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
2912
3071
|
};
|
|
2913
3072
|
var LineBreakNode_default = LineBreakNode;
|
|
2914
3073
|
|
|
2915
3074
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
2916
3075
|
var import_react33 = __toESM(require("react"));
|
|
2917
3076
|
var import_link2 = __toESM(require("next/link"));
|
|
2918
|
-
var
|
|
3077
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2919
3078
|
var LinkNode = (props) => {
|
|
2920
3079
|
const NodeTypes2 = {
|
|
2921
3080
|
["text"]: TextNode_default
|
|
@@ -2923,21 +3082,21 @@ var LinkNode = (props) => {
|
|
|
2923
3082
|
{
|
|
2924
3083
|
}
|
|
2925
3084
|
let formatClasses = props.node.cssClass || "";
|
|
2926
|
-
return /* @__PURE__ */ (0,
|
|
3085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_link2.default, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
|
|
2927
3086
|
props.node.children && props.node.children.map((node, index) => {
|
|
2928
3087
|
const SelectedNode = NodeTypes2[node.type];
|
|
2929
|
-
return /* @__PURE__ */ (0,
|
|
3088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react33.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectedNode, { node }) }, index);
|
|
2930
3089
|
}),
|
|
2931
|
-
props.node.children.length == 0 && /* @__PURE__ */ (0,
|
|
3090
|
+
props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {})
|
|
2932
3091
|
] });
|
|
2933
3092
|
};
|
|
2934
3093
|
var LinkNode_default = LinkNode;
|
|
2935
3094
|
|
|
2936
3095
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
2937
|
-
var
|
|
3096
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2938
3097
|
var SVGIconNode = ({ node }) => {
|
|
2939
3098
|
if (!node?.svgCode) return null;
|
|
2940
|
-
return /* @__PURE__ */ (0,
|
|
3099
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2941
3100
|
"span",
|
|
2942
3101
|
{
|
|
2943
3102
|
style: {
|
|
@@ -2954,7 +3113,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
2954
3113
|
|
|
2955
3114
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
2956
3115
|
var import_katex = __toESM(require("katex"));
|
|
2957
|
-
var
|
|
3116
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2958
3117
|
var EquationNode = ({ node }) => {
|
|
2959
3118
|
const { equation, inline } = node;
|
|
2960
3119
|
let html = "";
|
|
@@ -2969,7 +3128,7 @@ var EquationNode = ({ node }) => {
|
|
|
2969
3128
|
});
|
|
2970
3129
|
}
|
|
2971
3130
|
if (inline) {
|
|
2972
|
-
return /* @__PURE__ */ (0,
|
|
3131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2973
3132
|
"span",
|
|
2974
3133
|
{
|
|
2975
3134
|
className: "katex-inline",
|
|
@@ -2977,7 +3136,7 @@ var EquationNode = ({ node }) => {
|
|
|
2977
3136
|
}
|
|
2978
3137
|
);
|
|
2979
3138
|
}
|
|
2980
|
-
return /* @__PURE__ */ (0,
|
|
3139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2981
3140
|
"div",
|
|
2982
3141
|
{
|
|
2983
3142
|
className: "katex-block my-3 text-center",
|
|
@@ -2988,7 +3147,7 @@ var EquationNode = ({ node }) => {
|
|
|
2988
3147
|
var EquationNode_default = EquationNode;
|
|
2989
3148
|
|
|
2990
3149
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
2991
|
-
var
|
|
3150
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2992
3151
|
function getNestedProperty(obj, path) {
|
|
2993
3152
|
if (!obj || !path) return null;
|
|
2994
3153
|
if (path.includes(".")) {
|
|
@@ -3001,7 +3160,7 @@ function getNestedProperty(obj, path) {
|
|
|
3001
3160
|
}
|
|
3002
3161
|
const value = obj[path];
|
|
3003
3162
|
if (Array.isArray(value)) {
|
|
3004
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
3163
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: String(item) }, index));
|
|
3005
3164
|
}
|
|
3006
3165
|
return value;
|
|
3007
3166
|
}
|
|
@@ -3062,7 +3221,7 @@ var DatafieldNode = (props) => {
|
|
|
3062
3221
|
const dataType = props.node.dataType;
|
|
3063
3222
|
if (isEmptyValue) return null;
|
|
3064
3223
|
if (dataType === "rawContent") {
|
|
3065
|
-
return /* @__PURE__ */ (0,
|
|
3224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3066
3225
|
PageBodyRenderer_default,
|
|
3067
3226
|
{
|
|
3068
3227
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -3077,12 +3236,12 @@ var DatafieldNode = (props) => {
|
|
|
3077
3236
|
}
|
|
3078
3237
|
);
|
|
3079
3238
|
}
|
|
3080
|
-
return /* @__PURE__ */ (0,
|
|
3239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3081
3240
|
"span",
|
|
3082
3241
|
{
|
|
3083
3242
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
3084
3243
|
style: styles,
|
|
3085
|
-
children: /* @__PURE__ */ (0,
|
|
3244
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3086
3245
|
ViewControl_default,
|
|
3087
3246
|
{
|
|
3088
3247
|
controlType: dataType,
|
|
@@ -3095,7 +3254,7 @@ var DatafieldNode = (props) => {
|
|
|
3095
3254
|
var DatafieldNode_default = DatafieldNode;
|
|
3096
3255
|
|
|
3097
3256
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3098
|
-
var
|
|
3257
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3099
3258
|
var ParagraphNode = (props) => {
|
|
3100
3259
|
const NodeTypes2 = {
|
|
3101
3260
|
["text"]: TextNode_default,
|
|
@@ -3115,9 +3274,9 @@ var ParagraphNode = (props) => {
|
|
|
3115
3274
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
3116
3275
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
3117
3276
|
if (isInlineOnlyParent) {
|
|
3118
|
-
return /* @__PURE__ */ (0,
|
|
3277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
3119
3278
|
const SelectedNode = NodeTypes2[node.type];
|
|
3120
|
-
return /* @__PURE__ */ (0,
|
|
3279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3121
3280
|
SelectedNode,
|
|
3122
3281
|
{
|
|
3123
3282
|
node,
|
|
@@ -3129,10 +3288,10 @@ var ParagraphNode = (props) => {
|
|
|
3129
3288
|
) }, index);
|
|
3130
3289
|
}) });
|
|
3131
3290
|
}
|
|
3132
|
-
return /* @__PURE__ */ (0,
|
|
3291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: " " + formatClasses, children: [
|
|
3133
3292
|
hasChildren && props.node.children.map((node, index) => {
|
|
3134
3293
|
const SelectedNode = NodeTypes2[node.type];
|
|
3135
|
-
return /* @__PURE__ */ (0,
|
|
3294
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3136
3295
|
SelectedNode,
|
|
3137
3296
|
{
|
|
3138
3297
|
node,
|
|
@@ -3143,14 +3302,14 @@ var ParagraphNode = (props) => {
|
|
|
3143
3302
|
}
|
|
3144
3303
|
) }, index);
|
|
3145
3304
|
}),
|
|
3146
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
3305
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
3147
3306
|
] });
|
|
3148
3307
|
};
|
|
3149
3308
|
var ParagraphNode_default = ParagraphNode;
|
|
3150
3309
|
|
|
3151
3310
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
3152
3311
|
var import_react35 = __toESM(require("react"));
|
|
3153
|
-
var
|
|
3312
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3154
3313
|
var HeadingNode = (props) => {
|
|
3155
3314
|
const NodeTypes2 = {
|
|
3156
3315
|
["text"]: TextNode_default,
|
|
@@ -3166,12 +3325,12 @@ var HeadingNode = (props) => {
|
|
|
3166
3325
|
{
|
|
3167
3326
|
}
|
|
3168
3327
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
3169
|
-
return /* @__PURE__ */ (0,
|
|
3328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: import_react35.default.createElement(
|
|
3170
3329
|
HeadingTag,
|
|
3171
3330
|
{ className: formatClasses },
|
|
3172
3331
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
3173
3332
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3174
|
-
return /* @__PURE__ */ (0,
|
|
3333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3175
3334
|
})
|
|
3176
3335
|
) });
|
|
3177
3336
|
};
|
|
@@ -3182,7 +3341,7 @@ var import_react37 = __toESM(require("react"));
|
|
|
3182
3341
|
|
|
3183
3342
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
3184
3343
|
var import_react36 = __toESM(require("react"));
|
|
3185
|
-
var
|
|
3344
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3186
3345
|
var ListItemNode = (props) => {
|
|
3187
3346
|
const NodeTypes2 = {
|
|
3188
3347
|
text: TextNode_default,
|
|
@@ -3199,37 +3358,37 @@ var ListItemNode = (props) => {
|
|
|
3199
3358
|
liStyle.fontSize = match[1].trim();
|
|
3200
3359
|
}
|
|
3201
3360
|
}
|
|
3202
|
-
return /* @__PURE__ */ (0,
|
|
3361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
3203
3362
|
const SelectedNode = NodeTypes2[node.type];
|
|
3204
3363
|
if (node.type === "linebreak") {
|
|
3205
3364
|
if (!foundFirstBreak) {
|
|
3206
3365
|
foundFirstBreak = true;
|
|
3207
|
-
return /* @__PURE__ */ (0,
|
|
3366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {}, index);
|
|
3208
3367
|
} else {
|
|
3209
|
-
return /* @__PURE__ */ (0,
|
|
3368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
3210
3369
|
}
|
|
3211
3370
|
} else {
|
|
3212
3371
|
foundFirstBreak = false;
|
|
3213
|
-
return /* @__PURE__ */ (0,
|
|
3372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3214
3373
|
}
|
|
3215
3374
|
}) });
|
|
3216
3375
|
};
|
|
3217
3376
|
var ListItemNode_default = ListItemNode;
|
|
3218
3377
|
|
|
3219
3378
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3220
|
-
var
|
|
3379
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3221
3380
|
var ListNode = (props) => {
|
|
3222
3381
|
const NodeTypes2 = {
|
|
3223
3382
|
listitem: ListItemNode_default
|
|
3224
3383
|
};
|
|
3225
|
-
return /* @__PURE__ */ (0,
|
|
3226
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
3384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react37.default.Fragment, { children: [
|
|
3385
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3227
3386
|
const SelectedNode = NodeTypes2[node.type];
|
|
3228
|
-
return /* @__PURE__ */ (0,
|
|
3387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3229
3388
|
}) }),
|
|
3230
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
3389
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3231
3390
|
const SelectedNode = NodeTypes2[node.type];
|
|
3232
|
-
return /* @__PURE__ */ (0,
|
|
3391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3233
3392
|
}) })
|
|
3234
3393
|
] });
|
|
3235
3394
|
};
|
|
@@ -3237,16 +3396,16 @@ var ListNode_default = ListNode;
|
|
|
3237
3396
|
|
|
3238
3397
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
3239
3398
|
var import_react38 = __toESM(require("react"));
|
|
3240
|
-
var
|
|
3399
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3241
3400
|
var QuoteNode = (props) => {
|
|
3242
3401
|
const NodeTypes2 = {
|
|
3243
3402
|
["text"]: TextNode_default,
|
|
3244
3403
|
["linebreak"]: LineBreakNode_default,
|
|
3245
3404
|
["link"]: LinkNode_default
|
|
3246
3405
|
};
|
|
3247
|
-
return /* @__PURE__ */ (0,
|
|
3406
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3248
3407
|
const SelectedNode = NodeTypes2[node.type];
|
|
3249
|
-
return /* @__PURE__ */ (0,
|
|
3408
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3250
3409
|
}) });
|
|
3251
3410
|
};
|
|
3252
3411
|
var QuoteNode_default = QuoteNode;
|
|
@@ -3254,11 +3413,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
3254
3413
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
3255
3414
|
var import_react40 = __toESM(require("react"));
|
|
3256
3415
|
var import_dynamic = __toESM(require("next/dynamic"));
|
|
3257
|
-
var
|
|
3416
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3258
3417
|
var CopyButton2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
3259
3418
|
ssr: false,
|
|
3260
3419
|
// optional: fallback UI while loading
|
|
3261
|
-
loading: () => /* @__PURE__ */ (0,
|
|
3420
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
3262
3421
|
});
|
|
3263
3422
|
var CodeNode = (props) => {
|
|
3264
3423
|
const NodeTypes2 = {
|
|
@@ -3272,14 +3431,14 @@ var CodeNode = (props) => {
|
|
|
3272
3431
|
if (node.type === "link") return node.text || node.url || "";
|
|
3273
3432
|
return "";
|
|
3274
3433
|
}).join("") ?? "";
|
|
3275
|
-
return /* @__PURE__ */ (0,
|
|
3276
|
-
/* @__PURE__ */ (0,
|
|
3277
|
-
/* @__PURE__ */ (0,
|
|
3278
|
-
/* @__PURE__ */ (0,
|
|
3434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
|
|
3435
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
3436
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Code Snippet" }),
|
|
3437
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CopyButton2, { text: textContent })
|
|
3279
3438
|
] }),
|
|
3280
|
-
/* @__PURE__ */ (0,
|
|
3439
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
|
|
3281
3440
|
const SelectedNode = NodeTypes2[node.type];
|
|
3282
|
-
return /* @__PURE__ */ (0,
|
|
3441
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3283
3442
|
SelectedNode,
|
|
3284
3443
|
{
|
|
3285
3444
|
node,
|
|
@@ -3294,9 +3453,9 @@ var CodeNode = (props) => {
|
|
|
3294
3453
|
var CodeNode_default = CodeNode;
|
|
3295
3454
|
|
|
3296
3455
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
3297
|
-
var
|
|
3456
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3298
3457
|
var HorizontalRuleNode = () => {
|
|
3299
|
-
return /* @__PURE__ */ (0,
|
|
3458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("hr", {});
|
|
3300
3459
|
};
|
|
3301
3460
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
3302
3461
|
|
|
@@ -3329,7 +3488,7 @@ var import_dynamic2 = __toESM(require("next/dynamic"));
|
|
|
3329
3488
|
|
|
3330
3489
|
// src/components/DeviceAssetSelector.tsx
|
|
3331
3490
|
init_HlsPlayer();
|
|
3332
|
-
var
|
|
3491
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3333
3492
|
var DeviceAssetSelector = ({
|
|
3334
3493
|
assets,
|
|
3335
3494
|
assetBaseUrl,
|
|
@@ -3404,7 +3563,7 @@ var DeviceAssetSelector = ({
|
|
|
3404
3563
|
const formatClasses = FormatClass[nodeProps?.format || ""] || "";
|
|
3405
3564
|
const renderMedia = () => {
|
|
3406
3565
|
if (isHls) {
|
|
3407
|
-
return /* @__PURE__ */ (0,
|
|
3566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3408
3567
|
HlsPlayer_default,
|
|
3409
3568
|
{
|
|
3410
3569
|
assetUrl: resolvedAssetUrl,
|
|
@@ -3421,7 +3580,7 @@ var DeviceAssetSelector = ({
|
|
|
3421
3580
|
} else {
|
|
3422
3581
|
return (
|
|
3423
3582
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
3424
|
-
/* @__PURE__ */ (0,
|
|
3583
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3425
3584
|
"img",
|
|
3426
3585
|
{
|
|
3427
3586
|
style: styles,
|
|
@@ -3437,17 +3596,17 @@ var DeviceAssetSelector = ({
|
|
|
3437
3596
|
}
|
|
3438
3597
|
};
|
|
3439
3598
|
if (width) {
|
|
3440
|
-
return /* @__PURE__ */ (0,
|
|
3599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width }, children: renderMedia() });
|
|
3441
3600
|
}
|
|
3442
3601
|
if (nodeProps?.format) {
|
|
3443
|
-
return /* @__PURE__ */ (0,
|
|
3602
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3444
3603
|
}
|
|
3445
3604
|
return renderMedia();
|
|
3446
3605
|
};
|
|
3447
3606
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
3448
3607
|
|
|
3449
3608
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3450
|
-
var
|
|
3609
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
3451
3610
|
var HlsPlayer2 = (0, import_dynamic2.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
3452
3611
|
ssr: false
|
|
3453
3612
|
});
|
|
@@ -3490,7 +3649,7 @@ var ImageNode = (props) => {
|
|
|
3490
3649
|
console.error("Error parsing assets in ImageNode:", error);
|
|
3491
3650
|
}
|
|
3492
3651
|
if (assets && assets.length > 0) {
|
|
3493
|
-
return /* @__PURE__ */ (0,
|
|
3652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3494
3653
|
DeviceAssetSelector_default,
|
|
3495
3654
|
{
|
|
3496
3655
|
device: props.device,
|
|
@@ -3539,7 +3698,7 @@ var ImageNode = (props) => {
|
|
|
3539
3698
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3540
3699
|
const renderMedia = () => {
|
|
3541
3700
|
if (isHls) {
|
|
3542
|
-
return /* @__PURE__ */ (0,
|
|
3701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3543
3702
|
HlsPlayer2,
|
|
3544
3703
|
{
|
|
3545
3704
|
assetUrl: imageUrl,
|
|
@@ -3554,7 +3713,7 @@ var ImageNode = (props) => {
|
|
|
3554
3713
|
}
|
|
3555
3714
|
);
|
|
3556
3715
|
} else {
|
|
3557
|
-
return /* @__PURE__ */ (0,
|
|
3716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3558
3717
|
"img",
|
|
3559
3718
|
{
|
|
3560
3719
|
style: styles,
|
|
@@ -3569,14 +3728,14 @@ var ImageNode = (props) => {
|
|
|
3569
3728
|
}
|
|
3570
3729
|
};
|
|
3571
3730
|
if (props.node.width) {
|
|
3572
|
-
return /* @__PURE__ */ (0,
|
|
3731
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3573
3732
|
}
|
|
3574
3733
|
return renderMedia();
|
|
3575
3734
|
};
|
|
3576
3735
|
var ImageNode_default = ImageNode;
|
|
3577
3736
|
|
|
3578
3737
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
3579
|
-
var
|
|
3738
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
3580
3739
|
var WidgetNode = (props) => {
|
|
3581
3740
|
const getWidgetParameters = () => {
|
|
3582
3741
|
const widgetInputParameters = {
|
|
@@ -3633,14 +3792,14 @@ var WidgetNode = (props) => {
|
|
|
3633
3792
|
};
|
|
3634
3793
|
const widgetCode = props.node?.widgetCode;
|
|
3635
3794
|
if (!widgetCode) {
|
|
3636
|
-
return /* @__PURE__ */ (0,
|
|
3795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: "Invalid widget" });
|
|
3637
3796
|
}
|
|
3638
3797
|
const SelectedWidget = getWidget(widgetCode);
|
|
3639
3798
|
if (!SelectedWidget) {
|
|
3640
3799
|
if (process.env.NODE_ENV !== "production") {
|
|
3641
3800
|
console.warn("Widget not found:", widgetCode);
|
|
3642
3801
|
}
|
|
3643
|
-
return /* @__PURE__ */ (0,
|
|
3802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
3644
3803
|
"Widget not found: ",
|
|
3645
3804
|
widgetCode
|
|
3646
3805
|
] });
|
|
@@ -3648,7 +3807,7 @@ var WidgetNode = (props) => {
|
|
|
3648
3807
|
const widgetParams = getWidgetParameters();
|
|
3649
3808
|
return (
|
|
3650
3809
|
// eslint-disable-next-line react-hooks/static-components
|
|
3651
|
-
/* @__PURE__ */ (0,
|
|
3810
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
3652
3811
|
SelectedWidget,
|
|
3653
3812
|
{
|
|
3654
3813
|
params: widgetParams,
|
|
@@ -3667,9 +3826,9 @@ var WidgetNode_default = WidgetNode;
|
|
|
3667
3826
|
var import_react43 = __toESM(require("react"));
|
|
3668
3827
|
|
|
3669
3828
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
3670
|
-
var
|
|
3829
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3671
3830
|
var InputControlNode = (props) => {
|
|
3672
|
-
return /* @__PURE__ */ (0,
|
|
3831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
3673
3832
|
InputControl_default,
|
|
3674
3833
|
{
|
|
3675
3834
|
name: props.node.name,
|
|
@@ -3903,7 +4062,7 @@ var ServiceClient = class {
|
|
|
3903
4062
|
var ServiceClient_default = ServiceClient;
|
|
3904
4063
|
|
|
3905
4064
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
3906
|
-
var
|
|
4065
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
3907
4066
|
var FormContainerNode = (props) => {
|
|
3908
4067
|
const NodeTypes2 = {
|
|
3909
4068
|
["input-control"]: InputControlNode_default
|
|
@@ -3933,12 +4092,12 @@ var FormContainerNode = (props) => {
|
|
|
3933
4092
|
};
|
|
3934
4093
|
fetchInitialData();
|
|
3935
4094
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
3936
|
-
return /* @__PURE__ */ (0,
|
|
4095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
3937
4096
|
node.children && node.children.map((node2, index) => {
|
|
3938
4097
|
{
|
|
3939
4098
|
}
|
|
3940
4099
|
const SelectedNode = NodeTypes2[node2.type];
|
|
3941
|
-
return /* @__PURE__ */ (0,
|
|
4100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
3942
4101
|
InputControlNode_default,
|
|
3943
4102
|
{
|
|
3944
4103
|
value: formState.inputValues[node2.name],
|
|
@@ -3947,7 +4106,7 @@ var FormContainerNode = (props) => {
|
|
|
3947
4106
|
}
|
|
3948
4107
|
) }, index);
|
|
3949
4108
|
}),
|
|
3950
|
-
node.children.length == 0 && /* @__PURE__ */ (0,
|
|
4109
|
+
node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "py-0.5 lg:py-1.5" })
|
|
3951
4110
|
] });
|
|
3952
4111
|
};
|
|
3953
4112
|
var FormContainerNode_default = FormContainerNode;
|
|
@@ -3957,7 +4116,7 @@ var import_react48 = __toESM(require("react"));
|
|
|
3957
4116
|
|
|
3958
4117
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
3959
4118
|
var import_dynamic3 = __toESM(require("next/dynamic"));
|
|
3960
|
-
var
|
|
4119
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
3961
4120
|
var IframeClient2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
3962
4121
|
ssr: false
|
|
3963
4122
|
});
|
|
@@ -3970,13 +4129,13 @@ var EmbedNode = (props) => {
|
|
|
3970
4129
|
} else {
|
|
3971
4130
|
src = props.node.embedSrc;
|
|
3972
4131
|
}
|
|
3973
|
-
return /* @__PURE__ */ (0,
|
|
4132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IframeClient2, { src }) });
|
|
3974
4133
|
};
|
|
3975
4134
|
var EmbedNode_default = EmbedNode;
|
|
3976
4135
|
|
|
3977
4136
|
// src/components/Slider.tsx
|
|
3978
4137
|
var import_react46 = __toESM(require("react"));
|
|
3979
|
-
var
|
|
4138
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
3980
4139
|
var Slider = ({
|
|
3981
4140
|
children,
|
|
3982
4141
|
slidesToShow = 4,
|
|
@@ -4073,7 +4232,7 @@ var Slider = ({
|
|
|
4073
4232
|
if (!import_react46.default.isValidElement(child)) return null;
|
|
4074
4233
|
const childProps = child.props;
|
|
4075
4234
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4076
|
-
return /* @__PURE__ */ (0,
|
|
4235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4077
4236
|
"div",
|
|
4078
4237
|
{
|
|
4079
4238
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4096,14 +4255,14 @@ var Slider = ({
|
|
|
4096
4255
|
return "bottom-4";
|
|
4097
4256
|
}
|
|
4098
4257
|
};
|
|
4099
|
-
return /* @__PURE__ */ (0,
|
|
4258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4100
4259
|
"div",
|
|
4101
4260
|
{
|
|
4102
4261
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4103
4262
|
onMouseEnter: handleMouseEnter,
|
|
4104
4263
|
onMouseLeave: handleMouseLeave,
|
|
4105
4264
|
children: [
|
|
4106
|
-
/* @__PURE__ */ (0,
|
|
4265
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4107
4266
|
"div",
|
|
4108
4267
|
{
|
|
4109
4268
|
className: "flex h-full",
|
|
@@ -4114,18 +4273,18 @@ var Slider = ({
|
|
|
4114
4273
|
children: slides
|
|
4115
4274
|
}
|
|
4116
4275
|
),
|
|
4117
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4118
|
-
/* @__PURE__ */ (0,
|
|
4276
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
4277
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4119
4278
|
ArrowButton,
|
|
4120
4279
|
{
|
|
4121
4280
|
direction: "left",
|
|
4122
4281
|
onClick: prevSlide,
|
|
4123
4282
|
visible: infinite_scroll || currentSlide > 0,
|
|
4124
4283
|
className: arrowClassName,
|
|
4125
|
-
children: /* @__PURE__ */ (0,
|
|
4284
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4126
4285
|
}
|
|
4127
4286
|
),
|
|
4128
|
-
/* @__PURE__ */ (0,
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4129
4288
|
ArrowButton,
|
|
4130
4289
|
{
|
|
4131
4290
|
direction: "right",
|
|
@@ -4133,13 +4292,13 @@ var Slider = ({
|
|
|
4133
4292
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4134
4293
|
className: arrowClassName,
|
|
4135
4294
|
children: [
|
|
4136
|
-
/* @__PURE__ */ (0,
|
|
4295
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4137
4296
|
" "
|
|
4138
4297
|
]
|
|
4139
4298
|
}
|
|
4140
4299
|
)
|
|
4141
4300
|
] }),
|
|
4142
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4301
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4143
4302
|
ProgressPill,
|
|
4144
4303
|
{
|
|
4145
4304
|
active: index === currentSlide,
|
|
@@ -4165,7 +4324,7 @@ var ArrowButton = ({
|
|
|
4165
4324
|
visible,
|
|
4166
4325
|
children,
|
|
4167
4326
|
className = ""
|
|
4168
|
-
}) => /* @__PURE__ */ (0,
|
|
4327
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4169
4328
|
"button",
|
|
4170
4329
|
{
|
|
4171
4330
|
className: `
|
|
@@ -4252,7 +4411,7 @@ var ProgressPill = ({
|
|
|
4252
4411
|
const renderProgressBar = () => {
|
|
4253
4412
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4254
4413
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4255
|
-
return /* @__PURE__ */ (0,
|
|
4414
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4256
4415
|
"div",
|
|
4257
4416
|
{
|
|
4258
4417
|
className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
|
|
@@ -4264,7 +4423,7 @@ var ProgressPill = ({
|
|
|
4264
4423
|
};
|
|
4265
4424
|
const renderCumulativeFill = () => {
|
|
4266
4425
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4267
|
-
return /* @__PURE__ */ (0,
|
|
4426
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4268
4427
|
"div",
|
|
4269
4428
|
{
|
|
4270
4429
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4274,7 +4433,7 @@ var ProgressPill = ({
|
|
|
4274
4433
|
}
|
|
4275
4434
|
return null;
|
|
4276
4435
|
};
|
|
4277
|
-
return /* @__PURE__ */ (0,
|
|
4436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4278
4437
|
"button",
|
|
4279
4438
|
{
|
|
4280
4439
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4450,10 +4609,10 @@ var PathUtility = class {
|
|
|
4450
4609
|
var PathUtility_default = new PathUtility();
|
|
4451
4610
|
|
|
4452
4611
|
// src/components/NoDataFound.tsx
|
|
4453
|
-
var
|
|
4612
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
4454
4613
|
var NoDataFound = () => {
|
|
4455
|
-
return /* @__PURE__ */ (0,
|
|
4456
|
-
/* @__PURE__ */ (0,
|
|
4614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
4615
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4457
4616
|
"svg",
|
|
4458
4617
|
{
|
|
4459
4618
|
className: "w-10 h-10",
|
|
@@ -4461,7 +4620,7 @@ var NoDataFound = () => {
|
|
|
4461
4620
|
stroke: "currentColor",
|
|
4462
4621
|
viewBox: "0 0 24 24",
|
|
4463
4622
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4464
|
-
children: /* @__PURE__ */ (0,
|
|
4623
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4465
4624
|
"path",
|
|
4466
4625
|
{
|
|
4467
4626
|
strokeLinecap: "round",
|
|
@@ -4472,15 +4631,15 @@ var NoDataFound = () => {
|
|
|
4472
4631
|
)
|
|
4473
4632
|
}
|
|
4474
4633
|
) }) }),
|
|
4475
|
-
/* @__PURE__ */ (0,
|
|
4476
|
-
/* @__PURE__ */ (0,
|
|
4634
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
4635
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
4477
4636
|
] });
|
|
4478
4637
|
};
|
|
4479
4638
|
var NoDataFound_default = NoDataFound;
|
|
4480
4639
|
|
|
4481
4640
|
// src/components/Pagination.tsx
|
|
4482
4641
|
var import_react47 = require("react");
|
|
4483
|
-
var
|
|
4642
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4484
4643
|
var Pagination = (props) => {
|
|
4485
4644
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4486
4645
|
const builder = (0, import_react47.useMemo)(() => {
|
|
@@ -4524,7 +4683,7 @@ var Pagination = (props) => {
|
|
|
4524
4683
|
return range;
|
|
4525
4684
|
};
|
|
4526
4685
|
const paginationRange = getPaginationRange();
|
|
4527
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4686
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4528
4687
|
Hyperlink,
|
|
4529
4688
|
{
|
|
4530
4689
|
linkType: "Link" /* Link */,
|
|
@@ -4539,9 +4698,9 @@ var Pagination = (props) => {
|
|
|
4539
4698
|
);
|
|
4540
4699
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4541
4700
|
if (disabled) {
|
|
4542
|
-
return /* @__PURE__ */ (0,
|
|
4701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
|
|
4543
4702
|
}
|
|
4544
|
-
return /* @__PURE__ */ (0,
|
|
4703
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4545
4704
|
Hyperlink,
|
|
4546
4705
|
{
|
|
4547
4706
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
|
|
@@ -4551,35 +4710,35 @@ var Pagination = (props) => {
|
|
|
4551
4710
|
);
|
|
4552
4711
|
};
|
|
4553
4712
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4554
|
-
return /* @__PURE__ */ (0,
|
|
4555
|
-
/* @__PURE__ */ (0,
|
|
4556
|
-
/* @__PURE__ */ (0,
|
|
4713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4714
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4715
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "text-sm", children: [
|
|
4557
4716
|
"Showing ",
|
|
4558
|
-
/* @__PURE__ */ (0,
|
|
4717
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "font-semibold", children: [
|
|
4559
4718
|
startItem,
|
|
4560
4719
|
"-",
|
|
4561
4720
|
endItem
|
|
4562
4721
|
] }),
|
|
4563
4722
|
" ",
|
|
4564
4723
|
"out of ",
|
|
4565
|
-
/* @__PURE__ */ (0,
|
|
4724
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4566
4725
|
" results"
|
|
4567
4726
|
] }),
|
|
4568
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4569
|
-
/* @__PURE__ */ (0,
|
|
4727
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4728
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4570
4729
|
NavigationButton,
|
|
4571
4730
|
{
|
|
4572
4731
|
page: activePageNumber - 1,
|
|
4573
4732
|
disabled: activePageNumber === 1,
|
|
4574
4733
|
children: [
|
|
4575
|
-
/* @__PURE__ */ (0,
|
|
4576
|
-
/* @__PURE__ */ (0,
|
|
4734
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4735
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
4577
4736
|
]
|
|
4578
4737
|
}
|
|
4579
4738
|
),
|
|
4580
4739
|
paginationRange.map((item, index) => {
|
|
4581
4740
|
if (item === "...") {
|
|
4582
|
-
return /* @__PURE__ */ (0,
|
|
4741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4583
4742
|
"span",
|
|
4584
4743
|
{
|
|
4585
4744
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4589,23 +4748,23 @@ var Pagination = (props) => {
|
|
|
4589
4748
|
);
|
|
4590
4749
|
}
|
|
4591
4750
|
const page = item;
|
|
4592
|
-
return /* @__PURE__ */ (0,
|
|
4751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PageButton, { page, children: page }, page);
|
|
4593
4752
|
}),
|
|
4594
|
-
/* @__PURE__ */ (0,
|
|
4753
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4595
4754
|
NavigationButton,
|
|
4596
4755
|
{
|
|
4597
4756
|
page: activePageNumber + 1,
|
|
4598
4757
|
disabled: activePageNumber === totalPages,
|
|
4599
4758
|
children: [
|
|
4600
|
-
/* @__PURE__ */ (0,
|
|
4601
|
-
/* @__PURE__ */ (0,
|
|
4759
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4760
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4602
4761
|
]
|
|
4603
4762
|
}
|
|
4604
4763
|
)
|
|
4605
4764
|
] }),
|
|
4606
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4607
|
-
/* @__PURE__ */ (0,
|
|
4608
|
-
/* @__PURE__ */ (0,
|
|
4765
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4766
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4767
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4609
4768
|
"input",
|
|
4610
4769
|
{
|
|
4611
4770
|
type: "number",
|
|
@@ -4626,9 +4785,9 @@ var Pagination = (props) => {
|
|
|
4626
4785
|
) })
|
|
4627
4786
|
] })
|
|
4628
4787
|
] }),
|
|
4629
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4630
|
-
/* @__PURE__ */ (0,
|
|
4631
|
-
/* @__PURE__ */ (0,
|
|
4788
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4789
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4790
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4632
4791
|
Hyperlink,
|
|
4633
4792
|
{
|
|
4634
4793
|
className: `
|
|
@@ -4640,7 +4799,7 @@ var Pagination = (props) => {
|
|
|
4640
4799
|
},
|
|
4641
4800
|
size
|
|
4642
4801
|
)) }),
|
|
4643
|
-
/* @__PURE__ */ (0,
|
|
4802
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4644
4803
|
] }) })
|
|
4645
4804
|
] });
|
|
4646
4805
|
};
|
|
@@ -4648,7 +4807,7 @@ var Pagination_default = Pagination;
|
|
|
4648
4807
|
|
|
4649
4808
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
4650
4809
|
var import_dynamic4 = __toESM(require("next/dynamic"));
|
|
4651
|
-
var
|
|
4810
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
4652
4811
|
var HlsPlayer1 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
4653
4812
|
ssr: false
|
|
4654
4813
|
});
|
|
@@ -4685,7 +4844,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4685
4844
|
right: "justify-end"
|
|
4686
4845
|
};
|
|
4687
4846
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
4688
|
-
return /* @__PURE__ */ (0,
|
|
4847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
|
|
4689
4848
|
const imageUrl = resolveImageUrl(img.imageUrl);
|
|
4690
4849
|
if (!imageUrl) return null;
|
|
4691
4850
|
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
@@ -4693,7 +4852,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4693
4852
|
const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
|
|
4694
4853
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4695
4854
|
const alt = img.title || "Gallery image";
|
|
4696
|
-
return /* @__PURE__ */ (0,
|
|
4855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4697
4856
|
HlsPlayer1,
|
|
4698
4857
|
{
|
|
4699
4858
|
assetUrl: imageUrl,
|
|
@@ -4708,7 +4867,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4708
4867
|
}
|
|
4709
4868
|
) : (
|
|
4710
4869
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
4711
|
-
/* @__PURE__ */ (0,
|
|
4870
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4712
4871
|
"img",
|
|
4713
4872
|
{
|
|
4714
4873
|
loading: "lazy",
|
|
@@ -4725,7 +4884,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4725
4884
|
var ImageGalleryNode_default = ImageGalleryNode;
|
|
4726
4885
|
|
|
4727
4886
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4728
|
-
var
|
|
4887
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
4729
4888
|
function toCamelCase(str) {
|
|
4730
4889
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
4731
4890
|
}
|
|
@@ -4908,7 +5067,7 @@ var DivContainer = async (props) => {
|
|
|
4908
5067
|
response = await serviceClient.get(endpoint);
|
|
4909
5068
|
result = response?.result;
|
|
4910
5069
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
4911
|
-
return /* @__PURE__ */ (0,
|
|
5070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NoDataFound_default, {});
|
|
4912
5071
|
}
|
|
4913
5072
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
4914
5073
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -4920,7 +5079,7 @@ var DivContainer = async (props) => {
|
|
|
4920
5079
|
}
|
|
4921
5080
|
const SelectedNode = NodeTypes2[node.type];
|
|
4922
5081
|
if (!SelectedNode) return null;
|
|
4923
|
-
return /* @__PURE__ */ (0,
|
|
5082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
4924
5083
|
SelectedNode,
|
|
4925
5084
|
{
|
|
4926
5085
|
node,
|
|
@@ -5020,9 +5179,9 @@ var DivContainer = async (props) => {
|
|
|
5020
5179
|
props.node.autoFormat && "auto-format",
|
|
5021
5180
|
props.node.bgClass
|
|
5022
5181
|
].filter(Boolean).join(" ");
|
|
5023
|
-
return /* @__PURE__ */ (0,
|
|
5024
|
-
/* @__PURE__ */ (0,
|
|
5025
|
-
/* @__PURE__ */ (0,
|
|
5182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react48.default.Fragment, { children: [
|
|
5183
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
5184
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5026
5185
|
Wrapper,
|
|
5027
5186
|
{
|
|
5028
5187
|
id: guid,
|
|
@@ -5031,18 +5190,18 @@ var DivContainer = async (props) => {
|
|
|
5031
5190
|
...wrapperProps,
|
|
5032
5191
|
children: dataToRender.map(
|
|
5033
5192
|
(item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
|
|
5034
|
-
(child, i) => /* @__PURE__ */ (0,
|
|
5193
|
+
(child, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: child }, i)
|
|
5035
5194
|
) : renderChildren(props.node.children, props, item, idx)
|
|
5036
5195
|
)
|
|
5037
5196
|
}
|
|
5038
5197
|
) }),
|
|
5039
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
5198
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
|
|
5040
5199
|
] });
|
|
5041
5200
|
};
|
|
5042
5201
|
var DivContainer_default = DivContainer;
|
|
5043
5202
|
|
|
5044
5203
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
5045
|
-
var
|
|
5204
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5046
5205
|
var NodeTypes = {
|
|
5047
5206
|
["paragraph"]: ParagraphNode_default,
|
|
5048
5207
|
["heading"]: HeadingNode_default,
|
|
@@ -5070,11 +5229,11 @@ var PageBodyRenderer = (props) => {
|
|
|
5070
5229
|
if (pageBodyTree && pageBodyTree.root) {
|
|
5071
5230
|
rootNode = pageBodyTree.root;
|
|
5072
5231
|
}
|
|
5073
|
-
return /* @__PURE__ */ (0,
|
|
5232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
5074
5233
|
{
|
|
5075
5234
|
}
|
|
5076
5235
|
const SelectedNode = NodeTypes[node.type];
|
|
5077
|
-
return /* @__PURE__ */ (0,
|
|
5236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5078
5237
|
SelectedNode,
|
|
5079
5238
|
{
|
|
5080
5239
|
node,
|
|
@@ -5089,7 +5248,7 @@ var PageBodyRenderer = (props) => {
|
|
|
5089
5248
|
assetBaseUrl: props.assetBaseUrl,
|
|
5090
5249
|
device: props.device
|
|
5091
5250
|
}
|
|
5092
|
-
) }) : /* @__PURE__ */ (0,
|
|
5251
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5093
5252
|
SelectedNode,
|
|
5094
5253
|
{
|
|
5095
5254
|
node,
|