@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260526112357 → 0.8.1-dev.20260527044956
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 +804 -711
- package/dist/index.mjs +627 -534
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -773,15 +773,15 @@ var init_StyleTypes = __esm({
|
|
|
773
773
|
});
|
|
774
774
|
|
|
775
775
|
// src/components/ClientButton.tsx
|
|
776
|
-
var
|
|
776
|
+
var import_react26, import_jsx_runtime29, ClientButton, ClientButton_default;
|
|
777
777
|
var init_ClientButton = __esm({
|
|
778
778
|
"src/components/ClientButton.tsx"() {
|
|
779
779
|
"use strict";
|
|
780
780
|
"use client";
|
|
781
|
-
|
|
781
|
+
import_react26 = __toESM(require("react"));
|
|
782
782
|
init_ToastService();
|
|
783
783
|
init_StyleTypes();
|
|
784
|
-
|
|
784
|
+
import_jsx_runtime29 = require("react/jsx-runtime");
|
|
785
785
|
ClientButton = (props) => {
|
|
786
786
|
const execute = async (event) => {
|
|
787
787
|
if (props.onClick !== void 0) {
|
|
@@ -791,7 +791,7 @@ var init_ClientButton = __esm({
|
|
|
791
791
|
}
|
|
792
792
|
};
|
|
793
793
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
794
|
-
return /* @__PURE__ */ (0,
|
|
794
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
795
795
|
"button",
|
|
796
796
|
{
|
|
797
797
|
type: "button",
|
|
@@ -806,17 +806,17 @@ var init_ClientButton = __esm({
|
|
|
806
806
|
});
|
|
807
807
|
|
|
808
808
|
// src/components/Confirm.tsx
|
|
809
|
-
var
|
|
809
|
+
var import_react27, import_jsx_runtime30, Confirm, Confirm_default;
|
|
810
810
|
var init_Confirm = __esm({
|
|
811
811
|
"src/components/Confirm.tsx"() {
|
|
812
812
|
"use strict";
|
|
813
813
|
"use client";
|
|
814
|
-
|
|
814
|
+
import_react27 = require("react");
|
|
815
815
|
init_ClientButton();
|
|
816
816
|
init_StyleTypes();
|
|
817
|
-
|
|
817
|
+
import_jsx_runtime30 = require("react/jsx-runtime");
|
|
818
818
|
Confirm = ({ message, onConfirm, onCancel }) => {
|
|
819
|
-
const [showModal, setShowModal] = (0,
|
|
819
|
+
const [showModal, setShowModal] = (0, import_react27.useState)(true);
|
|
820
820
|
const handleConfirmAction = () => {
|
|
821
821
|
setShowModal(false);
|
|
822
822
|
if (onConfirm) {
|
|
@@ -829,13 +829,13 @@ var init_Confirm = __esm({
|
|
|
829
829
|
onCancel();
|
|
830
830
|
}
|
|
831
831
|
};
|
|
832
|
-
return /* @__PURE__ */ (0,
|
|
833
|
-
/* @__PURE__ */ (0,
|
|
834
|
-
/* @__PURE__ */ (0,
|
|
835
|
-
/* @__PURE__ */ (0,
|
|
836
|
-
/* @__PURE__ */ (0,
|
|
837
|
-
/* @__PURE__ */ (0,
|
|
838
|
-
/* @__PURE__ */ (0,
|
|
832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
833
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
834
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
835
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
836
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mb-4", children: message }),
|
|
837
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
838
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
839
839
|
ClientButton_default,
|
|
840
840
|
{
|
|
841
841
|
onClick: handleCancelAction,
|
|
@@ -843,7 +843,7 @@ var init_Confirm = __esm({
|
|
|
843
843
|
children: "Cancel"
|
|
844
844
|
}
|
|
845
845
|
),
|
|
846
|
-
/* @__PURE__ */ (0,
|
|
846
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
847
847
|
ClientButton_default,
|
|
848
848
|
{
|
|
849
849
|
onClick: handleConfirmAction,
|
|
@@ -861,21 +861,21 @@ var init_Confirm = __esm({
|
|
|
861
861
|
});
|
|
862
862
|
|
|
863
863
|
// src/components/Button.tsx
|
|
864
|
-
var
|
|
864
|
+
var import_react28, import_jsx_runtime31, Button, Button_default;
|
|
865
865
|
var init_Button = __esm({
|
|
866
866
|
"src/components/Button.tsx"() {
|
|
867
867
|
"use strict";
|
|
868
868
|
"use client";
|
|
869
|
-
|
|
869
|
+
import_react28 = __toESM(require("react"));
|
|
870
870
|
init_ToastService();
|
|
871
871
|
init_StyleTypes();
|
|
872
872
|
init_Confirm();
|
|
873
|
-
|
|
873
|
+
import_jsx_runtime31 = require("react/jsx-runtime");
|
|
874
874
|
Button = (props) => {
|
|
875
|
-
const [inProgress, setInProgress] = (0,
|
|
876
|
-
const [isActionPerformed, setIsActionPerformed] = (0,
|
|
877
|
-
const [responseMessage, setResponseMessage] = (0,
|
|
878
|
-
const [showModal, setShowModal] = (0,
|
|
875
|
+
const [inProgress, setInProgress] = (0, import_react28.useState)(false);
|
|
876
|
+
const [isActionPerformed, setIsActionPerformed] = (0, import_react28.useState)(false);
|
|
877
|
+
const [responseMessage, setResponseMessage] = (0, import_react28.useState)(null);
|
|
878
|
+
const [showModal, setShowModal] = (0, import_react28.useState)(null);
|
|
879
879
|
const execute = async (event) => {
|
|
880
880
|
event.preventDefault();
|
|
881
881
|
event.stopPropagation();
|
|
@@ -919,14 +919,14 @@ var init_Button = __esm({
|
|
|
919
919
|
return new Promise((resolve) => {
|
|
920
920
|
const onConfirm = () => resolve(true);
|
|
921
921
|
const onCancel = () => resolve(false);
|
|
922
|
-
setShowModal(/* @__PURE__ */ (0,
|
|
922
|
+
setShowModal(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
923
923
|
});
|
|
924
924
|
};
|
|
925
925
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
926
926
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
927
927
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
928
|
-
return /* @__PURE__ */ (0,
|
|
929
|
-
/* @__PURE__ */ (0,
|
|
928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react28.default.Fragment, { children: [
|
|
929
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
930
930
|
"button",
|
|
931
931
|
{
|
|
932
932
|
type: "submit",
|
|
@@ -936,9 +936,9 @@ var init_Button = __esm({
|
|
|
936
936
|
className: buttonClass + " relative " + props.className,
|
|
937
937
|
children: [
|
|
938
938
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
939
|
-
inProgress && /* @__PURE__ */ (0,
|
|
940
|
-
/* @__PURE__ */ (0,
|
|
941
|
-
/* @__PURE__ */ (0,
|
|
939
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react28.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime31.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: [
|
|
940
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
941
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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" })
|
|
942
942
|
] }) })
|
|
943
943
|
]
|
|
944
944
|
}
|
|
@@ -1169,28 +1169,28 @@ var LinkNodeButton_exports = {};
|
|
|
1169
1169
|
__export(LinkNodeButton_exports, {
|
|
1170
1170
|
default: () => LinkNodeButton_default
|
|
1171
1171
|
});
|
|
1172
|
-
var
|
|
1172
|
+
var import_react35, import_jsx_runtime47, LinkNodeButton, LinkNodeButton_default;
|
|
1173
1173
|
var init_LinkNodeButton = __esm({
|
|
1174
1174
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
1175
1175
|
"use strict";
|
|
1176
1176
|
"use client";
|
|
1177
|
-
|
|
1177
|
+
import_react35 = require("react");
|
|
1178
1178
|
init_Button();
|
|
1179
1179
|
init_ServiceClient();
|
|
1180
1180
|
init_ToastService();
|
|
1181
|
-
|
|
1181
|
+
import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1182
1182
|
LinkNodeButton = (props) => {
|
|
1183
1183
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
1184
|
-
const [isLoading, setIsLoading] = (0,
|
|
1185
|
-
const [error, setError] = (0,
|
|
1186
|
-
const extractFieldNames = (0,
|
|
1184
|
+
const [isLoading, setIsLoading] = (0, import_react35.useState)(false);
|
|
1185
|
+
const [error, setError] = (0, import_react35.useState)(null);
|
|
1186
|
+
const extractFieldNames = (0, import_react35.useCallback)((template) => {
|
|
1187
1187
|
if (!template) return [];
|
|
1188
1188
|
const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
|
|
1189
1189
|
const matches = Array.from(template.matchAll(regex));
|
|
1190
1190
|
const fieldNames = matches.map((match) => match[2] || match[1]).filter((name, index, self) => self.indexOf(name) === index);
|
|
1191
1191
|
return fieldNames;
|
|
1192
1192
|
}, []);
|
|
1193
|
-
const replaceTemplateVariables = (0,
|
|
1193
|
+
const replaceTemplateVariables = (0, import_react35.useCallback)((template, responseData) => {
|
|
1194
1194
|
if (!template) return template;
|
|
1195
1195
|
let result = template;
|
|
1196
1196
|
const fieldNames = extractFieldNames(template);
|
|
@@ -1219,7 +1219,7 @@ var init_LinkNodeButton = __esm({
|
|
|
1219
1219
|
}
|
|
1220
1220
|
return result;
|
|
1221
1221
|
}, [props.routeParameters, dataitem, extractFieldNames]);
|
|
1222
|
-
const getNestedValue3 = (0,
|
|
1222
|
+
const getNestedValue3 = (0, import_react35.useCallback)((obj, path) => {
|
|
1223
1223
|
if (!obj || !path) return void 0;
|
|
1224
1224
|
if (obj[path] !== void 0) {
|
|
1225
1225
|
return obj[path];
|
|
@@ -1234,7 +1234,7 @@ var init_LinkNodeButton = __esm({
|
|
|
1234
1234
|
}
|
|
1235
1235
|
return current;
|
|
1236
1236
|
}, []);
|
|
1237
|
-
const onClick = (0,
|
|
1237
|
+
const onClick = (0, import_react35.useCallback)(async (e) => {
|
|
1238
1238
|
if (!node.postUrl) {
|
|
1239
1239
|
setError("No POST URL configured for this button");
|
|
1240
1240
|
return;
|
|
@@ -1321,11 +1321,11 @@ var init_LinkNodeButton = __esm({
|
|
|
1321
1321
|
return children;
|
|
1322
1322
|
}
|
|
1323
1323
|
if (linkText) {
|
|
1324
|
-
return /* @__PURE__ */ (0,
|
|
1324
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: linkText });
|
|
1325
1325
|
}
|
|
1326
1326
|
return node.title || "Button";
|
|
1327
1327
|
};
|
|
1328
|
-
return /* @__PURE__ */ (0,
|
|
1328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1329
1329
|
Button_default,
|
|
1330
1330
|
{
|
|
1331
1331
|
ButtonType: linkType,
|
|
@@ -1346,9 +1346,9 @@ __export(CopyButton_exports, {
|
|
|
1346
1346
|
default: () => CopyButton
|
|
1347
1347
|
});
|
|
1348
1348
|
function CopyButton({ text }) {
|
|
1349
|
-
const [copied, setCopied] = (0,
|
|
1350
|
-
const timeoutRef = (0,
|
|
1351
|
-
(0,
|
|
1349
|
+
const [copied, setCopied] = (0, import_react42.useState)(false);
|
|
1350
|
+
const timeoutRef = (0, import_react42.useRef)(null);
|
|
1351
|
+
(0, import_react42.useEffect)(() => {
|
|
1352
1352
|
return () => {
|
|
1353
1353
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
1354
1354
|
};
|
|
@@ -1363,13 +1363,13 @@ function CopyButton({ text }) {
|
|
|
1363
1363
|
console.error("Failed to copy: ", err);
|
|
1364
1364
|
}
|
|
1365
1365
|
};
|
|
1366
|
-
return /* @__PURE__ */ (0,
|
|
1366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
1367
1367
|
"button",
|
|
1368
1368
|
{
|
|
1369
1369
|
onClick: handleCopy,
|
|
1370
1370
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
1371
1371
|
children: [
|
|
1372
|
-
/* @__PURE__ */ (0,
|
|
1372
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1373
1373
|
"svg",
|
|
1374
1374
|
{
|
|
1375
1375
|
width: "16",
|
|
@@ -1377,7 +1377,7 @@ function CopyButton({ text }) {
|
|
|
1377
1377
|
viewBox: "0 0 24 24",
|
|
1378
1378
|
className: "w-4 h-4",
|
|
1379
1379
|
fill: "currentColor",
|
|
1380
|
-
children: /* @__PURE__ */ (0,
|
|
1380
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1381
1381
|
"path",
|
|
1382
1382
|
{
|
|
1383
1383
|
fillRule: "evenodd",
|
|
@@ -1392,54 +1392,54 @@ function CopyButton({ text }) {
|
|
|
1392
1392
|
}
|
|
1393
1393
|
);
|
|
1394
1394
|
}
|
|
1395
|
-
var
|
|
1395
|
+
var import_react42, import_jsx_runtime57;
|
|
1396
1396
|
var init_CopyButton = __esm({
|
|
1397
1397
|
"src/components/CopyButton.tsx"() {
|
|
1398
1398
|
"use strict";
|
|
1399
1399
|
"use client";
|
|
1400
|
-
|
|
1401
|
-
|
|
1400
|
+
import_react42 = require("react");
|
|
1401
|
+
import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1402
1402
|
}
|
|
1403
1403
|
});
|
|
1404
1404
|
|
|
1405
1405
|
// src/components/IFrameLoaderView.tsx
|
|
1406
|
-
var
|
|
1406
|
+
var import_react46, import_jsx_runtime63, IFrameLoaderView, IFrameLoaderView_default;
|
|
1407
1407
|
var init_IFrameLoaderView = __esm({
|
|
1408
1408
|
"src/components/IFrameLoaderView.tsx"() {
|
|
1409
1409
|
"use strict";
|
|
1410
|
-
|
|
1411
|
-
|
|
1410
|
+
import_react46 = __toESM(require("react"));
|
|
1411
|
+
import_jsx_runtime63 = require("react/jsx-runtime");
|
|
1412
1412
|
IFrameLoaderView = (props) => {
|
|
1413
|
-
return /* @__PURE__ */ (0,
|
|
1414
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
1415
|
-
/* @__PURE__ */ (0,
|
|
1416
|
-
/* @__PURE__ */ (0,
|
|
1417
|
-
/* @__PURE__ */ (0,
|
|
1418
|
-
/* @__PURE__ */ (0,
|
|
1419
|
-
/* @__PURE__ */ (0,
|
|
1413
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_react46.default.Fragment, { children: [
|
|
1414
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
1415
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
1416
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
1417
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "ml-2", children: [
|
|
1418
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
1419
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
1420
1420
|
] })
|
|
1421
1421
|
] }),
|
|
1422
|
-
/* @__PURE__ */ (0,
|
|
1423
|
-
/* @__PURE__ */ (0,
|
|
1424
|
-
/* @__PURE__ */ (0,
|
|
1425
|
-
/* @__PURE__ */ (0,
|
|
1426
|
-
/* @__PURE__ */ (0,
|
|
1427
|
-
/* @__PURE__ */ (0,
|
|
1428
|
-
/* @__PURE__ */ (0,
|
|
1422
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
1423
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "animate-pulse", children: [
|
|
1424
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1425
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1426
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1427
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1428
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1429
1429
|
] }),
|
|
1430
|
-
/* @__PURE__ */ (0,
|
|
1431
|
-
/* @__PURE__ */ (0,
|
|
1432
|
-
/* @__PURE__ */ (0,
|
|
1433
|
-
/* @__PURE__ */ (0,
|
|
1434
|
-
/* @__PURE__ */ (0,
|
|
1435
|
-
/* @__PURE__ */ (0,
|
|
1430
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "animate-pulse", children: [
|
|
1431
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1432
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1433
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1434
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1435
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1436
1436
|
] }),
|
|
1437
|
-
/* @__PURE__ */ (0,
|
|
1438
|
-
/* @__PURE__ */ (0,
|
|
1439
|
-
/* @__PURE__ */ (0,
|
|
1440
|
-
/* @__PURE__ */ (0,
|
|
1441
|
-
/* @__PURE__ */ (0,
|
|
1442
|
-
/* @__PURE__ */ (0,
|
|
1437
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "animate-pulse", children: [
|
|
1438
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1439
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1440
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1441
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1442
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1443
1443
|
] })
|
|
1444
1444
|
] })
|
|
1445
1445
|
] }) }),
|
|
@@ -1455,19 +1455,19 @@ var IframeClient_exports = {};
|
|
|
1455
1455
|
__export(IframeClient_exports, {
|
|
1456
1456
|
default: () => IframeClient_default
|
|
1457
1457
|
});
|
|
1458
|
-
var
|
|
1458
|
+
var import_react47, import_jsx_runtime64, IframeClient, IframeClient_default;
|
|
1459
1459
|
var init_IframeClient = __esm({
|
|
1460
1460
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
1461
1461
|
"use strict";
|
|
1462
1462
|
"use client";
|
|
1463
|
-
|
|
1463
|
+
import_react47 = __toESM(require("react"));
|
|
1464
1464
|
init_IFrameLoaderView();
|
|
1465
|
-
|
|
1465
|
+
import_jsx_runtime64 = require("react/jsx-runtime");
|
|
1466
1466
|
IframeClient = ({ src }) => {
|
|
1467
|
-
const iframeRef = (0,
|
|
1468
|
-
const [iframeHeight, setIframeHeight] = (0,
|
|
1469
|
-
const [isDataFound, setIsDataFound] = (0,
|
|
1470
|
-
(0,
|
|
1467
|
+
const iframeRef = (0, import_react47.useRef)(null);
|
|
1468
|
+
const [iframeHeight, setIframeHeight] = (0, import_react47.useState)("100%");
|
|
1469
|
+
const [isDataFound, setIsDataFound] = (0, import_react47.useState)(null);
|
|
1470
|
+
(0, import_react47.useEffect)(() => {
|
|
1471
1471
|
const handleReceiveMessage = (event) => {
|
|
1472
1472
|
const eventName = event?.data?.eventName;
|
|
1473
1473
|
const payload = event?.data?.payload;
|
|
@@ -1482,7 +1482,7 @@ var init_IframeClient = __esm({
|
|
|
1482
1482
|
window.addEventListener("message", handleReceiveMessage);
|
|
1483
1483
|
return () => window.removeEventListener("message", handleReceiveMessage);
|
|
1484
1484
|
}, []);
|
|
1485
|
-
(0,
|
|
1485
|
+
(0, import_react47.useEffect)(() => {
|
|
1486
1486
|
const handleResize = () => {
|
|
1487
1487
|
if (iframeRef.current) {
|
|
1488
1488
|
iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
|
|
@@ -1494,7 +1494,7 @@ var init_IframeClient = __esm({
|
|
|
1494
1494
|
const handleIframeLoad = () => {
|
|
1495
1495
|
setIsDataFound(true);
|
|
1496
1496
|
};
|
|
1497
|
-
return /* @__PURE__ */ (0,
|
|
1497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
1498
1498
|
"iframe",
|
|
1499
1499
|
{
|
|
1500
1500
|
ref: iframeRef,
|
|
@@ -1542,7 +1542,7 @@ __export(index_exports, {
|
|
|
1542
1542
|
module.exports = __toCommonJS(index_exports);
|
|
1543
1543
|
|
|
1544
1544
|
// src/components/controls/view/ViewControl.tsx
|
|
1545
|
-
var
|
|
1545
|
+
var import_react13 = __toESM(require("react"));
|
|
1546
1546
|
|
|
1547
1547
|
// src/components/controls/view/ViewControlTypes.tsx
|
|
1548
1548
|
var ViewControlTypes = {
|
|
@@ -1867,14 +1867,87 @@ var DateTimeView = (0, import_dynamic2.default)(() => Promise.resolve().then(()
|
|
|
1867
1867
|
});
|
|
1868
1868
|
var DateTimeVew_default = DateTimeView;
|
|
1869
1869
|
|
|
1870
|
-
// src/components/controls/view/
|
|
1870
|
+
// src/components/controls/view/TimeUntilStarts.tsx
|
|
1871
|
+
var import_react12 = require("react");
|
|
1871
1872
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1873
|
+
var TimeUntilStarts = (props) => {
|
|
1874
|
+
const calculateTimeDifference = (startDate) => {
|
|
1875
|
+
const now = /* @__PURE__ */ new Date();
|
|
1876
|
+
const nowUtc = new Date(now.getTime() + now.getTimezoneOffset() * 6e4);
|
|
1877
|
+
const startDateUtc = new Date(startDate);
|
|
1878
|
+
const diffMs = startDateUtc.getTime() - nowUtc.getTime();
|
|
1879
|
+
const isPast = diffMs < 0;
|
|
1880
|
+
const absoluteDiffMs = Math.abs(diffMs);
|
|
1881
|
+
const diffDays = Math.floor(absoluteDiffMs / (1e3 * 60 * 60 * 24));
|
|
1882
|
+
const diffHours = Math.floor(
|
|
1883
|
+
absoluteDiffMs % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)
|
|
1884
|
+
);
|
|
1885
|
+
const diffMinutes = Math.floor(
|
|
1886
|
+
absoluteDiffMs % (1e3 * 60 * 60) / (1e3 * 60)
|
|
1887
|
+
);
|
|
1888
|
+
if (absoluteDiffMs < 6e4) {
|
|
1889
|
+
return "Just now";
|
|
1890
|
+
}
|
|
1891
|
+
let timeParts = [
|
|
1892
|
+
{ value: diffDays, unit: "days" },
|
|
1893
|
+
{ value: diffHours, unit: "hours" },
|
|
1894
|
+
{ value: diffMinutes, unit: "minutes" }
|
|
1895
|
+
];
|
|
1896
|
+
timeParts = timeParts.filter((part) => part.value > 0);
|
|
1897
|
+
if (isPast) {
|
|
1898
|
+
if (diffDays > 0) {
|
|
1899
|
+
return `${diffDays} day(s) ago`;
|
|
1900
|
+
} else if (diffHours > 0) {
|
|
1901
|
+
return `${diffHours} hour(s) ago`;
|
|
1902
|
+
} else if (diffMinutes > 0) {
|
|
1903
|
+
return `${diffMinutes} minute(s) ago`;
|
|
1904
|
+
} else {
|
|
1905
|
+
return "Just now";
|
|
1906
|
+
}
|
|
1907
|
+
} else {
|
|
1908
|
+
if (timeParts.length > 2) {
|
|
1909
|
+
timeParts = timeParts.slice(0, 2);
|
|
1910
|
+
}
|
|
1911
|
+
const displayString = timeParts.map((part) => `${part.value} ${part.unit}`).join(" ");
|
|
1912
|
+
return displayString ? `Starting in ${displayString}` : "Started";
|
|
1913
|
+
}
|
|
1914
|
+
};
|
|
1915
|
+
const isValidDate = (date) => {
|
|
1916
|
+
return !isNaN(Date.parse(date));
|
|
1917
|
+
};
|
|
1918
|
+
const [timeUntilStart, setTimeUntilStart] = (0, import_react12.useState)(() => {
|
|
1919
|
+
if (props.value && isValidDate(props.value)) {
|
|
1920
|
+
return calculateTimeDifference(props.value);
|
|
1921
|
+
}
|
|
1922
|
+
return "";
|
|
1923
|
+
});
|
|
1924
|
+
(0, import_react12.useEffect)(() => {
|
|
1925
|
+
if (props.value && isValidDate(props.value)) {
|
|
1926
|
+
setTimeUntilStart(calculateTimeDifference(props.value));
|
|
1927
|
+
const initialTimeout = setTimeout(() => {
|
|
1928
|
+
const interval = setInterval(() => {
|
|
1929
|
+
setTimeUntilStart(calculateTimeDifference(props.value));
|
|
1930
|
+
}, 6e4);
|
|
1931
|
+
return () => clearInterval(interval);
|
|
1932
|
+
}, 5e3);
|
|
1933
|
+
return () => clearTimeout(initialTimeout);
|
|
1934
|
+
} else {
|
|
1935
|
+
setTimeUntilStart("");
|
|
1936
|
+
}
|
|
1937
|
+
}, [props.value]);
|
|
1938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: timeUntilStart });
|
|
1939
|
+
};
|
|
1940
|
+
var TimeUntilStarts_default = TimeUntilStarts;
|
|
1941
|
+
|
|
1942
|
+
// src/components/controls/view/ViewControl.tsx
|
|
1943
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1872
1944
|
var ViewControl = (props) => {
|
|
1873
1945
|
const ControlComponents = {
|
|
1874
1946
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
1875
1947
|
[ViewControlTypes_default.asset]: Asset_default,
|
|
1876
1948
|
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
1877
1949
|
[ViewControlTypes_default.boolean]: BooleanView_default,
|
|
1950
|
+
[ViewControlTypes_default.timeUntilStarts]: TimeUntilStarts_default,
|
|
1878
1951
|
[ViewControlTypes_default.money]: MoneyView_default,
|
|
1879
1952
|
[ViewControlTypes_default.date]: DateView_default,
|
|
1880
1953
|
[ViewControlTypes_default.time]: DateView_default,
|
|
@@ -1890,16 +1963,16 @@ var ViewControl = (props) => {
|
|
|
1890
1963
|
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
|
|
1891
1964
|
};
|
|
1892
1965
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
1893
|
-
return /* @__PURE__ */ (0,
|
|
1966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react13.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
1894
1967
|
};
|
|
1895
1968
|
var ViewControl_default = ViewControl;
|
|
1896
1969
|
|
|
1897
1970
|
// src/components/controls/edit/InputControl.tsx
|
|
1898
|
-
var
|
|
1971
|
+
var import_react34 = __toESM(require("react"));
|
|
1899
1972
|
|
|
1900
1973
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
1901
|
-
var
|
|
1902
|
-
var
|
|
1974
|
+
var import_react14 = __toESM(require("react"));
|
|
1975
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1903
1976
|
var MultilineTextInput = (props) => {
|
|
1904
1977
|
const textChangeHandler = (event) => {
|
|
1905
1978
|
const text = event.target.value;
|
|
@@ -1918,11 +1991,11 @@ var MultilineTextInput = (props) => {
|
|
|
1918
1991
|
if (props.value !== void 0 && props.value !== null) {
|
|
1919
1992
|
value = props.value;
|
|
1920
1993
|
}
|
|
1921
|
-
return /* @__PURE__ */ (0,
|
|
1922
|
-
/* @__PURE__ */ (0,
|
|
1994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block mb-1", children: [
|
|
1995
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1923
1996
|
" ",
|
|
1924
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1925
|
-
/* @__PURE__ */ (0,
|
|
1997
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1998
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1926
1999
|
"textarea",
|
|
1927
2000
|
{
|
|
1928
2001
|
name: props.name,
|
|
@@ -1939,14 +2012,14 @@ var MultilineTextInput = (props) => {
|
|
|
1939
2012
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
|
|
1940
2013
|
}
|
|
1941
2014
|
),
|
|
1942
|
-
/* @__PURE__ */ (0,
|
|
2015
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1943
2016
|
] }) });
|
|
1944
2017
|
};
|
|
1945
2018
|
var MultilineTextInput_default = MultilineTextInput;
|
|
1946
2019
|
|
|
1947
2020
|
// src/components/controls/edit/LineTextInput.tsx
|
|
1948
|
-
var
|
|
1949
|
-
var
|
|
2021
|
+
var import_react15 = __toESM(require("react"));
|
|
2022
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1950
2023
|
var LineTextInput = (props) => {
|
|
1951
2024
|
const textChangeHandler = (event) => {
|
|
1952
2025
|
const text = event.target.value;
|
|
@@ -1965,11 +2038,11 @@ var LineTextInput = (props) => {
|
|
|
1965
2038
|
if (props.value !== void 0 && props.value !== null) {
|
|
1966
2039
|
value = props.value;
|
|
1967
2040
|
}
|
|
1968
|
-
return /* @__PURE__ */ (0,
|
|
1969
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2041
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block", children: [
|
|
2042
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
1970
2043
|
" ",
|
|
1971
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1972
|
-
/* @__PURE__ */ (0,
|
|
2044
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2045
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1973
2046
|
"input",
|
|
1974
2047
|
{
|
|
1975
2048
|
type: "text",
|
|
@@ -1989,14 +2062,14 @@ var LineTextInput = (props) => {
|
|
|
1989
2062
|
`
|
|
1990
2063
|
}
|
|
1991
2064
|
),
|
|
1992
|
-
/* @__PURE__ */ (0,
|
|
2065
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1993
2066
|
] }) });
|
|
1994
2067
|
};
|
|
1995
2068
|
var LineTextInput_default = LineTextInput;
|
|
1996
2069
|
|
|
1997
2070
|
// src/components/controls/edit/MoneyInput.tsx
|
|
1998
|
-
var
|
|
1999
|
-
var
|
|
2071
|
+
var import_react16 = __toESM(require("react"));
|
|
2072
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2000
2073
|
var MoneyInput = (props) => {
|
|
2001
2074
|
const textChangeHandler = (event) => {
|
|
2002
2075
|
const rawValue = event.target.value;
|
|
@@ -2025,11 +2098,11 @@ var MoneyInput = (props) => {
|
|
|
2025
2098
|
e.preventDefault();
|
|
2026
2099
|
}
|
|
2027
2100
|
};
|
|
2028
|
-
return /* @__PURE__ */ (0,
|
|
2029
|
-
/* @__PURE__ */ (0,
|
|
2101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "block mb-1", children: [
|
|
2102
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2030
2103
|
" ",
|
|
2031
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2032
|
-
/* @__PURE__ */ (0,
|
|
2104
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2105
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2033
2106
|
"input",
|
|
2034
2107
|
{
|
|
2035
2108
|
type: "number",
|
|
@@ -2049,7 +2122,7 @@ var MoneyInput = (props) => {
|
|
|
2049
2122
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
2050
2123
|
}
|
|
2051
2124
|
),
|
|
2052
|
-
/* @__PURE__ */ (0,
|
|
2125
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2053
2126
|
] }) });
|
|
2054
2127
|
};
|
|
2055
2128
|
var MoneyInput_default = MoneyInput;
|
|
@@ -2080,10 +2153,10 @@ var InputControlType = {
|
|
|
2080
2153
|
var InputControlType_default = InputControlType;
|
|
2081
2154
|
|
|
2082
2155
|
// src/components/controls/edit/Select.tsx
|
|
2083
|
-
var
|
|
2084
|
-
var
|
|
2156
|
+
var import_react17 = require("react");
|
|
2157
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2085
2158
|
var Select = (props) => {
|
|
2086
|
-
const [list, setList] = (0,
|
|
2159
|
+
const [list, setList] = (0, import_react17.useState)([]);
|
|
2087
2160
|
const getSafeValue = (val) => {
|
|
2088
2161
|
if (val === null || val === void 0) return "";
|
|
2089
2162
|
if (typeof val === "boolean") return val ? "1" : "0";
|
|
@@ -2112,7 +2185,7 @@ var Select = (props) => {
|
|
|
2112
2185
|
groupKey: props.groupKey
|
|
2113
2186
|
});
|
|
2114
2187
|
};
|
|
2115
|
-
(0,
|
|
2188
|
+
(0, import_react17.useEffect)(() => {
|
|
2116
2189
|
async function fetchData() {
|
|
2117
2190
|
if (props.dataset) {
|
|
2118
2191
|
setList(props.dataset);
|
|
@@ -2139,11 +2212,11 @@ var Select = (props) => {
|
|
|
2139
2212
|
props.dataSourceDependsOn
|
|
2140
2213
|
]);
|
|
2141
2214
|
const value = getSafeValue(props.value);
|
|
2142
|
-
return /* @__PURE__ */ (0,
|
|
2143
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
2215
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block", children: [
|
|
2216
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
2144
2217
|
" ",
|
|
2145
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
2146
|
-
/* @__PURE__ */ (0,
|
|
2218
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2219
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
2147
2220
|
"select",
|
|
2148
2221
|
{
|
|
2149
2222
|
name: props.name,
|
|
@@ -2154,23 +2227,23 @@ var Select = (props) => {
|
|
|
2154
2227
|
disabled: props.attributes?.readOnly,
|
|
2155
2228
|
className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
|
|
2156
2229
|
children: [
|
|
2157
|
-
/* @__PURE__ */ (0,
|
|
2230
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2158
2231
|
list.map((item, index) => {
|
|
2159
2232
|
const keyField = props.dataKeyFieldName;
|
|
2160
2233
|
const textField = props.dataTextFieldName;
|
|
2161
|
-
return /* @__PURE__ */ (0,
|
|
2234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
2162
2235
|
})
|
|
2163
2236
|
]
|
|
2164
2237
|
}
|
|
2165
2238
|
),
|
|
2166
|
-
/* @__PURE__ */ (0,
|
|
2239
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
2167
2240
|
] });
|
|
2168
2241
|
};
|
|
2169
2242
|
var Select_default = Select;
|
|
2170
2243
|
|
|
2171
2244
|
// src/components/controls/edit/PercentageInput.tsx
|
|
2172
|
-
var
|
|
2173
|
-
var
|
|
2245
|
+
var import_react18 = __toESM(require("react"));
|
|
2246
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2174
2247
|
var PercentageInput = (props) => {
|
|
2175
2248
|
const textChangeHandler = (event) => {
|
|
2176
2249
|
const rawValue = event.target.value;
|
|
@@ -2199,11 +2272,11 @@ var PercentageInput = (props) => {
|
|
|
2199
2272
|
e.preventDefault();
|
|
2200
2273
|
}
|
|
2201
2274
|
};
|
|
2202
|
-
return /* @__PURE__ */ (0,
|
|
2203
|
-
/* @__PURE__ */ (0,
|
|
2275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
|
|
2276
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
2204
2277
|
" ",
|
|
2205
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2206
|
-
/* @__PURE__ */ (0,
|
|
2278
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2279
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2207
2280
|
"input",
|
|
2208
2281
|
{
|
|
2209
2282
|
type: "number",
|
|
@@ -2222,14 +2295,14 @@ var PercentageInput = (props) => {
|
|
|
2222
2295
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
2223
2296
|
}
|
|
2224
2297
|
),
|
|
2225
|
-
/* @__PURE__ */ (0,
|
|
2298
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2226
2299
|
] }) });
|
|
2227
2300
|
};
|
|
2228
2301
|
var PercentageInput_default = PercentageInput;
|
|
2229
2302
|
|
|
2230
2303
|
// src/components/controls/edit/PhoneInput.tsx
|
|
2231
|
-
var
|
|
2232
|
-
var
|
|
2304
|
+
var import_react19 = __toESM(require("react"));
|
|
2305
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2233
2306
|
var PhoneInput = (props) => {
|
|
2234
2307
|
const textChangeHandler = (event) => {
|
|
2235
2308
|
const text = event.target.value;
|
|
@@ -2248,13 +2321,13 @@ var PhoneInput = (props) => {
|
|
|
2248
2321
|
if (props.value !== void 0 && props.value !== null) {
|
|
2249
2322
|
value = props.value;
|
|
2250
2323
|
}
|
|
2251
|
-
return /* @__PURE__ */ (0,
|
|
2252
|
-
/* @__PURE__ */ (0,
|
|
2324
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block mb-1", children: [
|
|
2325
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2253
2326
|
" ",
|
|
2254
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2255
|
-
/* @__PURE__ */ (0,
|
|
2256
|
-
/* @__PURE__ */ (0,
|
|
2257
|
-
/* @__PURE__ */ (0,
|
|
2327
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2328
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
2329
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
2330
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2258
2331
|
"input",
|
|
2259
2332
|
{
|
|
2260
2333
|
type: "text",
|
|
@@ -2272,14 +2345,14 @@ var PhoneInput = (props) => {
|
|
|
2272
2345
|
}
|
|
2273
2346
|
)
|
|
2274
2347
|
] }),
|
|
2275
|
-
/* @__PURE__ */ (0,
|
|
2348
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2276
2349
|
] }) });
|
|
2277
2350
|
};
|
|
2278
2351
|
var PhoneInput_default = PhoneInput;
|
|
2279
2352
|
|
|
2280
2353
|
// src/components/controls/edit/NumberInput.tsx
|
|
2281
|
-
var
|
|
2282
|
-
var
|
|
2354
|
+
var import_react20 = __toESM(require("react"));
|
|
2355
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2283
2356
|
var NumberInput = (props) => {
|
|
2284
2357
|
const textChangeHandler = (event) => {
|
|
2285
2358
|
const text = event.target.value;
|
|
@@ -2302,11 +2375,11 @@ var NumberInput = (props) => {
|
|
|
2302
2375
|
if (props.value !== void 0 && props.value !== null) {
|
|
2303
2376
|
value = props.value;
|
|
2304
2377
|
}
|
|
2305
|
-
return /* @__PURE__ */ (0,
|
|
2306
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2378
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react20.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "block", children: [
|
|
2379
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
2307
2380
|
" ",
|
|
2308
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2309
|
-
/* @__PURE__ */ (0,
|
|
2381
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2382
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2310
2383
|
"input",
|
|
2311
2384
|
{
|
|
2312
2385
|
type: "number",
|
|
@@ -2325,14 +2398,14 @@ var NumberInput = (props) => {
|
|
|
2325
2398
|
className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2326
2399
|
}
|
|
2327
2400
|
),
|
|
2328
|
-
/* @__PURE__ */ (0,
|
|
2401
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2329
2402
|
] }) });
|
|
2330
2403
|
};
|
|
2331
2404
|
var NumberInput_default = NumberInput;
|
|
2332
2405
|
|
|
2333
2406
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
2334
|
-
var
|
|
2335
|
-
var
|
|
2407
|
+
var import_react21 = __toESM(require("react"));
|
|
2408
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2336
2409
|
var CheckboxInput = (props) => {
|
|
2337
2410
|
const textChangeHandler = (event) => {
|
|
2338
2411
|
let text = event.target.checked;
|
|
@@ -2349,11 +2422,11 @@ var CheckboxInput = (props) => {
|
|
|
2349
2422
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
2350
2423
|
value = true;
|
|
2351
2424
|
}
|
|
2352
|
-
return /* @__PURE__ */ (0,
|
|
2353
|
-
/* @__PURE__ */ (0,
|
|
2425
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react21.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "inline-block mb-1", children: [
|
|
2426
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2354
2427
|
" ",
|
|
2355
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2356
|
-
/* @__PURE__ */ (0,
|
|
2428
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2429
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2357
2430
|
"input",
|
|
2358
2431
|
{
|
|
2359
2432
|
type: "checkbox",
|
|
@@ -2370,14 +2443,14 @@ var CheckboxInput = (props) => {
|
|
|
2370
2443
|
className: "peer mt-1 py-1.5 block rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2371
2444
|
}
|
|
2372
2445
|
),
|
|
2373
|
-
/* @__PURE__ */ (0,
|
|
2446
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2374
2447
|
] }) });
|
|
2375
2448
|
};
|
|
2376
2449
|
var CheckboxInput_default = CheckboxInput;
|
|
2377
2450
|
|
|
2378
2451
|
// src/components/controls/edit/OtpInput.tsx
|
|
2379
|
-
var
|
|
2380
|
-
var
|
|
2452
|
+
var import_react22 = __toESM(require("react"));
|
|
2453
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2381
2454
|
var OtpInput = (props) => {
|
|
2382
2455
|
const textChangeHandler = (event) => {
|
|
2383
2456
|
const text = event.target.value;
|
|
@@ -2399,11 +2472,11 @@ var OtpInput = (props) => {
|
|
|
2399
2472
|
if (props.value !== void 0 && props.value !== null) {
|
|
2400
2473
|
value = props.value;
|
|
2401
2474
|
}
|
|
2402
|
-
return /* @__PURE__ */ (0,
|
|
2403
|
-
/* @__PURE__ */ (0,
|
|
2475
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
2476
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2404
2477
|
" ",
|
|
2405
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2406
|
-
/* @__PURE__ */ (0,
|
|
2478
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2479
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2407
2480
|
"input",
|
|
2408
2481
|
{
|
|
2409
2482
|
type: "text",
|
|
@@ -2423,14 +2496,14 @@ var OtpInput = (props) => {
|
|
|
2423
2496
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
|
|
2424
2497
|
}
|
|
2425
2498
|
),
|
|
2426
|
-
/* @__PURE__ */ (0,
|
|
2499
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2427
2500
|
] }) });
|
|
2428
2501
|
};
|
|
2429
2502
|
var OtpInput_default = OtpInput;
|
|
2430
2503
|
|
|
2431
2504
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
2432
|
-
var
|
|
2433
|
-
var
|
|
2505
|
+
var import_react23 = __toESM(require("react"));
|
|
2506
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2434
2507
|
var DateTimeInput = (props) => {
|
|
2435
2508
|
const textChangeHandler = (event) => {
|
|
2436
2509
|
const localDate = new Date(event.target.value);
|
|
@@ -2462,12 +2535,12 @@ var DateTimeInput = (props) => {
|
|
|
2462
2535
|
e.preventDefault();
|
|
2463
2536
|
}
|
|
2464
2537
|
};
|
|
2465
|
-
return /* @__PURE__ */ (0,
|
|
2466
|
-
/* @__PURE__ */ (0,
|
|
2538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react23.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "block mb-1", children: [
|
|
2539
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2467
2540
|
" ",
|
|
2468
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2469
|
-
/* @__PURE__ */ (0,
|
|
2470
|
-
/* @__PURE__ */ (0,
|
|
2541
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2542
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2543
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2471
2544
|
"input",
|
|
2472
2545
|
{
|
|
2473
2546
|
type: "datetime-local",
|
|
@@ -2485,19 +2558,19 @@ var DateTimeInput = (props) => {
|
|
|
2485
2558
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2486
2559
|
}
|
|
2487
2560
|
),
|
|
2488
|
-
/* @__PURE__ */ (0,
|
|
2561
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: timeZoneAbbr })
|
|
2489
2562
|
] }),
|
|
2490
|
-
/* @__PURE__ */ (0,
|
|
2563
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2491
2564
|
] }) });
|
|
2492
2565
|
};
|
|
2493
2566
|
var DateTimeInput_default = DateTimeInput;
|
|
2494
2567
|
|
|
2495
2568
|
// src/components/controls/edit/ColorInput.tsx
|
|
2496
|
-
var
|
|
2497
|
-
var
|
|
2569
|
+
var import_react24 = __toESM(require("react"));
|
|
2570
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2498
2571
|
var ColorInput = (props) => {
|
|
2499
|
-
const [color, setColor] =
|
|
2500
|
-
(0,
|
|
2572
|
+
const [color, setColor] = import_react24.default.useState("#3b82f6");
|
|
2573
|
+
(0, import_react24.useEffect)(() => {
|
|
2501
2574
|
if (props.value !== void 0 && props.value !== null) {
|
|
2502
2575
|
if (typeof props.value === "string") {
|
|
2503
2576
|
setColor(props.value);
|
|
@@ -2516,11 +2589,11 @@ var ColorInput = (props) => {
|
|
|
2516
2589
|
});
|
|
2517
2590
|
}
|
|
2518
2591
|
};
|
|
2519
|
-
return /* @__PURE__ */ (0,
|
|
2520
|
-
/* @__PURE__ */ (0,
|
|
2592
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block mb-1", children: [
|
|
2593
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2521
2594
|
" ",
|
|
2522
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2523
|
-
/* @__PURE__ */ (0,
|
|
2595
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2596
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2524
2597
|
"input",
|
|
2525
2598
|
{
|
|
2526
2599
|
type: "color",
|
|
@@ -2533,21 +2606,21 @@ var ColorInput = (props) => {
|
|
|
2533
2606
|
className: `w-[78px] h-12 block cursor-pointer`
|
|
2534
2607
|
}
|
|
2535
2608
|
),
|
|
2536
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
2609
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
|
|
2537
2610
|
] });
|
|
2538
2611
|
};
|
|
2539
2612
|
var ColorInput_default = ColorInput;
|
|
2540
2613
|
|
|
2541
2614
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
2542
|
-
var
|
|
2543
|
-
var
|
|
2615
|
+
var import_react25 = require("react");
|
|
2616
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2544
2617
|
var SelectWithSearchInput = (props) => {
|
|
2545
|
-
const [isOpen, setIsOpen] = (0,
|
|
2546
|
-
const [searchTerm, setSearchTerm] = (0,
|
|
2547
|
-
const [highlightedIndex, setHighlightedIndex] = (0,
|
|
2548
|
-
const [selectedItem, setSelectedItem] = (0,
|
|
2549
|
-
const [list, setList] = (0,
|
|
2550
|
-
(0,
|
|
2618
|
+
const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
|
|
2619
|
+
const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
|
|
2620
|
+
const [highlightedIndex, setHighlightedIndex] = (0, import_react25.useState)(-1);
|
|
2621
|
+
const [selectedItem, setSelectedItem] = (0, import_react25.useState)(null);
|
|
2622
|
+
const [list, setList] = (0, import_react25.useState)([]);
|
|
2623
|
+
(0, import_react25.useEffect)(() => {
|
|
2551
2624
|
async function fetchData() {
|
|
2552
2625
|
if (props.dataset) {
|
|
2553
2626
|
setList(props.dataset);
|
|
@@ -2601,8 +2674,8 @@ var SelectWithSearchInput = (props) => {
|
|
|
2601
2674
|
handleSelect(e, filteredItems[highlightedIndex]);
|
|
2602
2675
|
}
|
|
2603
2676
|
};
|
|
2604
|
-
const dropdownRef = (0,
|
|
2605
|
-
(0,
|
|
2677
|
+
const dropdownRef = (0, import_react25.useRef)(null);
|
|
2678
|
+
(0, import_react25.useEffect)(() => {
|
|
2606
2679
|
if (highlightedIndex >= 0 && dropdownRef.current) {
|
|
2607
2680
|
const highlightedItem = dropdownRef.current.children[highlightedIndex];
|
|
2608
2681
|
highlightedItem?.scrollIntoView({
|
|
@@ -2611,15 +2684,15 @@ var SelectWithSearchInput = (props) => {
|
|
|
2611
2684
|
});
|
|
2612
2685
|
}
|
|
2613
2686
|
}, [highlightedIndex]);
|
|
2614
|
-
return /* @__PURE__ */ (0,
|
|
2615
|
-
/* @__PURE__ */ (0,
|
|
2687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative", children: [
|
|
2688
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { children: [
|
|
2616
2689
|
props.attributes?.label,
|
|
2617
2690
|
" ",
|
|
2618
2691
|
" ",
|
|
2619
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2692
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2620
2693
|
] }),
|
|
2621
|
-
/* @__PURE__ */ (0,
|
|
2622
|
-
/* @__PURE__ */ (0,
|
|
2694
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative", children: [
|
|
2695
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2623
2696
|
"input",
|
|
2624
2697
|
{
|
|
2625
2698
|
type: "text",
|
|
@@ -2635,13 +2708,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
2635
2708
|
className: "peer py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
2636
2709
|
}
|
|
2637
2710
|
),
|
|
2638
|
-
/* @__PURE__ */ (0,
|
|
2711
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2639
2712
|
"button",
|
|
2640
2713
|
{
|
|
2641
2714
|
type: "button",
|
|
2642
2715
|
onClick: () => setIsOpen(!isOpen),
|
|
2643
2716
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
2644
|
-
children: /* @__PURE__ */ (0,
|
|
2717
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2645
2718
|
"svg",
|
|
2646
2719
|
{
|
|
2647
2720
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2650,7 +2723,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
2650
2723
|
strokeWidth: 1.5,
|
|
2651
2724
|
stroke: "currentColor",
|
|
2652
2725
|
className: "w-full h-full",
|
|
2653
|
-
children: /* @__PURE__ */ (0,
|
|
2726
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2654
2727
|
"path",
|
|
2655
2728
|
{
|
|
2656
2729
|
strokeLinecap: "round",
|
|
@@ -2663,12 +2736,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
2663
2736
|
}
|
|
2664
2737
|
)
|
|
2665
2738
|
] }),
|
|
2666
|
-
isOpen && /* @__PURE__ */ (0,
|
|
2739
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2667
2740
|
"div",
|
|
2668
2741
|
{
|
|
2669
2742
|
ref: dropdownRef,
|
|
2670
2743
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
2671
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2744
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2672
2745
|
"button",
|
|
2673
2746
|
{
|
|
2674
2747
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -2676,10 +2749,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
2676
2749
|
role: "option",
|
|
2677
2750
|
tabIndex: -1,
|
|
2678
2751
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2679
|
-
children: /* @__PURE__ */ (0,
|
|
2752
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
2680
2753
|
},
|
|
2681
2754
|
item[props.dataKeyFieldName]
|
|
2682
|
-
)) : /* @__PURE__ */ (0,
|
|
2755
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2683
2756
|
}
|
|
2684
2757
|
)
|
|
2685
2758
|
] });
|
|
@@ -2688,22 +2761,22 @@ var SelectWithSearchInput_default = SelectWithSearchInput;
|
|
|
2688
2761
|
|
|
2689
2762
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
2690
2763
|
init_Button();
|
|
2691
|
-
var
|
|
2692
|
-
var
|
|
2764
|
+
var import_react29 = __toESM(require("react"));
|
|
2765
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2693
2766
|
var SelectWithSearchPanel = (props) => {
|
|
2694
|
-
const [isOpen, setIsOpen] = (0,
|
|
2695
|
-
const [searchTerm, setSearchTerm] = (0,
|
|
2696
|
-
const [highlightedIndex, setHighlightedIndex] = (0,
|
|
2697
|
-
const [list, setList] = (0,
|
|
2698
|
-
const listRef = (0,
|
|
2699
|
-
const [isError, setIsError] = (0,
|
|
2700
|
-
const containerRef = (0,
|
|
2701
|
-
const [isCreateOpen, setIsCreateOpen] = (0,
|
|
2702
|
-
const [formData, setFormData] = (0,
|
|
2767
|
+
const [isOpen, setIsOpen] = (0, import_react29.useState)(false);
|
|
2768
|
+
const [searchTerm, setSearchTerm] = (0, import_react29.useState)("");
|
|
2769
|
+
const [highlightedIndex, setHighlightedIndex] = (0, import_react29.useState)(0);
|
|
2770
|
+
const [list, setList] = (0, import_react29.useState)([]);
|
|
2771
|
+
const listRef = (0, import_react29.useRef)(null);
|
|
2772
|
+
const [isError, setIsError] = (0, import_react29.useState)(false);
|
|
2773
|
+
const containerRef = (0, import_react29.useRef)(null);
|
|
2774
|
+
const [isCreateOpen, setIsCreateOpen] = (0, import_react29.useState)(false);
|
|
2775
|
+
const [formData, setFormData] = (0, import_react29.useState)({});
|
|
2703
2776
|
const getNestedValue3 = (obj, path) => {
|
|
2704
2777
|
return path.split(".").reduce((acc, key) => acc?.[key], obj);
|
|
2705
2778
|
};
|
|
2706
|
-
(0,
|
|
2779
|
+
(0, import_react29.useEffect)(() => {
|
|
2707
2780
|
const handleClickOutside = (event) => {
|
|
2708
2781
|
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
2709
2782
|
setIsOpen(false);
|
|
@@ -2714,7 +2787,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2714
2787
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
2715
2788
|
};
|
|
2716
2789
|
}, []);
|
|
2717
|
-
(0,
|
|
2790
|
+
(0, import_react29.useEffect)(() => {
|
|
2718
2791
|
async function fetchData() {
|
|
2719
2792
|
if (props.dataset) {
|
|
2720
2793
|
setList(props.dataset);
|
|
@@ -2756,7 +2829,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2756
2829
|
audioCtx.close();
|
|
2757
2830
|
}, 250);
|
|
2758
2831
|
};
|
|
2759
|
-
(0,
|
|
2832
|
+
(0, import_react29.useEffect)(() => {
|
|
2760
2833
|
const filteredItems2 = list?.filter(
|
|
2761
2834
|
(item) => item[props?.dataTextFieldName]?.toLowerCase().includes(searchTerm?.toLowerCase())
|
|
2762
2835
|
);
|
|
@@ -2821,18 +2894,18 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2821
2894
|
const handleInputChange = (event, field) => {
|
|
2822
2895
|
setFormData((prev) => ({ ...prev, [field]: event.target.value }));
|
|
2823
2896
|
};
|
|
2824
|
-
const handleSaveModal = (0,
|
|
2897
|
+
const handleSaveModal = (0, import_react29.useCallback)(async () => {
|
|
2825
2898
|
console.log("Form Data:", formData);
|
|
2826
2899
|
return formData;
|
|
2827
2900
|
}, []);
|
|
2828
|
-
return /* @__PURE__ */ (0,
|
|
2829
|
-
/* @__PURE__ */ (0,
|
|
2901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative", children: [
|
|
2902
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
|
|
2830
2903
|
props.attributes?.label,
|
|
2831
2904
|
" ",
|
|
2832
2905
|
" ",
|
|
2833
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2906
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2834
2907
|
] }),
|
|
2835
|
-
/* @__PURE__ */ (0,
|
|
2908
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2836
2909
|
"input",
|
|
2837
2910
|
{
|
|
2838
2911
|
type: "text",
|
|
@@ -2846,14 +2919,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2846
2919
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
2847
2920
|
}
|
|
2848
2921
|
) }),
|
|
2849
|
-
/* @__PURE__ */ (0,
|
|
2850
|
-
/* @__PURE__ */ (0,
|
|
2851
|
-
/* @__PURE__ */ (0,
|
|
2922
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react29.default.Fragment, { children: [
|
|
2923
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
2924
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
2852
2925
|
"Select a",
|
|
2853
2926
|
" ",
|
|
2854
2927
|
props.attributes?.label || props.attributes?.heading
|
|
2855
2928
|
] }) }),
|
|
2856
|
-
/* @__PURE__ */ (0,
|
|
2929
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsx)(
|
|
2857
2930
|
"button",
|
|
2858
2931
|
{
|
|
2859
2932
|
type: "button",
|
|
@@ -2866,12 +2939,12 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2866
2939
|
}
|
|
2867
2940
|
) })
|
|
2868
2941
|
] }),
|
|
2869
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
2870
|
-
/* @__PURE__ */ (0,
|
|
2942
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime32.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: [
|
|
2943
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
2871
2944
|
"Create New ",
|
|
2872
2945
|
props.attributes?.label
|
|
2873
2946
|
] }) }),
|
|
2874
|
-
/* @__PURE__ */ (0,
|
|
2947
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2875
2948
|
"button",
|
|
2876
2949
|
{
|
|
2877
2950
|
type: "button",
|
|
@@ -2880,10 +2953,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2880
2953
|
children: "Close"
|
|
2881
2954
|
}
|
|
2882
2955
|
) }),
|
|
2883
|
-
/* @__PURE__ */ (0,
|
|
2884
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
2885
|
-
/* @__PURE__ */ (0,
|
|
2886
|
-
/* @__PURE__ */ (0,
|
|
2956
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "p-4", children: [
|
|
2957
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "mb-4", children: [
|
|
2958
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
2959
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2887
2960
|
"input",
|
|
2888
2961
|
{
|
|
2889
2962
|
type: field.type,
|
|
@@ -2899,7 +2972,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2899
2972
|
}
|
|
2900
2973
|
)
|
|
2901
2974
|
] }, field.name)),
|
|
2902
|
-
/* @__PURE__ */ (0,
|
|
2975
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Button_default, { onClick: async () => {
|
|
2903
2976
|
handleSaveModal();
|
|
2904
2977
|
return { isSuccessful: true };
|
|
2905
2978
|
}, className: "w-full", children: [
|
|
@@ -2908,13 +2981,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2908
2981
|
] })
|
|
2909
2982
|
] })
|
|
2910
2983
|
] }),
|
|
2911
|
-
/* @__PURE__ */ (0,
|
|
2984
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2912
2985
|
"div",
|
|
2913
2986
|
{
|
|
2914
2987
|
ref: listRef,
|
|
2915
2988
|
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",
|
|
2916
2989
|
style: { height: "calc(100vh - 130px)" },
|
|
2917
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2990
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2918
2991
|
"button",
|
|
2919
2992
|
{
|
|
2920
2993
|
onClick: (e) => {
|
|
@@ -2924,9 +2997,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2924
2997
|
role: "option",
|
|
2925
2998
|
tabIndex: -1,
|
|
2926
2999
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2927
|
-
children: /* @__PURE__ */ (0,
|
|
3000
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
2928
3001
|
}
|
|
2929
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
3002
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2930
3003
|
}
|
|
2931
3004
|
)
|
|
2932
3005
|
] }) })
|
|
@@ -2935,10 +3008,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2935
3008
|
var SelectWithSearchPanel_default = SelectWithSearchPanel;
|
|
2936
3009
|
|
|
2937
3010
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
2938
|
-
var
|
|
2939
|
-
var
|
|
3011
|
+
var import_react30 = __toESM(require("react"));
|
|
3012
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2940
3013
|
var BooleanSelect = (props) => {
|
|
2941
|
-
const [list, setList] = (0,
|
|
3014
|
+
const [list, setList] = (0, import_react30.useState)();
|
|
2942
3015
|
const textChangeHandler = (event) => {
|
|
2943
3016
|
const text = event.target.value;
|
|
2944
3017
|
const boolValue = text?.toLowerCase() === "true" || text === "1";
|
|
@@ -2951,7 +3024,7 @@ var BooleanSelect = (props) => {
|
|
|
2951
3024
|
});
|
|
2952
3025
|
}
|
|
2953
3026
|
};
|
|
2954
|
-
(0,
|
|
3027
|
+
(0, import_react30.useEffect)(() => {
|
|
2955
3028
|
async function fetchData() {
|
|
2956
3029
|
console.log("in select");
|
|
2957
3030
|
if (props.dataset) {
|
|
@@ -2985,11 +3058,11 @@ var BooleanSelect = (props) => {
|
|
|
2985
3058
|
if (props.value !== void 0 && props.value !== null) {
|
|
2986
3059
|
value = props.value;
|
|
2987
3060
|
}
|
|
2988
|
-
return /* @__PURE__ */ (0,
|
|
2989
|
-
/* @__PURE__ */ (0,
|
|
3061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react30.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "block", children: [
|
|
3062
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2990
3063
|
" ",
|
|
2991
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2992
|
-
/* @__PURE__ */ (0,
|
|
3064
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3065
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
2993
3066
|
"select",
|
|
2994
3067
|
{
|
|
2995
3068
|
name: props.name,
|
|
@@ -3001,9 +3074,9 @@ var BooleanSelect = (props) => {
|
|
|
3001
3074
|
disabled: props?.attributes?.readOnly,
|
|
3002
3075
|
className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
3003
3076
|
children: [
|
|
3004
|
-
/* @__PURE__ */ (0,
|
|
3077
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
3005
3078
|
list && list.map((item, i) => {
|
|
3006
|
-
return /* @__PURE__ */ (0,
|
|
3079
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3007
3080
|
"option",
|
|
3008
3081
|
{
|
|
3009
3082
|
className: "fac-select-option",
|
|
@@ -3016,14 +3089,14 @@ var BooleanSelect = (props) => {
|
|
|
3016
3089
|
]
|
|
3017
3090
|
}
|
|
3018
3091
|
),
|
|
3019
|
-
/* @__PURE__ */ (0,
|
|
3092
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3020
3093
|
] }) });
|
|
3021
3094
|
};
|
|
3022
3095
|
var BooleanSelect_default = BooleanSelect;
|
|
3023
3096
|
|
|
3024
3097
|
// src/components/controls/edit/EmailInput.tsx
|
|
3025
|
-
var
|
|
3026
|
-
var
|
|
3098
|
+
var import_react31 = __toESM(require("react"));
|
|
3099
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3027
3100
|
var EmailInput = (props) => {
|
|
3028
3101
|
const textChangeHandler = (event) => {
|
|
3029
3102
|
const text = event.target.value;
|
|
@@ -3048,11 +3121,11 @@ var EmailInput = (props) => {
|
|
|
3048
3121
|
if (props.value !== void 0 && props.value !== null) {
|
|
3049
3122
|
value = props.value;
|
|
3050
3123
|
}
|
|
3051
|
-
return /* @__PURE__ */ (0,
|
|
3052
|
-
/* @__PURE__ */ (0,
|
|
3124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react31.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "block mb-1", children: [
|
|
3125
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
3053
3126
|
" ",
|
|
3054
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3055
|
-
/* @__PURE__ */ (0,
|
|
3127
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3128
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3056
3129
|
"input",
|
|
3057
3130
|
{
|
|
3058
3131
|
type: "email",
|
|
@@ -3068,14 +3141,14 @@ var EmailInput = (props) => {
|
|
|
3068
3141
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
3069
3142
|
}
|
|
3070
3143
|
),
|
|
3071
|
-
/* @__PURE__ */ (0,
|
|
3144
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3072
3145
|
] }) });
|
|
3073
3146
|
};
|
|
3074
3147
|
var EmailInput_default = EmailInput;
|
|
3075
3148
|
|
|
3076
3149
|
// src/components/controls/edit/TimeInput.tsx
|
|
3077
|
-
var
|
|
3078
|
-
var
|
|
3150
|
+
var import_react32 = __toESM(require("react"));
|
|
3151
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
3079
3152
|
var TimeInput = (props) => {
|
|
3080
3153
|
const timeChangeHandler = (event) => {
|
|
3081
3154
|
const timeValue = event.target.value;
|
|
@@ -3088,11 +3161,11 @@ var TimeInput = (props) => {
|
|
|
3088
3161
|
});
|
|
3089
3162
|
}
|
|
3090
3163
|
};
|
|
3091
|
-
return /* @__PURE__ */ (0,
|
|
3092
|
-
/* @__PURE__ */ (0,
|
|
3164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("label", { className: "block mb-1", children: [
|
|
3165
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
3093
3166
|
" ",
|
|
3094
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3095
|
-
/* @__PURE__ */ (0,
|
|
3167
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3168
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3096
3169
|
"input",
|
|
3097
3170
|
{
|
|
3098
3171
|
type: "time",
|
|
@@ -3105,20 +3178,20 @@ var TimeInput = (props) => {
|
|
|
3105
3178
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
3106
3179
|
}
|
|
3107
3180
|
) }),
|
|
3108
|
-
/* @__PURE__ */ (0,
|
|
3181
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
3109
3182
|
] }) });
|
|
3110
3183
|
};
|
|
3111
3184
|
var TimeInput_default = TimeInput;
|
|
3112
3185
|
|
|
3113
3186
|
// src/components/controls/edit/AssetUpload.tsx
|
|
3114
|
-
var
|
|
3187
|
+
var import_react33 = __toESM(require("react"));
|
|
3115
3188
|
init_ClientButton();
|
|
3116
3189
|
init_StyleTypes();
|
|
3117
3190
|
|
|
3118
3191
|
// src/components/dataForm/Hyperlink.tsx
|
|
3119
3192
|
var import_link = __toESM(require("next/link"));
|
|
3120
3193
|
init_StyleTypes();
|
|
3121
|
-
var
|
|
3194
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3122
3195
|
function Hyperlink(props) {
|
|
3123
3196
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
|
|
3124
3197
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -3126,7 +3199,7 @@ function Hyperlink(props) {
|
|
|
3126
3199
|
if (target == "_blank") {
|
|
3127
3200
|
additionalProps.rel = "noopener noreferrer";
|
|
3128
3201
|
}
|
|
3129
|
-
return /* @__PURE__ */ (0,
|
|
3202
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3130
3203
|
import_link.default,
|
|
3131
3204
|
{
|
|
3132
3205
|
href: props.href,
|
|
@@ -3136,34 +3209,34 @@ function Hyperlink(props) {
|
|
|
3136
3209
|
target,
|
|
3137
3210
|
children: props.children
|
|
3138
3211
|
}
|
|
3139
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
3212
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: props.className, children: props.children }) });
|
|
3140
3213
|
}
|
|
3141
3214
|
|
|
3142
3215
|
// src/svg/chevron-updown.tsx
|
|
3143
|
-
var
|
|
3216
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3144
3217
|
var ChevronUpDown = (props) => {
|
|
3145
|
-
return /* @__PURE__ */ (0,
|
|
3218
|
+
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: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
3146
3219
|
};
|
|
3147
3220
|
var chevron_updown_default = ChevronUpDown;
|
|
3148
3221
|
|
|
3149
3222
|
// src/svg/chevron-down.tsx
|
|
3150
|
-
var
|
|
3223
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3151
3224
|
var ChevronDown = (props) => {
|
|
3152
|
-
return /* @__PURE__ */ (0,
|
|
3225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
3153
3226
|
};
|
|
3154
3227
|
var chevron_down_default = ChevronDown;
|
|
3155
3228
|
|
|
3156
3229
|
// src/svg/chevron-up.tsx
|
|
3157
|
-
var
|
|
3230
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3158
3231
|
var ChevronUp = (props) => {
|
|
3159
|
-
return /* @__PURE__ */ (0,
|
|
3232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
3160
3233
|
};
|
|
3161
3234
|
var chevron_up_default = ChevronUp;
|
|
3162
3235
|
|
|
3163
3236
|
// src/svg/plus.tsx
|
|
3164
|
-
var
|
|
3237
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3165
3238
|
var Plus = (props) => {
|
|
3166
|
-
return /* @__PURE__ */ (0,
|
|
3239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
3167
3240
|
};
|
|
3168
3241
|
var plus_default = Plus;
|
|
3169
3242
|
|
|
@@ -3177,19 +3250,19 @@ var Icons = {
|
|
|
3177
3250
|
var Icons_default = Icons;
|
|
3178
3251
|
|
|
3179
3252
|
// src/svg/Icon.tsx
|
|
3180
|
-
var
|
|
3253
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3181
3254
|
var Icon = ({ name, className, ...props }) => {
|
|
3182
3255
|
const IconComponent = Icons_default[name];
|
|
3183
3256
|
if (!IconComponent) {
|
|
3184
3257
|
console.error(`Icon "${name}" not found.`);
|
|
3185
3258
|
return null;
|
|
3186
3259
|
}
|
|
3187
|
-
return /* @__PURE__ */ (0,
|
|
3260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconComponent, { ...props, className });
|
|
3188
3261
|
};
|
|
3189
3262
|
var Icon_default = Icon;
|
|
3190
3263
|
|
|
3191
3264
|
// src/components/controls/edit/AssetUpload.tsx
|
|
3192
|
-
var
|
|
3265
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3193
3266
|
var AssetUpload = (props) => {
|
|
3194
3267
|
const isDisabled = props.attributes?.disable ?? false;
|
|
3195
3268
|
let allValues = [];
|
|
@@ -3210,8 +3283,8 @@ var AssetUpload = (props) => {
|
|
|
3210
3283
|
}
|
|
3211
3284
|
return "image";
|
|
3212
3285
|
};
|
|
3213
|
-
const [assetType, setAssetType] =
|
|
3214
|
-
(0,
|
|
3286
|
+
const [assetType, setAssetType] = import_react33.default.useState(getInitialTab);
|
|
3287
|
+
(0, import_react33.useEffect)(() => {
|
|
3215
3288
|
setAssetType(getInitialTab());
|
|
3216
3289
|
}, [props.value]);
|
|
3217
3290
|
const assetUploadCallback = (newAsset) => {
|
|
@@ -3286,10 +3359,10 @@ var AssetUpload = (props) => {
|
|
|
3286
3359
|
}
|
|
3287
3360
|
return false;
|
|
3288
3361
|
};
|
|
3289
|
-
return /* @__PURE__ */ (0,
|
|
3290
|
-
/* @__PURE__ */ (0,
|
|
3291
|
-
/* @__PURE__ */ (0,
|
|
3292
|
-
/* @__PURE__ */ (0,
|
|
3362
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react33.default.Fragment, { children: [
|
|
3363
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
3364
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
3365
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3293
3366
|
ClientButton_default,
|
|
3294
3367
|
{
|
|
3295
3368
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -3299,7 +3372,7 @@ var AssetUpload = (props) => {
|
|
|
3299
3372
|
children: "Image Upload"
|
|
3300
3373
|
}
|
|
3301
3374
|
),
|
|
3302
|
-
/* @__PURE__ */ (0,
|
|
3375
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3303
3376
|
ClientButton_default,
|
|
3304
3377
|
{
|
|
3305
3378
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -3310,13 +3383,13 @@ var AssetUpload = (props) => {
|
|
|
3310
3383
|
}
|
|
3311
3384
|
)
|
|
3312
3385
|
] }),
|
|
3313
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
3314
|
-
/* @__PURE__ */ (0,
|
|
3315
|
-
/* @__PURE__ */ (0,
|
|
3316
|
-
/* @__PURE__ */ (0,
|
|
3317
|
-
/* @__PURE__ */ (0,
|
|
3318
|
-
/* @__PURE__ */ (0,
|
|
3319
|
-
/* @__PURE__ */ (0,
|
|
3386
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
3387
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
|
|
3388
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
3389
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
3390
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
|
|
3391
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
3392
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3320
3393
|
"input",
|
|
3321
3394
|
{
|
|
3322
3395
|
type: "text",
|
|
@@ -3328,18 +3401,18 @@ var AssetUpload = (props) => {
|
|
|
3328
3401
|
}
|
|
3329
3402
|
)
|
|
3330
3403
|
] }),
|
|
3331
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
3332
|
-
/* @__PURE__ */ (0,
|
|
3333
|
-
/* @__PURE__ */ (0,
|
|
3404
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
|
|
3405
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
3406
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
3334
3407
|
digitalAsset.intrinsicWidth,
|
|
3335
3408
|
"\xD7",
|
|
3336
3409
|
digitalAsset.intrinsicHeight
|
|
3337
3410
|
] })
|
|
3338
3411
|
] }),
|
|
3339
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
3340
|
-
/* @__PURE__ */ (0,
|
|
3341
|
-
/* @__PURE__ */ (0,
|
|
3342
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
3412
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
|
|
3413
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
3414
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
3415
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3343
3416
|
"img",
|
|
3344
3417
|
{
|
|
3345
3418
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -3347,7 +3420,7 @@ var AssetUpload = (props) => {
|
|
|
3347
3420
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
3348
3421
|
}
|
|
3349
3422
|
),
|
|
3350
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
3423
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3351
3424
|
"img",
|
|
3352
3425
|
{
|
|
3353
3426
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -3357,9 +3430,9 @@ var AssetUpload = (props) => {
|
|
|
3357
3430
|
)
|
|
3358
3431
|
] })
|
|
3359
3432
|
] }),
|
|
3360
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
3361
|
-
/* @__PURE__ */ (0,
|
|
3362
|
-
/* @__PURE__ */ (0,
|
|
3433
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "col-span-2", children: [
|
|
3434
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
3435
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3363
3436
|
Hyperlink,
|
|
3364
3437
|
{
|
|
3365
3438
|
href: digitalAsset.assetUrl,
|
|
@@ -3370,12 +3443,12 @@ var AssetUpload = (props) => {
|
|
|
3370
3443
|
)
|
|
3371
3444
|
] })
|
|
3372
3445
|
] }),
|
|
3373
|
-
/* @__PURE__ */ (0,
|
|
3446
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3374
3447
|
"span",
|
|
3375
3448
|
{
|
|
3376
3449
|
onClick: () => !isDisabled && deleteFile(index),
|
|
3377
3450
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
3378
|
-
children: /* @__PURE__ */ (0,
|
|
3451
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
3379
3452
|
}
|
|
3380
3453
|
)
|
|
3381
3454
|
] }, index)) })
|
|
@@ -3385,8 +3458,8 @@ var AssetUpload = (props) => {
|
|
|
3385
3458
|
var AssetUpload_default = AssetUpload;
|
|
3386
3459
|
|
|
3387
3460
|
// src/components/controls/edit/InputControl.tsx
|
|
3388
|
-
var
|
|
3389
|
-
var InputControl =
|
|
3461
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3462
|
+
var InputControl = import_react34.default.forwardRef(
|
|
3390
3463
|
(props, ref) => {
|
|
3391
3464
|
const ControlComponents = {
|
|
3392
3465
|
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
@@ -3408,20 +3481,20 @@ var InputControl = import_react33.default.forwardRef(
|
|
|
3408
3481
|
[InputControlType_default.asset]: AssetUpload_default
|
|
3409
3482
|
};
|
|
3410
3483
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
3411
|
-
return /* @__PURE__ */ (0,
|
|
3484
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react34.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
3412
3485
|
}
|
|
3413
3486
|
);
|
|
3414
3487
|
InputControl.displayName = "InputControl";
|
|
3415
3488
|
var InputControl_default = InputControl;
|
|
3416
3489
|
|
|
3417
3490
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
3418
|
-
var
|
|
3491
|
+
var import_react51 = __toESM(require("react"));
|
|
3419
3492
|
|
|
3420
3493
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3421
|
-
var
|
|
3494
|
+
var import_react37 = __toESM(require("react"));
|
|
3422
3495
|
|
|
3423
3496
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
3424
|
-
var
|
|
3497
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3425
3498
|
var TextNode = (props) => {
|
|
3426
3499
|
function cssStringToJson(cssString) {
|
|
3427
3500
|
const styleObject = {};
|
|
@@ -3476,35 +3549,35 @@ var TextNode = (props) => {
|
|
|
3476
3549
|
});
|
|
3477
3550
|
}
|
|
3478
3551
|
function renderWithLineBreaks(text) {
|
|
3479
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
3552
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { children: [
|
|
3480
3553
|
line,
|
|
3481
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
3554
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("br", {})
|
|
3482
3555
|
] }, index));
|
|
3483
3556
|
}
|
|
3484
3557
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
3485
3558
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
3486
3559
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
3487
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
3560
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("sub", { children: content }) : content;
|
|
3488
3561
|
return (
|
|
3489
3562
|
// @ts-expect-error custom code
|
|
3490
|
-
/* @__PURE__ */ (0,
|
|
3563
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
3491
3564
|
);
|
|
3492
3565
|
};
|
|
3493
3566
|
var TextNode_default = TextNode;
|
|
3494
3567
|
|
|
3495
3568
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
3496
|
-
var
|
|
3569
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3497
3570
|
var LineBreakNode = () => {
|
|
3498
|
-
return /* @__PURE__ */ (0,
|
|
3571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
3499
3572
|
};
|
|
3500
3573
|
var LineBreakNode_default = LineBreakNode;
|
|
3501
3574
|
|
|
3502
3575
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
3503
|
-
var
|
|
3576
|
+
var import_react36 = __toESM(require("react"));
|
|
3504
3577
|
|
|
3505
3578
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3506
3579
|
var import_dynamic3 = __toESM(require("next/dynamic"));
|
|
3507
|
-
var
|
|
3580
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3508
3581
|
var HlsPlayer2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
3509
3582
|
var getNestedValue = (obj, path) => {
|
|
3510
3583
|
if (!obj || !path) return void 0;
|
|
@@ -3537,7 +3610,7 @@ var ImageNode = (props) => {
|
|
|
3537
3610
|
assets = [image];
|
|
3538
3611
|
}
|
|
3539
3612
|
if (assets && assets.length > 0) {
|
|
3540
|
-
return /* @__PURE__ */ (0,
|
|
3613
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3541
3614
|
DeviceAssetSelector_default,
|
|
3542
3615
|
{
|
|
3543
3616
|
device: props.device,
|
|
@@ -3578,7 +3651,7 @@ var ImageNode = (props) => {
|
|
|
3578
3651
|
right: "justify-end"
|
|
3579
3652
|
};
|
|
3580
3653
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
3581
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
3654
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3582
3655
|
HlsPlayer2,
|
|
3583
3656
|
{
|
|
3584
3657
|
assetUrl: imageUrl,
|
|
@@ -3591,7 +3664,7 @@ var ImageNode = (props) => {
|
|
|
3591
3664
|
apiBaseUrl: props.apiBaseUrl,
|
|
3592
3665
|
session: props.session
|
|
3593
3666
|
}
|
|
3594
|
-
) : /* @__PURE__ */ (0,
|
|
3667
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3595
3668
|
"img",
|
|
3596
3669
|
{
|
|
3597
3670
|
style: styles,
|
|
@@ -3604,7 +3677,7 @@ var ImageNode = (props) => {
|
|
|
3604
3677
|
}
|
|
3605
3678
|
);
|
|
3606
3679
|
if (props.node.width) {
|
|
3607
|
-
return /* @__PURE__ */ (0,
|
|
3680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
3608
3681
|
}
|
|
3609
3682
|
return renderMedia();
|
|
3610
3683
|
};
|
|
@@ -3613,7 +3686,7 @@ var ImageNode_default = ImageNode;
|
|
|
3613
3686
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
3614
3687
|
init_StyleTypes();
|
|
3615
3688
|
var import_dynamic4 = __toESM(require("next/dynamic"));
|
|
3616
|
-
var
|
|
3689
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3617
3690
|
var LinkNodeButton2 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
3618
3691
|
ssr: false
|
|
3619
3692
|
});
|
|
@@ -3660,13 +3733,13 @@ var LinkNode = (props) => {
|
|
|
3660
3733
|
const isButton = node.isButton === true;
|
|
3661
3734
|
const renderChildren = () => {
|
|
3662
3735
|
if (!node.children || node.children.length === 0) return null;
|
|
3663
|
-
return /* @__PURE__ */ (0,
|
|
3736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: node.children.map((childNode, index) => {
|
|
3664
3737
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3665
3738
|
if (!SelectedNode) {
|
|
3666
3739
|
console.warn("Unknown node type:", childNode.type);
|
|
3667
3740
|
return null;
|
|
3668
3741
|
}
|
|
3669
|
-
return /* @__PURE__ */ (0,
|
|
3742
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react36.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3670
3743
|
SelectedNode,
|
|
3671
3744
|
{
|
|
3672
3745
|
node: childNode,
|
|
@@ -3679,15 +3752,15 @@ var LinkNode = (props) => {
|
|
|
3679
3752
|
};
|
|
3680
3753
|
const renderFallback = () => {
|
|
3681
3754
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
3682
|
-
return /* @__PURE__ */ (0,
|
|
3755
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: linkText });
|
|
3683
3756
|
}
|
|
3684
3757
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
3685
|
-
return /* @__PURE__ */ (0,
|
|
3758
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("br", {});
|
|
3686
3759
|
}
|
|
3687
3760
|
return null;
|
|
3688
3761
|
};
|
|
3689
3762
|
if (isButton) {
|
|
3690
|
-
return /* @__PURE__ */ (0,
|
|
3763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
3691
3764
|
LinkNodeButton2,
|
|
3692
3765
|
{
|
|
3693
3766
|
node,
|
|
@@ -3705,7 +3778,7 @@ var LinkNode = (props) => {
|
|
|
3705
3778
|
}
|
|
3706
3779
|
);
|
|
3707
3780
|
}
|
|
3708
|
-
return /* @__PURE__ */ (0,
|
|
3781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
3709
3782
|
Hyperlink,
|
|
3710
3783
|
{
|
|
3711
3784
|
href: linkUrl || "#",
|
|
@@ -3721,10 +3794,10 @@ var LinkNode = (props) => {
|
|
|
3721
3794
|
var LinkNode_default = LinkNode;
|
|
3722
3795
|
|
|
3723
3796
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
3724
|
-
var
|
|
3797
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3725
3798
|
var SVGIconNode = ({ node }) => {
|
|
3726
3799
|
if (!node?.svgCode) return null;
|
|
3727
|
-
return /* @__PURE__ */ (0,
|
|
3800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
3728
3801
|
"span",
|
|
3729
3802
|
{
|
|
3730
3803
|
style: {
|
|
@@ -3741,7 +3814,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
3741
3814
|
|
|
3742
3815
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
3743
3816
|
var import_katex = __toESM(require("katex"));
|
|
3744
|
-
var
|
|
3817
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3745
3818
|
var EquationNode = ({ node }) => {
|
|
3746
3819
|
const { equation, inline } = node;
|
|
3747
3820
|
let html = "";
|
|
@@ -3756,7 +3829,7 @@ var EquationNode = ({ node }) => {
|
|
|
3756
3829
|
});
|
|
3757
3830
|
}
|
|
3758
3831
|
if (inline) {
|
|
3759
|
-
return /* @__PURE__ */ (0,
|
|
3832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3760
3833
|
"span",
|
|
3761
3834
|
{
|
|
3762
3835
|
className: "katex-inline",
|
|
@@ -3764,7 +3837,7 @@ var EquationNode = ({ node }) => {
|
|
|
3764
3837
|
}
|
|
3765
3838
|
);
|
|
3766
3839
|
}
|
|
3767
|
-
return /* @__PURE__ */ (0,
|
|
3840
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3768
3841
|
"div",
|
|
3769
3842
|
{
|
|
3770
3843
|
className: "katex-block my-3 text-center",
|
|
@@ -3775,7 +3848,7 @@ var EquationNode = ({ node }) => {
|
|
|
3775
3848
|
var EquationNode_default = EquationNode;
|
|
3776
3849
|
|
|
3777
3850
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
3778
|
-
var
|
|
3851
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3779
3852
|
function getNestedProperty(obj, path) {
|
|
3780
3853
|
if (!obj || !path) return null;
|
|
3781
3854
|
if (path.includes(".")) {
|
|
@@ -3788,7 +3861,7 @@ function getNestedProperty(obj, path) {
|
|
|
3788
3861
|
}
|
|
3789
3862
|
const value = obj[path];
|
|
3790
3863
|
if (Array.isArray(value)) {
|
|
3791
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
3864
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: String(item) }, index));
|
|
3792
3865
|
}
|
|
3793
3866
|
return value;
|
|
3794
3867
|
}
|
|
@@ -3849,7 +3922,7 @@ var DatafieldNode = (props) => {
|
|
|
3849
3922
|
const dataType = props.node.dataType;
|
|
3850
3923
|
if (isEmptyValue) return null;
|
|
3851
3924
|
if (dataType === "rawContent") {
|
|
3852
|
-
return /* @__PURE__ */ (0,
|
|
3925
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3853
3926
|
PageBodyRenderer_default,
|
|
3854
3927
|
{
|
|
3855
3928
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -3865,12 +3938,12 @@ var DatafieldNode = (props) => {
|
|
|
3865
3938
|
}
|
|
3866
3939
|
);
|
|
3867
3940
|
}
|
|
3868
|
-
return /* @__PURE__ */ (0,
|
|
3941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3869
3942
|
"span",
|
|
3870
3943
|
{
|
|
3871
3944
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
3872
3945
|
style: styles,
|
|
3873
|
-
children: /* @__PURE__ */ (0,
|
|
3946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3874
3947
|
ViewControl_default,
|
|
3875
3948
|
{
|
|
3876
3949
|
controlType: dataType,
|
|
@@ -3883,7 +3956,7 @@ var DatafieldNode = (props) => {
|
|
|
3883
3956
|
var DatafieldNode_default = DatafieldNode;
|
|
3884
3957
|
|
|
3885
3958
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3886
|
-
var
|
|
3959
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3887
3960
|
var ParagraphNode = (props) => {
|
|
3888
3961
|
const NodeTypes2 = {
|
|
3889
3962
|
["text"]: TextNode_default,
|
|
@@ -3903,9 +3976,9 @@ var ParagraphNode = (props) => {
|
|
|
3903
3976
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
3904
3977
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
3905
3978
|
if (isInlineOnlyParent) {
|
|
3906
|
-
return /* @__PURE__ */ (0,
|
|
3979
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
3907
3980
|
const SelectedNode = NodeTypes2[node.type];
|
|
3908
|
-
return /* @__PURE__ */ (0,
|
|
3981
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3909
3982
|
SelectedNode,
|
|
3910
3983
|
{
|
|
3911
3984
|
node,
|
|
@@ -3917,10 +3990,10 @@ var ParagraphNode = (props) => {
|
|
|
3917
3990
|
) }, index);
|
|
3918
3991
|
}) });
|
|
3919
3992
|
}
|
|
3920
|
-
return /* @__PURE__ */ (0,
|
|
3993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: " " + formatClasses, children: [
|
|
3921
3994
|
hasChildren && props.node.children.map((node, index) => {
|
|
3922
3995
|
const SelectedNode = NodeTypes2[node.type];
|
|
3923
|
-
return /* @__PURE__ */ (0,
|
|
3996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3924
3997
|
SelectedNode,
|
|
3925
3998
|
{
|
|
3926
3999
|
node,
|
|
@@ -3931,14 +4004,14 @@ var ParagraphNode = (props) => {
|
|
|
3931
4004
|
}
|
|
3932
4005
|
) }, index);
|
|
3933
4006
|
}),
|
|
3934
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
4007
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
3935
4008
|
] });
|
|
3936
4009
|
};
|
|
3937
4010
|
var ParagraphNode_default = ParagraphNode;
|
|
3938
4011
|
|
|
3939
4012
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
3940
|
-
var
|
|
3941
|
-
var
|
|
4013
|
+
var import_react38 = __toESM(require("react"));
|
|
4014
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3942
4015
|
var HeadingNode = (props) => {
|
|
3943
4016
|
const NodeTypes2 = {
|
|
3944
4017
|
["text"]: TextNode_default,
|
|
@@ -3954,23 +4027,23 @@ var HeadingNode = (props) => {
|
|
|
3954
4027
|
{
|
|
3955
4028
|
}
|
|
3956
4029
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
3957
|
-
return /* @__PURE__ */ (0,
|
|
4030
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: import_react38.default.createElement(
|
|
3958
4031
|
HeadingTag,
|
|
3959
4032
|
{ className: formatClasses },
|
|
3960
4033
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
3961
4034
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3962
|
-
return /* @__PURE__ */ (0,
|
|
4035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3963
4036
|
})
|
|
3964
4037
|
) });
|
|
3965
4038
|
};
|
|
3966
4039
|
var HeadingNode_default = HeadingNode;
|
|
3967
4040
|
|
|
3968
4041
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3969
|
-
var
|
|
4042
|
+
var import_react40 = __toESM(require("react"));
|
|
3970
4043
|
|
|
3971
4044
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
3972
|
-
var
|
|
3973
|
-
var
|
|
4045
|
+
var import_react39 = __toESM(require("react"));
|
|
4046
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
3974
4047
|
var ListItemNode = (props) => {
|
|
3975
4048
|
const NodeTypes2 = {
|
|
3976
4049
|
text: TextNode_default,
|
|
@@ -3987,66 +4060,66 @@ var ListItemNode = (props) => {
|
|
|
3987
4060
|
liStyle.fontSize = match[1].trim();
|
|
3988
4061
|
}
|
|
3989
4062
|
}
|
|
3990
|
-
return /* @__PURE__ */ (0,
|
|
4063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
3991
4064
|
const SelectedNode = NodeTypes2[node.type];
|
|
3992
4065
|
if (node.type === "linebreak") {
|
|
3993
4066
|
if (!foundFirstBreak) {
|
|
3994
4067
|
foundFirstBreak = true;
|
|
3995
|
-
return /* @__PURE__ */ (0,
|
|
4068
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {}, index);
|
|
3996
4069
|
} else {
|
|
3997
|
-
return /* @__PURE__ */ (0,
|
|
4070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
3998
4071
|
}
|
|
3999
4072
|
} else {
|
|
4000
4073
|
foundFirstBreak = false;
|
|
4001
|
-
return /* @__PURE__ */ (0,
|
|
4074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
4002
4075
|
}
|
|
4003
4076
|
}) });
|
|
4004
4077
|
};
|
|
4005
4078
|
var ListItemNode_default = ListItemNode;
|
|
4006
4079
|
|
|
4007
4080
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
4008
|
-
var
|
|
4081
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4009
4082
|
var ListNode = (props) => {
|
|
4010
4083
|
const NodeTypes2 = {
|
|
4011
4084
|
listitem: ListItemNode_default
|
|
4012
4085
|
};
|
|
4013
|
-
return /* @__PURE__ */ (0,
|
|
4014
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
4086
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react40.default.Fragment, { children: [
|
|
4087
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
4015
4088
|
const SelectedNode = NodeTypes2[node.type];
|
|
4016
|
-
return /* @__PURE__ */ (0,
|
|
4089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
4017
4090
|
}) }),
|
|
4018
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
4091
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
4019
4092
|
const SelectedNode = NodeTypes2[node.type];
|
|
4020
|
-
return /* @__PURE__ */ (0,
|
|
4093
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
4021
4094
|
}) })
|
|
4022
4095
|
] });
|
|
4023
4096
|
};
|
|
4024
4097
|
var ListNode_default = ListNode;
|
|
4025
4098
|
|
|
4026
4099
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
4027
|
-
var
|
|
4028
|
-
var
|
|
4100
|
+
var import_react41 = __toESM(require("react"));
|
|
4101
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4029
4102
|
var QuoteNode = (props) => {
|
|
4030
4103
|
const NodeTypes2 = {
|
|
4031
4104
|
["text"]: TextNode_default,
|
|
4032
4105
|
["linebreak"]: LineBreakNode_default,
|
|
4033
4106
|
["link"]: LinkNode_default
|
|
4034
4107
|
};
|
|
4035
|
-
return /* @__PURE__ */ (0,
|
|
4108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
4036
4109
|
const SelectedNode = NodeTypes2[node.type];
|
|
4037
|
-
return /* @__PURE__ */ (0,
|
|
4110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react41.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
4038
4111
|
}) });
|
|
4039
4112
|
};
|
|
4040
4113
|
var QuoteNode_default = QuoteNode;
|
|
4041
4114
|
|
|
4042
4115
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
4043
|
-
var
|
|
4116
|
+
var import_react43 = __toESM(require("react"));
|
|
4044
4117
|
var import_dynamic5 = __toESM(require("next/dynamic"));
|
|
4045
|
-
var
|
|
4118
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
4046
4119
|
var CopyButton2 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
4047
4120
|
ssr: false,
|
|
4048
4121
|
// optional: fallback UI while loading
|
|
4049
|
-
loading: () => /* @__PURE__ */ (0,
|
|
4122
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
4050
4123
|
});
|
|
4051
4124
|
var CodeNode = (props) => {
|
|
4052
4125
|
const NodeTypes2 = {
|
|
@@ -4060,14 +4133,14 @@ var CodeNode = (props) => {
|
|
|
4060
4133
|
if (node.type === "link") return node.text || node.url || "";
|
|
4061
4134
|
return "";
|
|
4062
4135
|
}).join("") ?? "";
|
|
4063
|
-
return /* @__PURE__ */ (0,
|
|
4064
|
-
/* @__PURE__ */ (0,
|
|
4065
|
-
/* @__PURE__ */ (0,
|
|
4066
|
-
/* @__PURE__ */ (0,
|
|
4136
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
|
|
4137
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
4138
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Code Snippet" }),
|
|
4139
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CopyButton2, { text: textContent })
|
|
4067
4140
|
] }),
|
|
4068
|
-
/* @__PURE__ */ (0,
|
|
4141
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.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) => {
|
|
4069
4142
|
const SelectedNode = NodeTypes2[node.type];
|
|
4070
|
-
return /* @__PURE__ */ (0,
|
|
4143
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
4071
4144
|
SelectedNode,
|
|
4072
4145
|
{
|
|
4073
4146
|
node,
|
|
@@ -4082,15 +4155,15 @@ var CodeNode = (props) => {
|
|
|
4082
4155
|
var CodeNode_default = CodeNode;
|
|
4083
4156
|
|
|
4084
4157
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
4085
|
-
var
|
|
4158
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4086
4159
|
var HorizontalRuleNode = () => {
|
|
4087
|
-
return /* @__PURE__ */ (0,
|
|
4160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("hr", {});
|
|
4088
4161
|
};
|
|
4089
4162
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
4090
4163
|
|
|
4091
4164
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
4092
|
-
var
|
|
4093
|
-
var
|
|
4165
|
+
var import_react44 = __toESM(require("react"));
|
|
4166
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
4094
4167
|
var WidgetNode = (props) => {
|
|
4095
4168
|
const getWidgetParameters = () => {
|
|
4096
4169
|
const widgetInputParameters = {
|
|
@@ -4154,7 +4227,7 @@ var WidgetNode = (props) => {
|
|
|
4154
4227
|
};
|
|
4155
4228
|
const widgetCode = props.node?.widgetCode;
|
|
4156
4229
|
if (!widgetCode) {
|
|
4157
|
-
return /* @__PURE__ */ (0,
|
|
4230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: "Invalid widget" });
|
|
4158
4231
|
}
|
|
4159
4232
|
const widgetParams = getWidgetParameters();
|
|
4160
4233
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -4163,7 +4236,7 @@ var WidgetNode = (props) => {
|
|
|
4163
4236
|
}
|
|
4164
4237
|
return (
|
|
4165
4238
|
// eslint-disable-next-line react-hooks/static-components
|
|
4166
|
-
/* @__PURE__ */ (0,
|
|
4239
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react44.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
4167
4240
|
WidgetRenderer,
|
|
4168
4241
|
{
|
|
4169
4242
|
params: widgetParams,
|
|
@@ -4180,12 +4253,12 @@ var WidgetNode = (props) => {
|
|
|
4180
4253
|
var WidgetNode_default = WidgetNode;
|
|
4181
4254
|
|
|
4182
4255
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
4183
|
-
var
|
|
4256
|
+
var import_react45 = __toESM(require("react"));
|
|
4184
4257
|
|
|
4185
4258
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
4186
|
-
var
|
|
4259
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
4187
4260
|
var InputControlNode = (props) => {
|
|
4188
|
-
return /* @__PURE__ */ (0,
|
|
4261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
4189
4262
|
InputControl_default,
|
|
4190
4263
|
{
|
|
4191
4264
|
name: props.node.name,
|
|
@@ -4259,22 +4332,22 @@ var FormReducer_default = FormReducer;
|
|
|
4259
4332
|
|
|
4260
4333
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
4261
4334
|
init_ServiceClient();
|
|
4262
|
-
var
|
|
4335
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
4263
4336
|
var FormContainerNode = (props) => {
|
|
4264
4337
|
const NodeTypes2 = {
|
|
4265
4338
|
["input-control"]: InputControlNode_default
|
|
4266
4339
|
};
|
|
4267
4340
|
const { node } = props;
|
|
4268
|
-
const formRef = (0,
|
|
4341
|
+
const formRef = (0, import_react45.useRef)(null);
|
|
4269
4342
|
const initialState = {
|
|
4270
4343
|
inputValues: {},
|
|
4271
4344
|
lastPropertyChanged: ""
|
|
4272
4345
|
};
|
|
4273
|
-
const [formState, dispatch] = (0,
|
|
4274
|
-
const handleInputChange = (0,
|
|
4346
|
+
const [formState, dispatch] = (0, import_react45.useReducer)(FormReducer_default, initialState);
|
|
4347
|
+
const handleInputChange = (0, import_react45.useCallback)((updatedValues) => {
|
|
4275
4348
|
dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
|
|
4276
4349
|
}, [dispatch]);
|
|
4277
|
-
(0,
|
|
4350
|
+
(0, import_react45.useEffect)(() => {
|
|
4278
4351
|
const fetchInitialData = async () => {
|
|
4279
4352
|
const client = new ServiceClient_default(props.apiBaseUrl, props.session);
|
|
4280
4353
|
const response = await client.getSingle(props.node.dataFetchApi, props.routeParameters);
|
|
@@ -4289,12 +4362,12 @@ var FormContainerNode = (props) => {
|
|
|
4289
4362
|
};
|
|
4290
4363
|
fetchInitialData();
|
|
4291
4364
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
4292
|
-
return /* @__PURE__ */ (0,
|
|
4365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
4293
4366
|
node.children && node.children.map((node2, index) => {
|
|
4294
4367
|
{
|
|
4295
4368
|
}
|
|
4296
4369
|
const SelectedNode = NodeTypes2[node2.type];
|
|
4297
|
-
return /* @__PURE__ */ (0,
|
|
4370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react45.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
4298
4371
|
InputControlNode_default,
|
|
4299
4372
|
{
|
|
4300
4373
|
value: formState.inputValues[node2.name],
|
|
@@ -4303,17 +4376,17 @@ var FormContainerNode = (props) => {
|
|
|
4303
4376
|
}
|
|
4304
4377
|
) }, index);
|
|
4305
4378
|
}),
|
|
4306
|
-
node.children.length == 0 && /* @__PURE__ */ (0,
|
|
4379
|
+
node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "py-0.5 lg:py-1.5" })
|
|
4307
4380
|
] });
|
|
4308
4381
|
};
|
|
4309
4382
|
var FormContainerNode_default = FormContainerNode;
|
|
4310
4383
|
|
|
4311
4384
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4312
|
-
var
|
|
4385
|
+
var import_react50 = __toESM(require("react"));
|
|
4313
4386
|
|
|
4314
4387
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
4315
4388
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
4316
|
-
var
|
|
4389
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4317
4390
|
var IframeClient2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
4318
4391
|
ssr: false
|
|
4319
4392
|
});
|
|
@@ -4326,7 +4399,7 @@ var EmbedNode = (props) => {
|
|
|
4326
4399
|
} else {
|
|
4327
4400
|
src = props.node.embedSrc;
|
|
4328
4401
|
}
|
|
4329
|
-
return /* @__PURE__ */ (0,
|
|
4402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IframeClient2, { src }) });
|
|
4330
4403
|
};
|
|
4331
4404
|
var EmbedNode_default = EmbedNode;
|
|
4332
4405
|
|
|
@@ -4334,8 +4407,8 @@ var EmbedNode_default = EmbedNode;
|
|
|
4334
4407
|
init_ServiceClient();
|
|
4335
4408
|
|
|
4336
4409
|
// src/components/Slider.tsx
|
|
4337
|
-
var
|
|
4338
|
-
var
|
|
4410
|
+
var import_react48 = __toESM(require("react"));
|
|
4411
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
4339
4412
|
var Slider = ({
|
|
4340
4413
|
children,
|
|
4341
4414
|
slidesToShow = 4,
|
|
@@ -4353,13 +4426,13 @@ var Slider = ({
|
|
|
4353
4426
|
pillStyle = "cumulative",
|
|
4354
4427
|
progressPosition = "bottom"
|
|
4355
4428
|
}) => {
|
|
4356
|
-
const [currentSlide, setCurrentSlide] = (0,
|
|
4357
|
-
const [transition, setTransition] = (0,
|
|
4358
|
-
const [slidesToShowState, setSlidesToShowState] = (0,
|
|
4429
|
+
const [currentSlide, setCurrentSlide] = (0, import_react48.useState)(0);
|
|
4430
|
+
const [transition, setTransition] = (0, import_react48.useState)(true);
|
|
4431
|
+
const [slidesToShowState, setSlidesToShowState] = (0, import_react48.useState)(
|
|
4359
4432
|
typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
|
|
4360
4433
|
);
|
|
4361
|
-
const [isPlaying, setIsPlaying] = (0,
|
|
4362
|
-
(0,
|
|
4434
|
+
const [isPlaying, setIsPlaying] = (0, import_react48.useState)(autoplay);
|
|
4435
|
+
(0, import_react48.useEffect)(() => {
|
|
4363
4436
|
if (typeof slidesToShow === "number") return;
|
|
4364
4437
|
const handleResize = () => {
|
|
4365
4438
|
if (window.innerWidth >= 1024) {
|
|
@@ -4374,7 +4447,7 @@ var Slider = ({
|
|
|
4374
4447
|
window.addEventListener("resize", handleResize);
|
|
4375
4448
|
return () => window.removeEventListener("resize", handleResize);
|
|
4376
4449
|
}, [slidesToShow]);
|
|
4377
|
-
(0,
|
|
4450
|
+
(0, import_react48.useEffect)(() => {
|
|
4378
4451
|
if (!autoplay) return;
|
|
4379
4452
|
const timer = setInterval(() => {
|
|
4380
4453
|
if (isPlaying) {
|
|
@@ -4383,7 +4456,7 @@ var Slider = ({
|
|
|
4383
4456
|
}, autoplay_speed);
|
|
4384
4457
|
return () => clearInterval(timer);
|
|
4385
4458
|
}, [autoplay, autoplay_speed, currentSlide, isPlaying]);
|
|
4386
|
-
const totalSlides =
|
|
4459
|
+
const totalSlides = import_react48.Children.count(children);
|
|
4387
4460
|
const maxSlide = totalSlides - slidesToShowState;
|
|
4388
4461
|
const nextSlide = () => {
|
|
4389
4462
|
if (currentSlide >= maxSlide) {
|
|
@@ -4428,16 +4501,16 @@ var Slider = ({
|
|
|
4428
4501
|
}
|
|
4429
4502
|
};
|
|
4430
4503
|
const translateX = -currentSlide * (100 / slidesToShowState);
|
|
4431
|
-
const slides =
|
|
4432
|
-
if (!
|
|
4504
|
+
const slides = import_react48.Children.map(children, (child, index) => {
|
|
4505
|
+
if (!import_react48.default.isValidElement(child)) return null;
|
|
4433
4506
|
const childProps = child.props;
|
|
4434
4507
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4435
|
-
return /* @__PURE__ */ (0,
|
|
4508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4436
4509
|
"div",
|
|
4437
4510
|
{
|
|
4438
4511
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
4439
4512
|
style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
|
|
4440
|
-
children: (0,
|
|
4513
|
+
children: (0, import_react48.cloneElement)(child, {
|
|
4441
4514
|
className: mergedClassName
|
|
4442
4515
|
})
|
|
4443
4516
|
},
|
|
@@ -4455,14 +4528,14 @@ var Slider = ({
|
|
|
4455
4528
|
return "bottom-4";
|
|
4456
4529
|
}
|
|
4457
4530
|
};
|
|
4458
|
-
return /* @__PURE__ */ (0,
|
|
4531
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
4459
4532
|
"div",
|
|
4460
4533
|
{
|
|
4461
4534
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4462
4535
|
onMouseEnter: handleMouseEnter,
|
|
4463
4536
|
onMouseLeave: handleMouseLeave,
|
|
4464
4537
|
children: [
|
|
4465
|
-
/* @__PURE__ */ (0,
|
|
4538
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4466
4539
|
"div",
|
|
4467
4540
|
{
|
|
4468
4541
|
className: "flex h-full",
|
|
@@ -4473,18 +4546,18 @@ var Slider = ({
|
|
|
4473
4546
|
children: slides
|
|
4474
4547
|
}
|
|
4475
4548
|
),
|
|
4476
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4477
|
-
/* @__PURE__ */ (0,
|
|
4549
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
4550
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4478
4551
|
ArrowButton,
|
|
4479
4552
|
{
|
|
4480
4553
|
direction: "left",
|
|
4481
4554
|
onClick: prevSlide,
|
|
4482
4555
|
visible: infinite_scroll || currentSlide > 0,
|
|
4483
4556
|
className: arrowClassName,
|
|
4484
|
-
children: /* @__PURE__ */ (0,
|
|
4557
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4485
4558
|
}
|
|
4486
4559
|
),
|
|
4487
|
-
/* @__PURE__ */ (0,
|
|
4560
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
4488
4561
|
ArrowButton,
|
|
4489
4562
|
{
|
|
4490
4563
|
direction: "right",
|
|
@@ -4492,13 +4565,13 @@ var Slider = ({
|
|
|
4492
4565
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4493
4566
|
className: arrowClassName,
|
|
4494
4567
|
children: [
|
|
4495
|
-
/* @__PURE__ */ (0,
|
|
4568
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4496
4569
|
" "
|
|
4497
4570
|
]
|
|
4498
4571
|
}
|
|
4499
4572
|
)
|
|
4500
4573
|
] }),
|
|
4501
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4574
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)(
|
|
4502
4575
|
ProgressPill,
|
|
4503
4576
|
{
|
|
4504
4577
|
active: index === currentSlide,
|
|
@@ -4524,7 +4597,7 @@ var ArrowButton = ({
|
|
|
4524
4597
|
visible,
|
|
4525
4598
|
children,
|
|
4526
4599
|
className = ""
|
|
4527
|
-
}) => /* @__PURE__ */ (0,
|
|
4600
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4528
4601
|
"button",
|
|
4529
4602
|
{
|
|
4530
4603
|
className: `
|
|
@@ -4550,13 +4623,13 @@ var ProgressPill = ({
|
|
|
4550
4623
|
currentSlide,
|
|
4551
4624
|
totalSlides
|
|
4552
4625
|
}) => {
|
|
4553
|
-
const [progress, setProgress] = (0,
|
|
4554
|
-
(0,
|
|
4626
|
+
const [progress, setProgress] = (0, import_react48.useState)(0);
|
|
4627
|
+
(0, import_react48.useEffect)(() => {
|
|
4555
4628
|
if (active) {
|
|
4556
4629
|
setProgress(0);
|
|
4557
4630
|
}
|
|
4558
4631
|
}, [active, index]);
|
|
4559
|
-
(0,
|
|
4632
|
+
(0, import_react48.useEffect)(() => {
|
|
4560
4633
|
if (!active || !isPlaying) {
|
|
4561
4634
|
if (!active) {
|
|
4562
4635
|
setProgress(0);
|
|
@@ -4611,7 +4684,7 @@ var ProgressPill = ({
|
|
|
4611
4684
|
const renderProgressBar = () => {
|
|
4612
4685
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4613
4686
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4614
|
-
return /* @__PURE__ */ (0,
|
|
4687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4615
4688
|
"div",
|
|
4616
4689
|
{
|
|
4617
4690
|
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`,
|
|
@@ -4623,7 +4696,7 @@ var ProgressPill = ({
|
|
|
4623
4696
|
};
|
|
4624
4697
|
const renderCumulativeFill = () => {
|
|
4625
4698
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4626
|
-
return /* @__PURE__ */ (0,
|
|
4699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4627
4700
|
"div",
|
|
4628
4701
|
{
|
|
4629
4702
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4633,7 +4706,7 @@ var ProgressPill = ({
|
|
|
4633
4706
|
}
|
|
4634
4707
|
return null;
|
|
4635
4708
|
};
|
|
4636
|
-
return /* @__PURE__ */ (0,
|
|
4709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
4637
4710
|
"button",
|
|
4638
4711
|
{
|
|
4639
4712
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4971,10 +5044,10 @@ var PathUtility = class {
|
|
|
4971
5044
|
var PathUtility_default = new PathUtility();
|
|
4972
5045
|
|
|
4973
5046
|
// src/components/NoDataFound.tsx
|
|
4974
|
-
var
|
|
5047
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
4975
5048
|
var NoDataFound = () => {
|
|
4976
|
-
return /* @__PURE__ */ (0,
|
|
4977
|
-
/* @__PURE__ */ (0,
|
|
5049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
5050
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
4978
5051
|
"svg",
|
|
4979
5052
|
{
|
|
4980
5053
|
className: "w-10 h-10",
|
|
@@ -4982,7 +5055,7 @@ var NoDataFound = () => {
|
|
|
4982
5055
|
stroke: "currentColor",
|
|
4983
5056
|
viewBox: "0 0 24 24",
|
|
4984
5057
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4985
|
-
children: /* @__PURE__ */ (0,
|
|
5058
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
4986
5059
|
"path",
|
|
4987
5060
|
{
|
|
4988
5061
|
strokeLinecap: "round",
|
|
@@ -4993,19 +5066,19 @@ var NoDataFound = () => {
|
|
|
4993
5066
|
)
|
|
4994
5067
|
}
|
|
4995
5068
|
) }) }),
|
|
4996
|
-
/* @__PURE__ */ (0,
|
|
4997
|
-
/* @__PURE__ */ (0,
|
|
5069
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
5070
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
4998
5071
|
] });
|
|
4999
5072
|
};
|
|
5000
5073
|
var NoDataFound_default = NoDataFound;
|
|
5001
5074
|
|
|
5002
5075
|
// src/components/Pagination.tsx
|
|
5003
|
-
var
|
|
5076
|
+
var import_react49 = require("react");
|
|
5004
5077
|
init_StyleTypes();
|
|
5005
|
-
var
|
|
5078
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5006
5079
|
var Pagination = (props) => {
|
|
5007
5080
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
5008
|
-
const builder = (0,
|
|
5081
|
+
const builder = (0, import_react49.useMemo)(() => {
|
|
5009
5082
|
const b = new OdataBuilder(path);
|
|
5010
5083
|
if (query) b.setQuery(query);
|
|
5011
5084
|
return b;
|
|
@@ -5046,7 +5119,7 @@ var Pagination = (props) => {
|
|
|
5046
5119
|
return range;
|
|
5047
5120
|
};
|
|
5048
5121
|
const paginationRange = getPaginationRange();
|
|
5049
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
5122
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5050
5123
|
Hyperlink,
|
|
5051
5124
|
{
|
|
5052
5125
|
linkType: "Link" /* Link */,
|
|
@@ -5061,9 +5134,9 @@ var Pagination = (props) => {
|
|
|
5061
5134
|
);
|
|
5062
5135
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
5063
5136
|
if (disabled) {
|
|
5064
|
-
return /* @__PURE__ */ (0,
|
|
5137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.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 });
|
|
5065
5138
|
}
|
|
5066
|
-
return /* @__PURE__ */ (0,
|
|
5139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5067
5140
|
Hyperlink,
|
|
5068
5141
|
{
|
|
5069
5142
|
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",
|
|
@@ -5073,35 +5146,35 @@ var Pagination = (props) => {
|
|
|
5073
5146
|
);
|
|
5074
5147
|
};
|
|
5075
5148
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
5076
|
-
return /* @__PURE__ */ (0,
|
|
5077
|
-
/* @__PURE__ */ (0,
|
|
5078
|
-
/* @__PURE__ */ (0,
|
|
5149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
5150
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
5151
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "text-sm", children: [
|
|
5079
5152
|
"Showing ",
|
|
5080
|
-
/* @__PURE__ */ (0,
|
|
5153
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "font-semibold", children: [
|
|
5081
5154
|
startItem,
|
|
5082
5155
|
"-",
|
|
5083
5156
|
endItem
|
|
5084
5157
|
] }),
|
|
5085
5158
|
" ",
|
|
5086
5159
|
"out of ",
|
|
5087
|
-
/* @__PURE__ */ (0,
|
|
5160
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
5088
5161
|
" results"
|
|
5089
5162
|
] }),
|
|
5090
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
5091
|
-
/* @__PURE__ */ (0,
|
|
5163
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
5164
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
5092
5165
|
NavigationButton,
|
|
5093
5166
|
{
|
|
5094
5167
|
page: activePageNumber - 1,
|
|
5095
5168
|
disabled: activePageNumber === 1,
|
|
5096
5169
|
children: [
|
|
5097
|
-
/* @__PURE__ */ (0,
|
|
5098
|
-
/* @__PURE__ */ (0,
|
|
5170
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
5171
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
5099
5172
|
]
|
|
5100
5173
|
}
|
|
5101
5174
|
),
|
|
5102
5175
|
paginationRange.map((item, index) => {
|
|
5103
5176
|
if (item === "...") {
|
|
5104
|
-
return /* @__PURE__ */ (0,
|
|
5177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5105
5178
|
"span",
|
|
5106
5179
|
{
|
|
5107
5180
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -5111,23 +5184,23 @@ var Pagination = (props) => {
|
|
|
5111
5184
|
);
|
|
5112
5185
|
}
|
|
5113
5186
|
const page = item;
|
|
5114
|
-
return /* @__PURE__ */ (0,
|
|
5187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(PageButton, { page, children: page }, page);
|
|
5115
5188
|
}),
|
|
5116
|
-
/* @__PURE__ */ (0,
|
|
5189
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
|
|
5117
5190
|
NavigationButton,
|
|
5118
5191
|
{
|
|
5119
5192
|
page: activePageNumber + 1,
|
|
5120
5193
|
disabled: activePageNumber === totalPages,
|
|
5121
5194
|
children: [
|
|
5122
|
-
/* @__PURE__ */ (0,
|
|
5123
|
-
/* @__PURE__ */ (0,
|
|
5195
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
5196
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
5124
5197
|
]
|
|
5125
5198
|
}
|
|
5126
5199
|
)
|
|
5127
5200
|
] }),
|
|
5128
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
5129
|
-
/* @__PURE__ */ (0,
|
|
5130
|
-
/* @__PURE__ */ (0,
|
|
5201
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
5202
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
5203
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5131
5204
|
"input",
|
|
5132
5205
|
{
|
|
5133
5206
|
type: "number",
|
|
@@ -5148,9 +5221,9 @@ var Pagination = (props) => {
|
|
|
5148
5221
|
) })
|
|
5149
5222
|
] })
|
|
5150
5223
|
] }),
|
|
5151
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
5152
|
-
/* @__PURE__ */ (0,
|
|
5153
|
-
/* @__PURE__ */ (0,
|
|
5224
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
5225
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
5226
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5154
5227
|
Hyperlink,
|
|
5155
5228
|
{
|
|
5156
5229
|
className: `
|
|
@@ -5162,7 +5235,7 @@ var Pagination = (props) => {
|
|
|
5162
5235
|
},
|
|
5163
5236
|
size
|
|
5164
5237
|
)) }),
|
|
5165
|
-
/* @__PURE__ */ (0,
|
|
5238
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm", children: "per page" })
|
|
5166
5239
|
] }) })
|
|
5167
5240
|
] });
|
|
5168
5241
|
};
|
|
@@ -5170,29 +5243,38 @@ var Pagination_default = Pagination;
|
|
|
5170
5243
|
|
|
5171
5244
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
5172
5245
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5173
|
-
var
|
|
5246
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
5174
5247
|
var HlsPlayer3 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5175
5248
|
var deviceToMediaQuery = (device) => {
|
|
5176
5249
|
switch (device) {
|
|
5177
5250
|
case "sm":
|
|
5178
|
-
return "(max-width:
|
|
5251
|
+
return "(max-width: 767px)";
|
|
5179
5252
|
case "md":
|
|
5180
|
-
return "(
|
|
5253
|
+
return "(min-width: 768px) and (max-width: 1199px)";
|
|
5181
5254
|
case "lg":
|
|
5182
|
-
return "(min-width:
|
|
5183
|
-
|
|
5184
|
-
|
|
5255
|
+
return "(min-width: 1200px) and (max-width: 1919px)";
|
|
5256
|
+
case "tv":
|
|
5257
|
+
return "(min-width: 1920px)";
|
|
5185
5258
|
default:
|
|
5186
5259
|
return null;
|
|
5187
5260
|
}
|
|
5188
5261
|
};
|
|
5189
|
-
var DEVICE_ORDER = ["sm", "md", "lg", "tv"];
|
|
5190
5262
|
var parseMaybeNumber = (value) => {
|
|
5191
|
-
if (typeof value === "number")
|
|
5263
|
+
if (typeof value === "number") {
|
|
5264
|
+
return Number.isFinite(value) ? value : void 0;
|
|
5265
|
+
}
|
|
5192
5266
|
if (typeof value !== "string") return void 0;
|
|
5193
5267
|
const n = Number(value);
|
|
5194
5268
|
return Number.isFinite(n) ? n : void 0;
|
|
5195
5269
|
};
|
|
5270
|
+
var groupImagesForPicture = (images) => {
|
|
5271
|
+
const sources = images.filter((img) => !!img.device);
|
|
5272
|
+
const fallbacks = images.filter((img) => !img.device);
|
|
5273
|
+
return {
|
|
5274
|
+
sources,
|
|
5275
|
+
fallback: fallbacks[0] ?? sources[0] ?? null
|
|
5276
|
+
};
|
|
5277
|
+
};
|
|
5196
5278
|
var ImageGalleryNode = (props) => {
|
|
5197
5279
|
const resolveImageUrl = (imageUrl) => {
|
|
5198
5280
|
if (!imageUrl) return "";
|
|
@@ -5212,56 +5294,67 @@ var ImageGalleryNode = (props) => {
|
|
|
5212
5294
|
const staticImages = rawImages.filter(
|
|
5213
5295
|
(img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
|
|
5214
5296
|
);
|
|
5215
|
-
const
|
|
5216
|
-
...DEVICE_ORDER.flatMap((deviceKey) => {
|
|
5217
|
-
const img = hlsImages.find((i) => i.device === deviceKey);
|
|
5218
|
-
if (!img) return [];
|
|
5219
|
-
const src = resolveImageUrl(img.imageUrl);
|
|
5220
|
-
if (!src) return [];
|
|
5221
|
-
const media = deviceToMediaQuery(img.device);
|
|
5222
|
-
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
5223
|
-
return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
|
|
5224
|
-
}),
|
|
5225
|
-
...hlsImages.filter((img) => !img.device).map((img) => {
|
|
5226
|
-
const src = resolveImageUrl(img.imageUrl);
|
|
5227
|
-
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
5228
|
-
return { src, ...posterUrl ? { posterUrl } : {} };
|
|
5229
|
-
}).filter((s) => !!s.src)
|
|
5230
|
-
];
|
|
5231
|
-
const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
|
|
5232
|
-
const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
|
|
5233
|
-
const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
|
|
5234
|
-
const staticSources = staticImages.filter((img) => !!img.device);
|
|
5235
|
-
const staticFallback = staticImages.find((img) => !img.device) ?? staticImages[0] ?? null;
|
|
5297
|
+
const { sources: staticSources, fallback: staticFallback } = groupImagesForPicture(staticImages);
|
|
5236
5298
|
const FormatClass = {
|
|
5237
5299
|
center: "justify-center",
|
|
5238
5300
|
left: "justify-start",
|
|
5239
5301
|
right: "justify-end"
|
|
5240
5302
|
};
|
|
5241
5303
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
5242
|
-
return /* @__PURE__ */ (0,
|
|
5243
|
-
|
|
5244
|
-
|
|
5245
|
-
|
|
5246
|
-
|
|
5247
|
-
|
|
5248
|
-
|
|
5249
|
-
|
|
5250
|
-
|
|
5251
|
-
|
|
5252
|
-
|
|
5253
|
-
|
|
5254
|
-
|
|
5255
|
-
|
|
5256
|
-
|
|
5257
|
-
|
|
5258
|
-
|
|
5259
|
-
|
|
5304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: [
|
|
5305
|
+
hlsImages.map((img, idx) => {
|
|
5306
|
+
const assetUrl = resolveImageUrl(img.imageUrl);
|
|
5307
|
+
if (!assetUrl) return null;
|
|
5308
|
+
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
5309
|
+
const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
|
|
5310
|
+
const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
|
|
5311
|
+
const mediaQuery = deviceToMediaQuery(img.device);
|
|
5312
|
+
const styles = {};
|
|
5313
|
+
if (img.height) styles.height = img.height;
|
|
5314
|
+
if (img.width) styles.width = img.width;
|
|
5315
|
+
if (img.borderRadius) styles.borderRadius = img.borderRadius;
|
|
5316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
5317
|
+
"div",
|
|
5318
|
+
{
|
|
5319
|
+
className: "max-w-full",
|
|
5320
|
+
style: {
|
|
5321
|
+
...mediaQuery ? { "--media-query": mediaQuery } : void 0,
|
|
5322
|
+
...styles
|
|
5323
|
+
},
|
|
5324
|
+
children: [
|
|
5325
|
+
mediaQuery && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", { children: `
|
|
5326
|
+
[data-hls-idx="${idx}"] { display: none; }
|
|
5327
|
+
@media ${mediaQuery} { [data-hls-idx="${idx}"] { display: block; } }
|
|
5328
|
+
` }),
|
|
5329
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { "data-hls-idx": mediaQuery ? idx : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5330
|
+
HlsPlayer3,
|
|
5331
|
+
{
|
|
5332
|
+
assetUrl,
|
|
5333
|
+
posterUrl,
|
|
5334
|
+
intrinsicWidth: intrinsicWidth?.toString(),
|
|
5335
|
+
intrinsicHeight: intrinsicHeight?.toString(),
|
|
5336
|
+
showControls: true,
|
|
5337
|
+
loop: false,
|
|
5338
|
+
playOptions: void 0,
|
|
5339
|
+
apiBaseUrl: props.apiBaseUrl,
|
|
5340
|
+
session: props.session
|
|
5341
|
+
}
|
|
5342
|
+
) })
|
|
5343
|
+
]
|
|
5344
|
+
},
|
|
5345
|
+
`hls-${idx}-${img.imageUrl}`
|
|
5346
|
+
);
|
|
5347
|
+
}),
|
|
5348
|
+
staticFallback && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("picture", { children: [
|
|
5349
|
+
["sm", "md", "lg", "tv"].map((deviceKey) => {
|
|
5350
|
+
const match = staticSources.find(
|
|
5351
|
+
(img) => img.device === deviceKey
|
|
5352
|
+
);
|
|
5260
5353
|
if (!match) return null;
|
|
5261
5354
|
const srcUrl = resolveImageUrl(match.imageUrl);
|
|
5262
5355
|
if (!srcUrl) return null;
|
|
5263
5356
|
const mediaQuery = deviceToMediaQuery(match.device);
|
|
5264
|
-
return /* @__PURE__ */ (0,
|
|
5357
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5265
5358
|
"source",
|
|
5266
5359
|
{
|
|
5267
5360
|
media: mediaQuery,
|
|
@@ -5284,8 +5377,8 @@ var ImageGalleryNode = (props) => {
|
|
|
5284
5377
|
if (img.width) styles.width = img.width;
|
|
5285
5378
|
if (img.borderRadius) styles.borderRadius = img.borderRadius;
|
|
5286
5379
|
return (
|
|
5287
|
-
|
|
5288
|
-
/* @__PURE__ */ (0,
|
|
5380
|
+
/* eslint-disable-next-line @next/next/no-img-element */
|
|
5381
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5289
5382
|
"img",
|
|
5290
5383
|
{
|
|
5291
5384
|
loading: "lazy",
|
|
@@ -5306,7 +5399,7 @@ var ImageGalleryNode_default = ImageGalleryNode;
|
|
|
5306
5399
|
|
|
5307
5400
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
5308
5401
|
var import_link2 = __toESM(require("next/link"));
|
|
5309
|
-
var
|
|
5402
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
5310
5403
|
function toCamelCase(str) {
|
|
5311
5404
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
5312
5405
|
}
|
|
@@ -5513,7 +5606,7 @@ var DivContainer = async (props) => {
|
|
|
5513
5606
|
response = await serviceClient.get(endpoint);
|
|
5514
5607
|
result = response?.result;
|
|
5515
5608
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
5516
|
-
return /* @__PURE__ */ (0,
|
|
5609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(NoDataFound_default, {});
|
|
5517
5610
|
}
|
|
5518
5611
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
5519
5612
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -5530,7 +5623,7 @@ var DivContainer = async (props) => {
|
|
|
5530
5623
|
}
|
|
5531
5624
|
const SelectedNode = NodeTypes2[node.type];
|
|
5532
5625
|
if (!SelectedNode) return null;
|
|
5533
|
-
return /* @__PURE__ */ (0,
|
|
5626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5534
5627
|
SelectedNode,
|
|
5535
5628
|
{
|
|
5536
5629
|
node,
|
|
@@ -5632,9 +5725,9 @@ var DivContainer = async (props) => {
|
|
|
5632
5725
|
props.node.autoFormat && "auto-format",
|
|
5633
5726
|
props.node.bgClass
|
|
5634
5727
|
].filter(Boolean).join(" ");
|
|
5635
|
-
return /* @__PURE__ */ (0,
|
|
5636
|
-
/* @__PURE__ */ (0,
|
|
5637
|
-
/* @__PURE__ */ (0,
|
|
5728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_react50.default.Fragment, { children: [
|
|
5729
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
5730
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5638
5731
|
Wrapper,
|
|
5639
5732
|
{
|
|
5640
5733
|
id: guid,
|
|
@@ -5643,18 +5736,18 @@ var DivContainer = async (props) => {
|
|
|
5643
5736
|
...wrapperProps,
|
|
5644
5737
|
children: dataToRender.map(
|
|
5645
5738
|
(item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
|
|
5646
|
-
(child, i) => /* @__PURE__ */ (0,
|
|
5739
|
+
(child, i) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.default.Fragment, { children: child }, i)
|
|
5647
5740
|
) : renderChildren(props.node.children, props, item, idx)
|
|
5648
5741
|
)
|
|
5649
5742
|
}
|
|
5650
5743
|
) }),
|
|
5651
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
5744
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
|
|
5652
5745
|
] });
|
|
5653
5746
|
};
|
|
5654
5747
|
var DivContainer_default = DivContainer;
|
|
5655
5748
|
|
|
5656
5749
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
5657
|
-
var
|
|
5750
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
5658
5751
|
var NodeTypes = {
|
|
5659
5752
|
["paragraph"]: ParagraphNode_default,
|
|
5660
5753
|
["heading"]: HeadingNode_default,
|
|
@@ -5682,11 +5775,11 @@ var PageBodyRenderer = (props) => {
|
|
|
5682
5775
|
if (pageBodyTree && pageBodyTree.root) {
|
|
5683
5776
|
rootNode = pageBodyTree.root;
|
|
5684
5777
|
}
|
|
5685
|
-
return /* @__PURE__ */ (0,
|
|
5778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
5686
5779
|
{
|
|
5687
5780
|
}
|
|
5688
5781
|
const SelectedNode = NodeTypes[node.type];
|
|
5689
|
-
return /* @__PURE__ */ (0,
|
|
5782
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
5690
5783
|
SelectedNode,
|
|
5691
5784
|
{
|
|
5692
5785
|
node,
|
|
@@ -5702,7 +5795,7 @@ var PageBodyRenderer = (props) => {
|
|
|
5702
5795
|
device: props.device,
|
|
5703
5796
|
widgetRenderer: props.widgetRenderer
|
|
5704
5797
|
}
|
|
5705
|
-
) }) : /* @__PURE__ */ (0,
|
|
5798
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
5706
5799
|
SelectedNode,
|
|
5707
5800
|
{
|
|
5708
5801
|
node,
|
|
@@ -5723,13 +5816,13 @@ var PageBodyRenderer = (props) => {
|
|
|
5723
5816
|
var PageBodyRenderer_default = PageBodyRenderer;
|
|
5724
5817
|
|
|
5725
5818
|
// src/components/Toast.tsx
|
|
5726
|
-
var
|
|
5819
|
+
var import_react52 = require("react");
|
|
5727
5820
|
init_ToastService();
|
|
5728
|
-
var
|
|
5821
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
5729
5822
|
var Toast = () => {
|
|
5730
|
-
const [showToast, setShowToast] = (0,
|
|
5731
|
-
const [message, setMessage] = (0,
|
|
5732
|
-
const [messageType, setMessageType] = (0,
|
|
5823
|
+
const [showToast, setShowToast] = (0, import_react52.useState)(false);
|
|
5824
|
+
const [message, setMessage] = (0, import_react52.useState)("");
|
|
5825
|
+
const [messageType, setMessageType] = (0, import_react52.useState)("error");
|
|
5733
5826
|
ToastService_default.showError = function(message2) {
|
|
5734
5827
|
setShowToast(true);
|
|
5735
5828
|
setMessage(message2);
|
|
@@ -5768,8 +5861,8 @@ var Toast = () => {
|
|
|
5768
5861
|
const closeToast = () => {
|
|
5769
5862
|
setShowToast(false);
|
|
5770
5863
|
};
|
|
5771
|
-
return /* @__PURE__ */ (0,
|
|
5772
|
-
/* @__PURE__ */ (0,
|
|
5864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
5865
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
5773
5866
|
"span",
|
|
5774
5867
|
{
|
|
5775
5868
|
className: "font-medium text-inherit text-sm",
|
|
@@ -5777,7 +5870,7 @@ var Toast = () => {
|
|
|
5777
5870
|
children: message
|
|
5778
5871
|
}
|
|
5779
5872
|
),
|
|
5780
|
-
/* @__PURE__ */ (0,
|
|
5873
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
5781
5874
|
"svg",
|
|
5782
5875
|
{
|
|
5783
5876
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5785,7 +5878,7 @@ var Toast = () => {
|
|
|
5785
5878
|
fill: "none",
|
|
5786
5879
|
viewBox: "0 0 24 24",
|
|
5787
5880
|
stroke: "currentColor",
|
|
5788
|
-
children: /* @__PURE__ */ (0,
|
|
5881
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
5789
5882
|
}
|
|
5790
5883
|
) })
|
|
5791
5884
|
] }) }) });
|
|
@@ -5798,7 +5891,7 @@ init_ToastService();
|
|
|
5798
5891
|
// src/components/NavigationTabsV2.tsx
|
|
5799
5892
|
var import_link3 = __toESM(require("next/link"));
|
|
5800
5893
|
var import_navigation = require("next/navigation");
|
|
5801
|
-
var
|
|
5894
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
5802
5895
|
function resolveRoutePlaceholders(route, params) {
|
|
5803
5896
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
5804
5897
|
const value = params[key];
|
|
@@ -5823,8 +5916,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
5823
5916
|
isActive: tab.isActive
|
|
5824
5917
|
})) || [];
|
|
5825
5918
|
if (mappedTabs.length === 0) return null;
|
|
5826
|
-
return /* @__PURE__ */ (0,
|
|
5827
|
-
return /* @__PURE__ */ (0,
|
|
5919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
5920
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
5828
5921
|
"div",
|
|
5829
5922
|
{
|
|
5830
5923
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -5837,51 +5930,51 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
5837
5930
|
var NavigationTabsV2_default = NavigationTabsV2;
|
|
5838
5931
|
|
|
5839
5932
|
// src/components/dataForm/DataList.tsx
|
|
5840
|
-
var
|
|
5933
|
+
var import_react55 = __toESM(require("react"));
|
|
5841
5934
|
var import_navigation2 = require("next/navigation");
|
|
5842
5935
|
|
|
5843
5936
|
// src/components/dataForm/NoContentView.tsx
|
|
5844
|
-
var
|
|
5845
|
-
var
|
|
5937
|
+
var import_react53 = __toESM(require("react"));
|
|
5938
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
5846
5939
|
var NoContentView = (props) => {
|
|
5847
|
-
return /* @__PURE__ */ (0,
|
|
5940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react53.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
5848
5941
|
};
|
|
5849
5942
|
var NoContentView_default = NoContentView;
|
|
5850
5943
|
|
|
5851
5944
|
// src/components/dataForm/ContentView.tsx
|
|
5852
|
-
var
|
|
5853
|
-
var
|
|
5945
|
+
var import_react54 = __toESM(require("react"));
|
|
5946
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
5854
5947
|
var ContentView = (props) => {
|
|
5855
|
-
return /* @__PURE__ */ (0,
|
|
5856
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
5857
|
-
/* @__PURE__ */ (0,
|
|
5858
|
-
/* @__PURE__ */ (0,
|
|
5859
|
-
/* @__PURE__ */ (0,
|
|
5860
|
-
/* @__PURE__ */ (0,
|
|
5861
|
-
/* @__PURE__ */ (0,
|
|
5948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_react54.default.Fragment, { children: [
|
|
5949
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
5950
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
5951
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
5952
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ml-2", children: [
|
|
5953
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
5954
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
5862
5955
|
] })
|
|
5863
5956
|
] }),
|
|
5864
|
-
/* @__PURE__ */ (0,
|
|
5865
|
-
/* @__PURE__ */ (0,
|
|
5866
|
-
/* @__PURE__ */ (0,
|
|
5867
|
-
/* @__PURE__ */ (0,
|
|
5868
|
-
/* @__PURE__ */ (0,
|
|
5869
|
-
/* @__PURE__ */ (0,
|
|
5870
|
-
/* @__PURE__ */ (0,
|
|
5957
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
5958
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "animate-pulse", children: [
|
|
5959
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5960
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5961
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5962
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5963
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5871
5964
|
] }),
|
|
5872
|
-
/* @__PURE__ */ (0,
|
|
5873
|
-
/* @__PURE__ */ (0,
|
|
5874
|
-
/* @__PURE__ */ (0,
|
|
5875
|
-
/* @__PURE__ */ (0,
|
|
5876
|
-
/* @__PURE__ */ (0,
|
|
5877
|
-
/* @__PURE__ */ (0,
|
|
5965
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "animate-pulse", children: [
|
|
5966
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5967
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5968
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5969
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5970
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5878
5971
|
] }),
|
|
5879
|
-
/* @__PURE__ */ (0,
|
|
5880
|
-
/* @__PURE__ */ (0,
|
|
5881
|
-
/* @__PURE__ */ (0,
|
|
5882
|
-
/* @__PURE__ */ (0,
|
|
5883
|
-
/* @__PURE__ */ (0,
|
|
5884
|
-
/* @__PURE__ */ (0,
|
|
5972
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "animate-pulse", children: [
|
|
5973
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
5974
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
5975
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
5976
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
5977
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5885
5978
|
] })
|
|
5886
5979
|
] })
|
|
5887
5980
|
] }) }),
|
|
@@ -5892,7 +5985,7 @@ var ContentView_default = ContentView;
|
|
|
5892
5985
|
|
|
5893
5986
|
// src/components/dataForm/DataList.tsx
|
|
5894
5987
|
init_StyleTypes();
|
|
5895
|
-
var
|
|
5988
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
5896
5989
|
var DataList = (props) => {
|
|
5897
5990
|
console.log(props.dataset, "datasetssssss");
|
|
5898
5991
|
const router = (0, import_navigation2.useRouter)();
|
|
@@ -5901,8 +5994,8 @@ var DataList = (props) => {
|
|
|
5901
5994
|
let activePageNumber = 0;
|
|
5902
5995
|
let pages = 0;
|
|
5903
5996
|
console.log(props.addLinkText);
|
|
5904
|
-
const [isDataFound, setIsDataFound] = (0,
|
|
5905
|
-
(0,
|
|
5997
|
+
const [isDataFound, setIsDataFound] = (0, import_react55.useState)(null);
|
|
5998
|
+
(0, import_react55.useEffect)(() => {
|
|
5906
5999
|
if (props?.dataset) {
|
|
5907
6000
|
if (props?.dataset.result && props.dataset.result.length > 0) {
|
|
5908
6001
|
setIsDataFound(true);
|
|
@@ -5915,7 +6008,7 @@ var DataList = (props) => {
|
|
|
5915
6008
|
if (path.includes(".")) {
|
|
5916
6009
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
5917
6010
|
} else if (Array.isArray(obj[path])) {
|
|
5918
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
6011
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: item }, index));
|
|
5919
6012
|
} else {
|
|
5920
6013
|
return obj[path];
|
|
5921
6014
|
}
|
|
@@ -5924,8 +6017,8 @@ var DataList = (props) => {
|
|
|
5924
6017
|
inputValues: {},
|
|
5925
6018
|
lastPropertyChanged: ""
|
|
5926
6019
|
};
|
|
5927
|
-
const [formState, dispatch] = (0,
|
|
5928
|
-
const handleFilterChange = (0,
|
|
6020
|
+
const [formState, dispatch] = (0, import_react55.useReducer)(FormReducer_default, initialState);
|
|
6021
|
+
const handleFilterChange = (0, import_react55.useCallback)(
|
|
5929
6022
|
(updatedValues) => {
|
|
5930
6023
|
dispatch({
|
|
5931
6024
|
type: FORM_INPUT_UPDATE,
|
|
@@ -5971,30 +6064,30 @@ var DataList = (props) => {
|
|
|
5971
6064
|
const renderPageNumbers = () => {
|
|
5972
6065
|
if (pages <= 10) {
|
|
5973
6066
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
5974
|
-
(page) => /* @__PURE__ */ (0,
|
|
6067
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
5975
6068
|
Hyperlink,
|
|
5976
6069
|
{
|
|
5977
6070
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
5978
6071
|
href: builder.getNewPageUrl(page),
|
|
5979
6072
|
children: page
|
|
5980
6073
|
}
|
|
5981
|
-
) : /* @__PURE__ */ (0,
|
|
6074
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
5982
6075
|
);
|
|
5983
6076
|
} else {
|
|
5984
6077
|
const showFirstPages = activePageNumber <= 5;
|
|
5985
6078
|
const showLastPages = activePageNumber > pages - 5;
|
|
5986
6079
|
if (showFirstPages) {
|
|
5987
|
-
return /* @__PURE__ */ (0,
|
|
5988
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
6080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
6081
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
5989
6082
|
Hyperlink,
|
|
5990
6083
|
{
|
|
5991
6084
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
5992
6085
|
href: builder.getNewPageUrl(page),
|
|
5993
6086
|
children: page
|
|
5994
6087
|
}
|
|
5995
|
-
) : /* @__PURE__ */ (0,
|
|
5996
|
-
/* @__PURE__ */ (0,
|
|
5997
|
-
/* @__PURE__ */ (0,
|
|
6088
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
6089
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6090
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
5998
6091
|
Hyperlink,
|
|
5999
6092
|
{
|
|
6000
6093
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6002,7 +6095,7 @@ var DataList = (props) => {
|
|
|
6002
6095
|
children: pages - 1
|
|
6003
6096
|
}
|
|
6004
6097
|
),
|
|
6005
|
-
/* @__PURE__ */ (0,
|
|
6098
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6006
6099
|
Hyperlink,
|
|
6007
6100
|
{
|
|
6008
6101
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6010,7 +6103,7 @@ var DataList = (props) => {
|
|
|
6010
6103
|
children: pages
|
|
6011
6104
|
}
|
|
6012
6105
|
),
|
|
6013
|
-
/* @__PURE__ */ (0,
|
|
6106
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6014
6107
|
"select",
|
|
6015
6108
|
{
|
|
6016
6109
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6022,18 +6115,18 @@ var DataList = (props) => {
|
|
|
6022
6115
|
}
|
|
6023
6116
|
},
|
|
6024
6117
|
children: [
|
|
6025
|
-
/* @__PURE__ */ (0,
|
|
6118
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
6026
6119
|
Array.from(
|
|
6027
6120
|
{ length: Math.max(0, pages - 10) },
|
|
6028
6121
|
(_, index) => index + 9
|
|
6029
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6122
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { value: page, children: page }, page))
|
|
6030
6123
|
]
|
|
6031
6124
|
}
|
|
6032
6125
|
) })
|
|
6033
6126
|
] });
|
|
6034
6127
|
} else if (showLastPages) {
|
|
6035
|
-
return /* @__PURE__ */ (0,
|
|
6036
|
-
/* @__PURE__ */ (0,
|
|
6128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
6129
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6037
6130
|
Hyperlink,
|
|
6038
6131
|
{
|
|
6039
6132
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6041,7 +6134,7 @@ var DataList = (props) => {
|
|
|
6041
6134
|
children: "1"
|
|
6042
6135
|
}
|
|
6043
6136
|
),
|
|
6044
|
-
/* @__PURE__ */ (0,
|
|
6137
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6045
6138
|
Hyperlink,
|
|
6046
6139
|
{
|
|
6047
6140
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6049,21 +6142,21 @@ var DataList = (props) => {
|
|
|
6049
6142
|
children: "2"
|
|
6050
6143
|
}
|
|
6051
6144
|
),
|
|
6052
|
-
/* @__PURE__ */ (0,
|
|
6145
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6053
6146
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
6054
|
-
(page) => /* @__PURE__ */ (0,
|
|
6147
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6055
6148
|
Hyperlink,
|
|
6056
6149
|
{
|
|
6057
6150
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6058
6151
|
href: builder.getNewPageUrl(page),
|
|
6059
6152
|
children: page
|
|
6060
6153
|
}
|
|
6061
|
-
) : /* @__PURE__ */ (0,
|
|
6154
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
6062
6155
|
)
|
|
6063
6156
|
] });
|
|
6064
6157
|
} else {
|
|
6065
|
-
return /* @__PURE__ */ (0,
|
|
6066
|
-
/* @__PURE__ */ (0,
|
|
6158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
|
|
6159
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6067
6160
|
Hyperlink,
|
|
6068
6161
|
{
|
|
6069
6162
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6071,7 +6164,7 @@ var DataList = (props) => {
|
|
|
6071
6164
|
children: "1"
|
|
6072
6165
|
}
|
|
6073
6166
|
),
|
|
6074
|
-
/* @__PURE__ */ (0,
|
|
6167
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6075
6168
|
Hyperlink,
|
|
6076
6169
|
{
|
|
6077
6170
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6079,20 +6172,20 @@ var DataList = (props) => {
|
|
|
6079
6172
|
children: "2"
|
|
6080
6173
|
}
|
|
6081
6174
|
),
|
|
6082
|
-
/* @__PURE__ */ (0,
|
|
6175
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6083
6176
|
Array.from(
|
|
6084
6177
|
{ length: 5 },
|
|
6085
6178
|
(_, index) => activePageNumber - 2 + index
|
|
6086
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6179
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6087
6180
|
Hyperlink,
|
|
6088
6181
|
{
|
|
6089
6182
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6090
6183
|
href: builder.getNewPageUrl(page),
|
|
6091
6184
|
children: page
|
|
6092
6185
|
}
|
|
6093
|
-
) : /* @__PURE__ */ (0,
|
|
6094
|
-
/* @__PURE__ */ (0,
|
|
6095
|
-
/* @__PURE__ */ (0,
|
|
6186
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
6187
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6188
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6096
6189
|
Hyperlink,
|
|
6097
6190
|
{
|
|
6098
6191
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6100,7 +6193,7 @@ var DataList = (props) => {
|
|
|
6100
6193
|
children: pages - 1
|
|
6101
6194
|
}
|
|
6102
6195
|
),
|
|
6103
|
-
/* @__PURE__ */ (0,
|
|
6196
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6104
6197
|
Hyperlink,
|
|
6105
6198
|
{
|
|
6106
6199
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6108,7 +6201,7 @@ var DataList = (props) => {
|
|
|
6108
6201
|
children: pages
|
|
6109
6202
|
}
|
|
6110
6203
|
),
|
|
6111
|
-
/* @__PURE__ */ (0,
|
|
6204
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6112
6205
|
"select",
|
|
6113
6206
|
{
|
|
6114
6207
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6120,8 +6213,8 @@ var DataList = (props) => {
|
|
|
6120
6213
|
}
|
|
6121
6214
|
},
|
|
6122
6215
|
children: [
|
|
6123
|
-
/* @__PURE__ */ (0,
|
|
6124
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
6216
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { value: "", children: "Jump to" }),
|
|
6217
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { value: page, children: page }, page))
|
|
6125
6218
|
]
|
|
6126
6219
|
}
|
|
6127
6220
|
) })
|
|
@@ -6129,16 +6222,16 @@ var DataList = (props) => {
|
|
|
6129
6222
|
}
|
|
6130
6223
|
}
|
|
6131
6224
|
};
|
|
6132
|
-
return /* @__PURE__ */ (0,
|
|
6133
|
-
/* @__PURE__ */ (0,
|
|
6134
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_react55.default.Fragment, { children: [
|
|
6226
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(ContentView_default, { isDataFound, children: [
|
|
6227
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6135
6228
|
"div",
|
|
6136
6229
|
{
|
|
6137
6230
|
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`,
|
|
6138
6231
|
children: [
|
|
6139
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6140
|
-
/* @__PURE__ */ (0,
|
|
6141
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6232
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {}),
|
|
6233
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6234
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6142
6235
|
InputControl_default,
|
|
6143
6236
|
{
|
|
6144
6237
|
name: filter.name,
|
|
@@ -6153,15 +6246,15 @@ var DataList = (props) => {
|
|
|
6153
6246
|
},
|
|
6154
6247
|
filter.name
|
|
6155
6248
|
)),
|
|
6156
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6249
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6157
6250
|
Hyperlink,
|
|
6158
6251
|
{
|
|
6159
6252
|
className: "gap-1",
|
|
6160
6253
|
linkType: "Primary" /* Solid */,
|
|
6161
6254
|
href: props.addLinkHref,
|
|
6162
6255
|
children: [
|
|
6163
|
-
/* @__PURE__ */ (0,
|
|
6164
|
-
/* @__PURE__ */ (0,
|
|
6256
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6257
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6165
6258
|
]
|
|
6166
6259
|
}
|
|
6167
6260
|
)
|
|
@@ -6169,8 +6262,8 @@ var DataList = (props) => {
|
|
|
6169
6262
|
]
|
|
6170
6263
|
}
|
|
6171
6264
|
),
|
|
6172
|
-
/* @__PURE__ */ (0,
|
|
6173
|
-
/* @__PURE__ */ (0,
|
|
6265
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
6266
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
6174
6267
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6175
6268
|
let icon = "chevronUpDown";
|
|
6176
6269
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6180,18 +6273,18 @@ var DataList = (props) => {
|
|
|
6180
6273
|
icon = "chevronUp";
|
|
6181
6274
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6182
6275
|
}
|
|
6183
|
-
return /* @__PURE__ */ (0,
|
|
6276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6184
6277
|
"th",
|
|
6185
6278
|
{
|
|
6186
6279
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
6187
|
-
children: /* @__PURE__ */ (0,
|
|
6280
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6188
6281
|
Hyperlink,
|
|
6189
6282
|
{
|
|
6190
6283
|
href: column.enableSorting ? url : void 0,
|
|
6191
6284
|
className: "!text-neutral-contrast ",
|
|
6192
|
-
children: /* @__PURE__ */ (0,
|
|
6193
|
-
/* @__PURE__ */ (0,
|
|
6194
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6285
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6286
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-black", children: column.label }),
|
|
6287
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6195
6288
|
] })
|
|
6196
6289
|
}
|
|
6197
6290
|
)
|
|
@@ -6199,24 +6292,24 @@ var DataList = (props) => {
|
|
|
6199
6292
|
column.name
|
|
6200
6293
|
);
|
|
6201
6294
|
}) }) }),
|
|
6202
|
-
/* @__PURE__ */ (0,
|
|
6295
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
6203
6296
|
let validityClass = "";
|
|
6204
6297
|
console.log("dataitem", dataitem);
|
|
6205
6298
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
6206
6299
|
validityClass = "bg-alert-200";
|
|
6207
6300
|
}
|
|
6208
|
-
return /* @__PURE__ */ (0,
|
|
6301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
6209
6302
|
console.log("column", column);
|
|
6210
|
-
return /* @__PURE__ */ (0,
|
|
6303
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6211
6304
|
"td",
|
|
6212
6305
|
{
|
|
6213
6306
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
6214
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
6307
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6215
6308
|
Hyperlink,
|
|
6216
6309
|
{
|
|
6217
6310
|
className: "",
|
|
6218
6311
|
href: `https://${dataitem[column.name]}`,
|
|
6219
|
-
children: /* @__PURE__ */ (0,
|
|
6312
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6220
6313
|
ViewControl_default,
|
|
6221
6314
|
{
|
|
6222
6315
|
controlType: column.controlType,
|
|
@@ -6229,11 +6322,11 @@ var DataList = (props) => {
|
|
|
6229
6322
|
}
|
|
6230
6323
|
)
|
|
6231
6324
|
}
|
|
6232
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
6325
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6233
6326
|
Hyperlink,
|
|
6234
6327
|
{
|
|
6235
6328
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
6236
|
-
children: /* @__PURE__ */ (0,
|
|
6329
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6237
6330
|
ViewControl_default,
|
|
6238
6331
|
{
|
|
6239
6332
|
controlType: column.controlType,
|
|
@@ -6243,7 +6336,7 @@ var DataList = (props) => {
|
|
|
6243
6336
|
}
|
|
6244
6337
|
)
|
|
6245
6338
|
}
|
|
6246
|
-
) : /* @__PURE__ */ (0,
|
|
6339
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6247
6340
|
ViewControl_default,
|
|
6248
6341
|
{
|
|
6249
6342
|
controlType: column.controlType,
|
|
@@ -6257,10 +6350,10 @@ var DataList = (props) => {
|
|
|
6257
6350
|
}) }, index);
|
|
6258
6351
|
}) })
|
|
6259
6352
|
] }) }),
|
|
6260
|
-
/* @__PURE__ */ (0,
|
|
6261
|
-
/* @__PURE__ */ (0,
|
|
6262
|
-
/* @__PURE__ */ (0,
|
|
6263
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
6353
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
6354
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "text-gray-700", children: label }),
|
|
6355
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
6356
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6264
6357
|
Hyperlink,
|
|
6265
6358
|
{
|
|
6266
6359
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6268,9 +6361,9 @@ var DataList = (props) => {
|
|
|
6268
6361
|
children: "Prev"
|
|
6269
6362
|
}
|
|
6270
6363
|
),
|
|
6271
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
6364
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime76.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" }),
|
|
6272
6365
|
renderPageNumbers(),
|
|
6273
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
6366
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6274
6367
|
Hyperlink,
|
|
6275
6368
|
{
|
|
6276
6369
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6278,19 +6371,19 @@ var DataList = (props) => {
|
|
|
6278
6371
|
children: "Next"
|
|
6279
6372
|
}
|
|
6280
6373
|
),
|
|
6281
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
6374
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
6282
6375
|
] })
|
|
6283
6376
|
] }) })
|
|
6284
6377
|
] }),
|
|
6285
|
-
/* @__PURE__ */ (0,
|
|
6286
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6378
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
6379
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6287
6380
|
"div",
|
|
6288
6381
|
{
|
|
6289
6382
|
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`,
|
|
6290
6383
|
children: [
|
|
6291
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6292
|
-
/* @__PURE__ */ (0,
|
|
6293
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6384
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {}),
|
|
6385
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6386
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6294
6387
|
InputControl_default,
|
|
6295
6388
|
{
|
|
6296
6389
|
name: filter.name,
|
|
@@ -6305,15 +6398,15 @@ var DataList = (props) => {
|
|
|
6305
6398
|
},
|
|
6306
6399
|
filter.name
|
|
6307
6400
|
)),
|
|
6308
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6401
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
6309
6402
|
Hyperlink,
|
|
6310
6403
|
{
|
|
6311
6404
|
className: "gap-1",
|
|
6312
6405
|
linkType: "Primary" /* Solid */,
|
|
6313
6406
|
href: props.addLinkHref,
|
|
6314
6407
|
children: [
|
|
6315
|
-
/* @__PURE__ */ (0,
|
|
6316
|
-
/* @__PURE__ */ (0,
|
|
6408
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6409
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6317
6410
|
]
|
|
6318
6411
|
}
|
|
6319
6412
|
)
|
|
@@ -6321,8 +6414,8 @@ var DataList = (props) => {
|
|
|
6321
6414
|
]
|
|
6322
6415
|
}
|
|
6323
6416
|
),
|
|
6324
|
-
/* @__PURE__ */ (0,
|
|
6325
|
-
/* @__PURE__ */ (0,
|
|
6417
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
6418
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
6326
6419
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6327
6420
|
let icon = "chevronUpDown";
|
|
6328
6421
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6332,18 +6425,18 @@ var DataList = (props) => {
|
|
|
6332
6425
|
icon = "chevronUp";
|
|
6333
6426
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6334
6427
|
}
|
|
6335
|
-
return /* @__PURE__ */ (0,
|
|
6428
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6336
6429
|
"th",
|
|
6337
6430
|
{
|
|
6338
6431
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
6339
|
-
children: /* @__PURE__ */ (0,
|
|
6432
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6340
6433
|
Hyperlink,
|
|
6341
6434
|
{
|
|
6342
6435
|
href: column.enableSorting ? url : void 0,
|
|
6343
6436
|
className: "text-body-950",
|
|
6344
|
-
children: /* @__PURE__ */ (0,
|
|
6345
|
-
/* @__PURE__ */ (0,
|
|
6346
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6437
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6438
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: column.label }),
|
|
6439
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6347
6440
|
] })
|
|
6348
6441
|
}
|
|
6349
6442
|
)
|
|
@@ -6351,7 +6444,7 @@ var DataList = (props) => {
|
|
|
6351
6444
|
column.name
|
|
6352
6445
|
);
|
|
6353
6446
|
}) }) }) }) }),
|
|
6354
|
-
/* @__PURE__ */ (0,
|
|
6447
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
6355
6448
|
] })
|
|
6356
6449
|
] })
|
|
6357
6450
|
] });
|
|
@@ -6359,10 +6452,10 @@ var DataList = (props) => {
|
|
|
6359
6452
|
var DataList_default = DataList;
|
|
6360
6453
|
|
|
6361
6454
|
// src/components/dataForm/DataListRenderer.tsx
|
|
6362
|
-
var
|
|
6455
|
+
var import_react56 = __toESM(require("react"));
|
|
6363
6456
|
init_ServiceClient();
|
|
6364
6457
|
var import_navigation3 = require("next/navigation");
|
|
6365
|
-
var
|
|
6458
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6366
6459
|
var viewControlMap = {
|
|
6367
6460
|
number: ViewControlTypes.number,
|
|
6368
6461
|
lineText: ViewControlTypes.lineText,
|
|
@@ -6416,14 +6509,14 @@ var DataListRenderer = ({
|
|
|
6416
6509
|
widgetProps
|
|
6417
6510
|
}) => {
|
|
6418
6511
|
const serviceClient = new ServiceClient_default(apiBaseUrl, session);
|
|
6419
|
-
const [columns, setColumns] = (0,
|
|
6420
|
-
const [dataset, setDataset] = (0,
|
|
6421
|
-
const [filter, setFilters] = (0,
|
|
6422
|
-
const [addLinkHref, setAddLinkHref] = (0,
|
|
6423
|
-
const [addLinkText, setAddLinkText] = (0,
|
|
6424
|
-
const [serviceRoute, setServiceRoute] = (0,
|
|
6512
|
+
const [columns, setColumns] = (0, import_react56.useState)([]);
|
|
6513
|
+
const [dataset, setDataset] = (0, import_react56.useState)();
|
|
6514
|
+
const [filter, setFilters] = (0, import_react56.useState)([]);
|
|
6515
|
+
const [addLinkHref, setAddLinkHref] = (0, import_react56.useState)("");
|
|
6516
|
+
const [addLinkText, setAddLinkText] = (0, import_react56.useState)("");
|
|
6517
|
+
const [serviceRoute, setServiceRoute] = (0, import_react56.useState)("");
|
|
6425
6518
|
const pathname = (0, import_navigation3.usePathname)();
|
|
6426
|
-
(0,
|
|
6519
|
+
(0, import_react56.useEffect)(() => {
|
|
6427
6520
|
if (!formDefinition) return;
|
|
6428
6521
|
setColumns(mapApiToColumns(formDefinition));
|
|
6429
6522
|
setFilters(mapApiToFilters(formDefinition));
|
|
@@ -6436,7 +6529,7 @@ var DataListRenderer = ({
|
|
|
6436
6529
|
setAddLinkHref(resolvedAddLinkHref);
|
|
6437
6530
|
setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
|
|
6438
6531
|
}, [formDefinition, params]);
|
|
6439
|
-
(0,
|
|
6532
|
+
(0, import_react56.useEffect)(() => {
|
|
6440
6533
|
const fetchData = async () => {
|
|
6441
6534
|
if (!serviceRoute) return;
|
|
6442
6535
|
const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
|
|
@@ -6448,12 +6541,12 @@ var DataListRenderer = ({
|
|
|
6448
6541
|
};
|
|
6449
6542
|
fetchData();
|
|
6450
6543
|
}, [serviceRoute, query, params]);
|
|
6451
|
-
const [tabItem, setTabItem] = (0,
|
|
6544
|
+
const [tabItem, setTabItem] = (0, import_react56.useState)();
|
|
6452
6545
|
const activeTab = tabItem?.find((tab) => tab.isActive);
|
|
6453
6546
|
const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
|
|
6454
|
-
return /* @__PURE__ */ (0,
|
|
6455
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
6456
|
-
/* @__PURE__ */ (0,
|
|
6547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react56.default.Fragment, { children: [
|
|
6548
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
6549
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6457
6550
|
DataList_default,
|
|
6458
6551
|
{
|
|
6459
6552
|
addLinkHref,
|
|
@@ -6472,12 +6565,12 @@ var DataListRenderer = ({
|
|
|
6472
6565
|
var DataListRenderer_default = DataListRenderer;
|
|
6473
6566
|
|
|
6474
6567
|
// src/components/dataForm/DataForm.tsx
|
|
6475
|
-
var
|
|
6568
|
+
var import_react58 = __toESM(require("react"));
|
|
6476
6569
|
init_Button();
|
|
6477
6570
|
init_StyleTypes();
|
|
6478
6571
|
|
|
6479
6572
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
6480
|
-
var
|
|
6573
|
+
var import_react57 = __toESM(require("react"));
|
|
6481
6574
|
|
|
6482
6575
|
// src/components/dataForm/StyleTypes.tsx
|
|
6483
6576
|
var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
|
|
@@ -6503,7 +6596,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
6503
6596
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
6504
6597
|
|
|
6505
6598
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
6506
|
-
var
|
|
6599
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
6507
6600
|
var DataFormChildSection = (props) => {
|
|
6508
6601
|
const { section } = props;
|
|
6509
6602
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -6515,7 +6608,7 @@ var DataFormChildSection = (props) => {
|
|
|
6515
6608
|
return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
|
|
6516
6609
|
};
|
|
6517
6610
|
const childItemsToRender = getChildItemsForRendering();
|
|
6518
|
-
const handleChildInputChange = (0,
|
|
6611
|
+
const handleChildInputChange = (0, import_react57.useCallback)(
|
|
6519
6612
|
(updatedValues) => {
|
|
6520
6613
|
if (isOneToOne) {
|
|
6521
6614
|
props.callback({
|
|
@@ -6542,7 +6635,7 @@ var DataFormChildSection = (props) => {
|
|
|
6542
6635
|
},
|
|
6543
6636
|
[props, isOneToOne, childItemsToRender]
|
|
6544
6637
|
);
|
|
6545
|
-
const onAddRow = (0,
|
|
6638
|
+
const onAddRow = (0, import_react57.useCallback)(() => {
|
|
6546
6639
|
props.callback({
|
|
6547
6640
|
sectionName: props.section.name,
|
|
6548
6641
|
actionType: FORM_CHILD_ROW_ADD,
|
|
@@ -6551,7 +6644,7 @@ var DataFormChildSection = (props) => {
|
|
|
6551
6644
|
rowIndex: -1
|
|
6552
6645
|
});
|
|
6553
6646
|
}, [props]);
|
|
6554
|
-
const onDeleteRow = (0,
|
|
6647
|
+
const onDeleteRow = (0, import_react57.useCallback)(
|
|
6555
6648
|
(filteredIndex) => {
|
|
6556
6649
|
const visibleItem = childItemsToRender[filteredIndex];
|
|
6557
6650
|
if (visibleItem) {
|
|
@@ -6571,14 +6664,14 @@ var DataFormChildSection = (props) => {
|
|
|
6571
6664
|
childItemsToRender,
|
|
6572
6665
|
allChildItems: childItems
|
|
6573
6666
|
});
|
|
6574
|
-
return /* @__PURE__ */ (0,
|
|
6575
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
6576
|
-
/* @__PURE__ */ (0,
|
|
6577
|
-
/* @__PURE__ */ (0,
|
|
6578
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
6579
|
-
return /* @__PURE__ */ (0,
|
|
6667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
6668
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
6669
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
6670
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
6671
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
6672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("tr", { className: "", children: [
|
|
6580
6673
|
sectionRow.elements.map((field, index) => {
|
|
6581
|
-
return /* @__PURE__ */ (0,
|
|
6674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6582
6675
|
"th",
|
|
6583
6676
|
{
|
|
6584
6677
|
className: "py-3 font-normal text-left",
|
|
@@ -6587,21 +6680,21 @@ var DataFormChildSection = (props) => {
|
|
|
6587
6680
|
field.name
|
|
6588
6681
|
);
|
|
6589
6682
|
}),
|
|
6590
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
6683
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
6591
6684
|
] }, sectionRowIndex);
|
|
6592
6685
|
}) }),
|
|
6593
|
-
/* @__PURE__ */ (0,
|
|
6686
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
6594
6687
|
const { item, originalIndex } = visibleItem;
|
|
6595
6688
|
const rowKey = originalIndex;
|
|
6596
|
-
return /* @__PURE__ */ (0,
|
|
6689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: section.sectionRows.map(
|
|
6597
6690
|
(sectionRow, sectionRowIndex) => {
|
|
6598
|
-
return /* @__PURE__ */ (0,
|
|
6691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
6599
6692
|
"tr",
|
|
6600
6693
|
{
|
|
6601
6694
|
className: "",
|
|
6602
6695
|
children: [
|
|
6603
6696
|
sectionRow.elements.map((field, index) => {
|
|
6604
|
-
return /* @__PURE__ */ (0,
|
|
6697
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6605
6698
|
InputControl_default,
|
|
6606
6699
|
{
|
|
6607
6700
|
index: filteredIndex,
|
|
@@ -6621,7 +6714,7 @@ var DataFormChildSection = (props) => {
|
|
|
6621
6714
|
}
|
|
6622
6715
|
) }) }) }, field.name);
|
|
6623
6716
|
}),
|
|
6624
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
6717
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6625
6718
|
ClientButton_default,
|
|
6626
6719
|
{
|
|
6627
6720
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -6630,7 +6723,7 @@ var DataFormChildSection = (props) => {
|
|
|
6630
6723
|
},
|
|
6631
6724
|
dataRole: "delete",
|
|
6632
6725
|
tabIndex: -1,
|
|
6633
|
-
children: /* @__PURE__ */ (0,
|
|
6726
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6634
6727
|
Icon_default,
|
|
6635
6728
|
{
|
|
6636
6729
|
className: "w-4 h-4",
|
|
@@ -6647,7 +6740,7 @@ var DataFormChildSection = (props) => {
|
|
|
6647
6740
|
) }, rowKey);
|
|
6648
6741
|
}) })
|
|
6649
6742
|
] }) }),
|
|
6650
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
6743
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6651
6744
|
ClientButton_default,
|
|
6652
6745
|
{
|
|
6653
6746
|
ButtonType: "Link" /* Link */,
|
|
@@ -6662,9 +6755,9 @@ var DataFormChildSection = (props) => {
|
|
|
6662
6755
|
var DataFormChildSection_default = DataFormChildSection;
|
|
6663
6756
|
|
|
6664
6757
|
// src/components/dataForm/DataForm.tsx
|
|
6665
|
-
var
|
|
6758
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6666
6759
|
var DataForm = (props) => {
|
|
6667
|
-
const formRef = (0,
|
|
6760
|
+
const formRef = (0, import_react58.useRef)(null);
|
|
6668
6761
|
console.log(props.dataItem, "dssads");
|
|
6669
6762
|
const initialState = {
|
|
6670
6763
|
inputValues: {},
|
|
@@ -6673,9 +6766,9 @@ var DataForm = (props) => {
|
|
|
6673
6766
|
const childInitialState = {
|
|
6674
6767
|
inputValues: []
|
|
6675
6768
|
};
|
|
6676
|
-
const [formState, dispatch] = (0,
|
|
6769
|
+
const [formState, dispatch] = (0, import_react58.useReducer)(FormReducer_default, initialState);
|
|
6677
6770
|
console.log(props.sections, "sections");
|
|
6678
|
-
const clearHiddenChildSections = (0,
|
|
6771
|
+
const clearHiddenChildSections = (0, import_react58.useCallback)(
|
|
6679
6772
|
(changedProperty, newValues) => {
|
|
6680
6773
|
if (!props.sections) return;
|
|
6681
6774
|
const allChildSections = [];
|
|
@@ -6713,7 +6806,7 @@ var DataForm = (props) => {
|
|
|
6713
6806
|
},
|
|
6714
6807
|
[props.sections, formState.inputValues]
|
|
6715
6808
|
);
|
|
6716
|
-
const handleInputChange = (0,
|
|
6809
|
+
const handleInputChange = (0, import_react58.useCallback)(
|
|
6717
6810
|
async (updatedValues) => {
|
|
6718
6811
|
dispatch({
|
|
6719
6812
|
type: FORM_INPUT_UPDATE,
|
|
@@ -6728,7 +6821,7 @@ var DataForm = (props) => {
|
|
|
6728
6821
|
},
|
|
6729
6822
|
[dispatch, formState.inputValues, clearHiddenChildSections]
|
|
6730
6823
|
);
|
|
6731
|
-
const fetchData = (0,
|
|
6824
|
+
const fetchData = (0, import_react58.useCallback)(async () => {
|
|
6732
6825
|
if (!props.rules) return;
|
|
6733
6826
|
if (Object.keys(formState.inputValues).length === 0) {
|
|
6734
6827
|
return;
|
|
@@ -6759,7 +6852,7 @@ var DataForm = (props) => {
|
|
|
6759
6852
|
console.error("Error fetching data:", error);
|
|
6760
6853
|
}
|
|
6761
6854
|
}, [formState.lastPropertyChanged, formState.inputValues]);
|
|
6762
|
-
(0,
|
|
6855
|
+
(0, import_react58.useEffect)(() => {
|
|
6763
6856
|
fetchData();
|
|
6764
6857
|
}, [formState.inputValues, formState.lastPropertyChanged]);
|
|
6765
6858
|
function replacePlaceholders(template, context, params) {
|
|
@@ -6779,7 +6872,7 @@ var DataForm = (props) => {
|
|
|
6779
6872
|
}
|
|
6780
6873
|
);
|
|
6781
6874
|
}
|
|
6782
|
-
const handleChildSectionChangeCallback = (0,
|
|
6875
|
+
const handleChildSectionChangeCallback = (0, import_react58.useCallback)(
|
|
6783
6876
|
(params) => {
|
|
6784
6877
|
dispatch({
|
|
6785
6878
|
type: params.actionType,
|
|
@@ -6824,7 +6917,7 @@ var DataForm = (props) => {
|
|
|
6824
6917
|
});
|
|
6825
6918
|
return cloned;
|
|
6826
6919
|
}
|
|
6827
|
-
const onClick = (0,
|
|
6920
|
+
const onClick = (0, import_react58.useCallback)(async () => {
|
|
6828
6921
|
if (props.onClick) {
|
|
6829
6922
|
const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
|
|
6830
6923
|
const normalizedValues = normalizeChildSections(
|
|
@@ -6840,21 +6933,21 @@ var DataForm = (props) => {
|
|
|
6840
6933
|
return { isSuccessful: true };
|
|
6841
6934
|
}
|
|
6842
6935
|
}, [formState, props]);
|
|
6843
|
-
const handleAdditionalOnClick = (0,
|
|
6936
|
+
const handleAdditionalOnClick = (0, import_react58.useCallback)(async () => {
|
|
6844
6937
|
if (props.additionalActions?.onClick) {
|
|
6845
6938
|
return await props.additionalActions.onClick(formState);
|
|
6846
6939
|
} else {
|
|
6847
6940
|
return { isSuccessful: true, message: "Action completed successfully" };
|
|
6848
6941
|
}
|
|
6849
6942
|
}, [formState, props]);
|
|
6850
|
-
const onDelete = (0,
|
|
6943
|
+
const onDelete = (0, import_react58.useCallback)(async () => {
|
|
6851
6944
|
if (props.onDelete) {
|
|
6852
6945
|
return await props.onDelete(formState);
|
|
6853
6946
|
} else {
|
|
6854
6947
|
return { isSuccessful: true };
|
|
6855
6948
|
}
|
|
6856
6949
|
}, [formState, props]);
|
|
6857
|
-
(0,
|
|
6950
|
+
(0, import_react58.useEffect)(() => {
|
|
6858
6951
|
if (props.dataItem) {
|
|
6859
6952
|
dispatch({
|
|
6860
6953
|
type: FORM_INITIAL_UPDATE,
|
|
@@ -6882,19 +6975,19 @@ var DataForm = (props) => {
|
|
|
6882
6975
|
return false;
|
|
6883
6976
|
}
|
|
6884
6977
|
}
|
|
6885
|
-
return /* @__PURE__ */ (0,
|
|
6886
|
-
props.title && /* @__PURE__ */ (0,
|
|
6978
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
6979
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
6887
6980
|
"div",
|
|
6888
6981
|
{
|
|
6889
6982
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
6890
6983
|
onClick: () => window.history.back(),
|
|
6891
6984
|
children: [
|
|
6892
|
-
/* @__PURE__ */ (0,
|
|
6893
|
-
/* @__PURE__ */ (0,
|
|
6985
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
6986
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
6894
6987
|
]
|
|
6895
6988
|
}
|
|
6896
6989
|
) }),
|
|
6897
|
-
/* @__PURE__ */ (0,
|
|
6990
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6898
6991
|
"form",
|
|
6899
6992
|
{
|
|
6900
6993
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -6915,8 +7008,8 @@ var DataForm = (props) => {
|
|
|
6915
7008
|
}
|
|
6916
7009
|
}
|
|
6917
7010
|
},
|
|
6918
|
-
children: /* @__PURE__ */ (0,
|
|
6919
|
-
return /* @__PURE__ */ (0,
|
|
7011
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
7012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
6920
7013
|
section.sectionRows?.map(
|
|
6921
7014
|
(sectionRow, sectionRowIndex) => {
|
|
6922
7015
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -6927,14 +7020,14 @@ var DataForm = (props) => {
|
|
|
6927
7020
|
sectionRow.visible
|
|
6928
7021
|
);
|
|
6929
7022
|
}
|
|
6930
|
-
return /* @__PURE__ */ (0,
|
|
6931
|
-
return /* @__PURE__ */ (0,
|
|
7023
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
7024
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
6932
7025
|
"div",
|
|
6933
7026
|
{
|
|
6934
7027
|
className: sectionRow.grow ? "grow" : "",
|
|
6935
7028
|
children: [
|
|
6936
|
-
/* @__PURE__ */ (0,
|
|
6937
|
-
/* @__PURE__ */ (0,
|
|
7029
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: field.controlType }),
|
|
7030
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6938
7031
|
InputControl_default,
|
|
6939
7032
|
{
|
|
6940
7033
|
name: field.name,
|
|
@@ -6964,12 +7057,12 @@ var DataForm = (props) => {
|
|
|
6964
7057
|
}) }) }, sectionRowIndex);
|
|
6965
7058
|
}
|
|
6966
7059
|
),
|
|
6967
|
-
/* @__PURE__ */ (0,
|
|
7060
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: section.childSections?.map(
|
|
6968
7061
|
(childSection, childSectionIndex) => {
|
|
6969
|
-
return /* @__PURE__ */ (0,
|
|
7062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
6970
7063
|
formState.inputValues,
|
|
6971
7064
|
childSection.visible
|
|
6972
|
-
) && /* @__PURE__ */ (0,
|
|
7065
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6973
7066
|
DataFormChildSection_default,
|
|
6974
7067
|
{
|
|
6975
7068
|
section: childSection,
|
|
@@ -6984,8 +7077,8 @@ var DataForm = (props) => {
|
|
|
6984
7077
|
}) })
|
|
6985
7078
|
}
|
|
6986
7079
|
),
|
|
6987
|
-
/* @__PURE__ */ (0,
|
|
6988
|
-
/* @__PURE__ */ (0,
|
|
7080
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
7081
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6989
7082
|
Button_default,
|
|
6990
7083
|
{
|
|
6991
7084
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -6993,7 +7086,7 @@ var DataForm = (props) => {
|
|
|
6993
7086
|
children: props.additionalActions.title
|
|
6994
7087
|
}
|
|
6995
7088
|
) }),
|
|
6996
|
-
/* @__PURE__ */ (0,
|
|
7089
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6997
7090
|
Button_default,
|
|
6998
7091
|
{
|
|
6999
7092
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -7004,7 +7097,7 @@ var DataForm = (props) => {
|
|
|
7004
7097
|
children: "Delete"
|
|
7005
7098
|
}
|
|
7006
7099
|
) }),
|
|
7007
|
-
/* @__PURE__ */ (0,
|
|
7100
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7008
7101
|
Button_default,
|
|
7009
7102
|
{
|
|
7010
7103
|
onValidate,
|
|
@@ -7022,7 +7115,7 @@ var DataForm_default = DataForm;
|
|
|
7022
7115
|
|
|
7023
7116
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
7024
7117
|
init_ServiceClient();
|
|
7025
|
-
var
|
|
7118
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7026
7119
|
function getAction(actions, code) {
|
|
7027
7120
|
return actions?.find((a) => a.actionCode === code);
|
|
7028
7121
|
}
|
|
@@ -7048,9 +7141,9 @@ var DataFormRenderer = ({
|
|
|
7048
7141
|
"Delete"
|
|
7049
7142
|
);
|
|
7050
7143
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
7051
|
-
return /* @__PURE__ */ (0,
|
|
7052
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
7053
|
-
/* @__PURE__ */ (0,
|
|
7144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
7145
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
7146
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7054
7147
|
DataForm_default,
|
|
7055
7148
|
{
|
|
7056
7149
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|