@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260827034013 → 0.8.1-dev.20260827063633
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 +756 -705
- package/dist/index.mjs +343 -293
- package/dist/server.js +539 -488
- package/dist/server.mjs +192 -142
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -907,12 +907,12 @@ var init_TimeUntilStartsClient = __esm({
|
|
|
907
907
|
});
|
|
908
908
|
|
|
909
909
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
910
|
-
var import_react20,
|
|
910
|
+
var import_react20, import_jsx_runtime24, MultilineTextInput, MultilineTextInput_default;
|
|
911
911
|
var init_MultilineTextInput = __esm({
|
|
912
912
|
"src/components/controls/edit/MultilineTextInput.tsx"() {
|
|
913
913
|
"use strict";
|
|
914
914
|
import_react20 = __toESM(require("react"));
|
|
915
|
-
|
|
915
|
+
import_jsx_runtime24 = require("react/jsx-runtime");
|
|
916
916
|
MultilineTextInput = (props) => {
|
|
917
917
|
const textChangeHandler = (event) => {
|
|
918
918
|
const text = event.target.value;
|
|
@@ -931,11 +931,11 @@ var init_MultilineTextInput = __esm({
|
|
|
931
931
|
if (props.value !== void 0 && props.value !== null) {
|
|
932
932
|
value = props.value;
|
|
933
933
|
}
|
|
934
|
-
return /* @__PURE__ */ (0,
|
|
935
|
-
/* @__PURE__ */ (0,
|
|
934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react20.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "block mb-1", children: [
|
|
935
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
936
936
|
" ",
|
|
937
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
938
|
-
/* @__PURE__ */ (0,
|
|
937
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
938
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
939
939
|
"textarea",
|
|
940
940
|
{
|
|
941
941
|
name: props.name,
|
|
@@ -952,7 +952,7 @@ var init_MultilineTextInput = __esm({
|
|
|
952
952
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
|
|
953
953
|
}
|
|
954
954
|
),
|
|
955
|
-
/* @__PURE__ */ (0,
|
|
955
|
+
/* @__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 : "" })
|
|
956
956
|
] }) });
|
|
957
957
|
};
|
|
958
958
|
MultilineTextInput_default = MultilineTextInput;
|
|
@@ -960,12 +960,12 @@ var init_MultilineTextInput = __esm({
|
|
|
960
960
|
});
|
|
961
961
|
|
|
962
962
|
// src/components/controls/edit/LineTextInput.tsx
|
|
963
|
-
var import_react21,
|
|
963
|
+
var import_react21, import_jsx_runtime25, LineTextInput, LineTextInput_default;
|
|
964
964
|
var init_LineTextInput = __esm({
|
|
965
965
|
"src/components/controls/edit/LineTextInput.tsx"() {
|
|
966
966
|
"use strict";
|
|
967
967
|
import_react21 = __toESM(require("react"));
|
|
968
|
-
|
|
968
|
+
import_jsx_runtime25 = require("react/jsx-runtime");
|
|
969
969
|
LineTextInput = (props) => {
|
|
970
970
|
const textChangeHandler = (event) => {
|
|
971
971
|
const text = event.target.value;
|
|
@@ -984,11 +984,11 @@ var init_LineTextInput = __esm({
|
|
|
984
984
|
if (props.value !== void 0 && props.value !== null) {
|
|
985
985
|
value = props.value;
|
|
986
986
|
}
|
|
987
|
-
return /* @__PURE__ */ (0,
|
|
988
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
987
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react21.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "block", children: [
|
|
988
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
989
989
|
" ",
|
|
990
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
991
|
-
/* @__PURE__ */ (0,
|
|
990
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
|
|
991
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
992
992
|
"input",
|
|
993
993
|
{
|
|
994
994
|
type: "text",
|
|
@@ -1008,7 +1008,7 @@ var init_LineTextInput = __esm({
|
|
|
1008
1008
|
`
|
|
1009
1009
|
}
|
|
1010
1010
|
),
|
|
1011
|
-
/* @__PURE__ */ (0,
|
|
1011
|
+
/* @__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 : "" })
|
|
1012
1012
|
] }) });
|
|
1013
1013
|
};
|
|
1014
1014
|
LineTextInput_default = LineTextInput;
|
|
@@ -1016,12 +1016,12 @@ var init_LineTextInput = __esm({
|
|
|
1016
1016
|
});
|
|
1017
1017
|
|
|
1018
1018
|
// src/components/controls/edit/MoneyInput.tsx
|
|
1019
|
-
var import_react22,
|
|
1019
|
+
var import_react22, import_jsx_runtime26, MoneyInput, MoneyInput_default;
|
|
1020
1020
|
var init_MoneyInput = __esm({
|
|
1021
1021
|
"src/components/controls/edit/MoneyInput.tsx"() {
|
|
1022
1022
|
"use strict";
|
|
1023
1023
|
import_react22 = __toESM(require("react"));
|
|
1024
|
-
|
|
1024
|
+
import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1025
1025
|
MoneyInput = (props) => {
|
|
1026
1026
|
const textChangeHandler = (event) => {
|
|
1027
1027
|
const rawValue = event.target.value;
|
|
@@ -1050,11 +1050,11 @@ var init_MoneyInput = __esm({
|
|
|
1050
1050
|
e.preventDefault();
|
|
1051
1051
|
}
|
|
1052
1052
|
};
|
|
1053
|
-
return /* @__PURE__ */ (0,
|
|
1054
|
-
/* @__PURE__ */ (0,
|
|
1053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "block mb-1", children: [
|
|
1054
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1055
1055
|
" ",
|
|
1056
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1057
|
-
/* @__PURE__ */ (0,
|
|
1056
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1057
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1058
1058
|
"input",
|
|
1059
1059
|
{
|
|
1060
1060
|
type: "number",
|
|
@@ -1074,7 +1074,7 @@ var init_MoneyInput = __esm({
|
|
|
1074
1074
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
1075
1075
|
}
|
|
1076
1076
|
),
|
|
1077
|
-
/* @__PURE__ */ (0,
|
|
1077
|
+
/* @__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 : "" })
|
|
1078
1078
|
] }) });
|
|
1079
1079
|
};
|
|
1080
1080
|
MoneyInput_default = MoneyInput;
|
|
@@ -1120,12 +1120,12 @@ var init_InputControlType = __esm({
|
|
|
1120
1120
|
});
|
|
1121
1121
|
|
|
1122
1122
|
// src/components/controls/edit/Select.tsx
|
|
1123
|
-
var import_react23,
|
|
1123
|
+
var import_react23, import_jsx_runtime27, Select, Select_default;
|
|
1124
1124
|
var init_Select = __esm({
|
|
1125
1125
|
"src/components/controls/edit/Select.tsx"() {
|
|
1126
1126
|
"use strict";
|
|
1127
1127
|
import_react23 = require("react");
|
|
1128
|
-
|
|
1128
|
+
import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1129
1129
|
Select = (props) => {
|
|
1130
1130
|
const [list, setList] = (0, import_react23.useState)();
|
|
1131
1131
|
const getSafeValue = (val) => {
|
|
@@ -1197,11 +1197,11 @@ var init_Select = __esm({
|
|
|
1197
1197
|
props.dataSourceDependsOn
|
|
1198
1198
|
]);
|
|
1199
1199
|
const value = getSafeValue(props.value);
|
|
1200
|
-
return /* @__PURE__ */ (0,
|
|
1201
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
1200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block", children: [
|
|
1201
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
1202
1202
|
" ",
|
|
1203
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
1204
|
-
list && list.length === 0 && /* @__PURE__ */ (0,
|
|
1203
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1204
|
+
list && list.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
1205
1205
|
"input",
|
|
1206
1206
|
{
|
|
1207
1207
|
type: "text",
|
|
@@ -1218,7 +1218,7 @@ var init_Select = __esm({
|
|
|
1218
1218
|
className: `peer input select mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
1219
1219
|
}
|
|
1220
1220
|
),
|
|
1221
|
-
list && list.length > 0 && /* @__PURE__ */ (0,
|
|
1221
|
+
list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
1222
1222
|
"select",
|
|
1223
1223
|
{
|
|
1224
1224
|
name: props.name,
|
|
@@ -1231,16 +1231,16 @@ var init_Select = __esm({
|
|
|
1231
1231
|
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
|
|
1232
1232
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none ${props.inputClasses ?? ""}`,
|
|
1233
1233
|
children: [
|
|
1234
|
-
/* @__PURE__ */ (0,
|
|
1234
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
1235
1235
|
list.map((item, index) => {
|
|
1236
1236
|
const keyField = props.dataKeyFieldName;
|
|
1237
1237
|
const textField = props.dataTextFieldName;
|
|
1238
|
-
return /* @__PURE__ */ (0,
|
|
1238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
1239
1239
|
})
|
|
1240
1240
|
]
|
|
1241
1241
|
}
|
|
1242
1242
|
),
|
|
1243
|
-
/* @__PURE__ */ (0,
|
|
1243
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
1244
1244
|
] });
|
|
1245
1245
|
};
|
|
1246
1246
|
Select_default = Select;
|
|
@@ -1248,12 +1248,12 @@ var init_Select = __esm({
|
|
|
1248
1248
|
});
|
|
1249
1249
|
|
|
1250
1250
|
// src/components/controls/edit/PercentageInput.tsx
|
|
1251
|
-
var import_react24,
|
|
1251
|
+
var import_react24, import_jsx_runtime28, PercentageInput, PercentageInput_default;
|
|
1252
1252
|
var init_PercentageInput = __esm({
|
|
1253
1253
|
"src/components/controls/edit/PercentageInput.tsx"() {
|
|
1254
1254
|
"use strict";
|
|
1255
1255
|
import_react24 = __toESM(require("react"));
|
|
1256
|
-
|
|
1256
|
+
import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1257
1257
|
PercentageInput = (props) => {
|
|
1258
1258
|
const textChangeHandler = (event) => {
|
|
1259
1259
|
const rawValue = event.target.value;
|
|
@@ -1282,11 +1282,11 @@ var init_PercentageInput = __esm({
|
|
|
1282
1282
|
e.preventDefault();
|
|
1283
1283
|
}
|
|
1284
1284
|
};
|
|
1285
|
-
return /* @__PURE__ */ (0,
|
|
1286
|
-
/* @__PURE__ */ (0,
|
|
1285
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react24.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
|
|
1286
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
1287
1287
|
" ",
|
|
1288
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1289
|
-
/* @__PURE__ */ (0,
|
|
1288
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1289
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
1290
1290
|
"input",
|
|
1291
1291
|
{
|
|
1292
1292
|
type: "number",
|
|
@@ -1305,7 +1305,7 @@ var init_PercentageInput = __esm({
|
|
|
1305
1305
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
1306
1306
|
}
|
|
1307
1307
|
),
|
|
1308
|
-
/* @__PURE__ */ (0,
|
|
1308
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1309
1309
|
] }) });
|
|
1310
1310
|
};
|
|
1311
1311
|
PercentageInput_default = PercentageInput;
|
|
@@ -1313,12 +1313,12 @@ var init_PercentageInput = __esm({
|
|
|
1313
1313
|
});
|
|
1314
1314
|
|
|
1315
1315
|
// src/components/controls/edit/PhoneInput.tsx
|
|
1316
|
-
var import_react25,
|
|
1316
|
+
var import_react25, import_jsx_runtime29, PhoneInput, PhoneInput_default;
|
|
1317
1317
|
var init_PhoneInput = __esm({
|
|
1318
1318
|
"src/components/controls/edit/PhoneInput.tsx"() {
|
|
1319
1319
|
"use strict";
|
|
1320
1320
|
import_react25 = __toESM(require("react"));
|
|
1321
|
-
|
|
1321
|
+
import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1322
1322
|
PhoneInput = (props) => {
|
|
1323
1323
|
const textChangeHandler = (event) => {
|
|
1324
1324
|
const text = event.target.value;
|
|
@@ -1337,13 +1337,13 @@ var init_PhoneInput = __esm({
|
|
|
1337
1337
|
if (props.value !== void 0 && props.value !== null) {
|
|
1338
1338
|
value = props.value;
|
|
1339
1339
|
}
|
|
1340
|
-
return /* @__PURE__ */ (0,
|
|
1341
|
-
/* @__PURE__ */ (0,
|
|
1340
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react25.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
|
|
1341
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1342
1342
|
" ",
|
|
1343
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1344
|
-
/* @__PURE__ */ (0,
|
|
1345
|
-
/* @__PURE__ */ (0,
|
|
1346
|
-
/* @__PURE__ */ (0,
|
|
1343
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1344
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
1345
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
1346
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
1347
1347
|
"input",
|
|
1348
1348
|
{
|
|
1349
1349
|
type: "text",
|
|
@@ -1361,7 +1361,7 @@ var init_PhoneInput = __esm({
|
|
|
1361
1361
|
}
|
|
1362
1362
|
)
|
|
1363
1363
|
] }),
|
|
1364
|
-
/* @__PURE__ */ (0,
|
|
1364
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1365
1365
|
] }) });
|
|
1366
1366
|
};
|
|
1367
1367
|
PhoneInput_default = PhoneInput;
|
|
@@ -1369,12 +1369,12 @@ var init_PhoneInput = __esm({
|
|
|
1369
1369
|
});
|
|
1370
1370
|
|
|
1371
1371
|
// src/components/controls/edit/NumberInput.tsx
|
|
1372
|
-
var import_react26,
|
|
1372
|
+
var import_react26, import_jsx_runtime30, NumberInput, NumberInput_default;
|
|
1373
1373
|
var init_NumberInput = __esm({
|
|
1374
1374
|
"src/components/controls/edit/NumberInput.tsx"() {
|
|
1375
1375
|
"use strict";
|
|
1376
1376
|
import_react26 = __toESM(require("react"));
|
|
1377
|
-
|
|
1377
|
+
import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1378
1378
|
NumberInput = (props) => {
|
|
1379
1379
|
const textChangeHandler = (event) => {
|
|
1380
1380
|
const text = event.target.value;
|
|
@@ -1397,11 +1397,11 @@ var init_NumberInput = __esm({
|
|
|
1397
1397
|
if (props.value !== void 0 && props.value !== null) {
|
|
1398
1398
|
value = props.value;
|
|
1399
1399
|
}
|
|
1400
|
-
return /* @__PURE__ */ (0,
|
|
1401
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "block", children: [
|
|
1401
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
1402
1402
|
" ",
|
|
1403
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1404
|
-
/* @__PURE__ */ (0,
|
|
1403
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1404
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1405
1405
|
"input",
|
|
1406
1406
|
{
|
|
1407
1407
|
type: "number",
|
|
@@ -1420,7 +1420,7 @@ var init_NumberInput = __esm({
|
|
|
1420
1420
|
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 "
|
|
1421
1421
|
}
|
|
1422
1422
|
),
|
|
1423
|
-
/* @__PURE__ */ (0,
|
|
1423
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1424
1424
|
] }) });
|
|
1425
1425
|
};
|
|
1426
1426
|
NumberInput_default = NumberInput;
|
|
@@ -1428,12 +1428,12 @@ var init_NumberInput = __esm({
|
|
|
1428
1428
|
});
|
|
1429
1429
|
|
|
1430
1430
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
1431
|
-
var import_react27,
|
|
1431
|
+
var import_react27, import_jsx_runtime31, CheckboxInput, CheckboxInput_default;
|
|
1432
1432
|
var init_CheckboxInput = __esm({
|
|
1433
1433
|
"src/components/controls/edit/CheckboxInput.tsx"() {
|
|
1434
1434
|
"use strict";
|
|
1435
1435
|
import_react27 = __toESM(require("react"));
|
|
1436
|
-
|
|
1436
|
+
import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1437
1437
|
CheckboxInput = (props) => {
|
|
1438
1438
|
const textChangeHandler = (event) => {
|
|
1439
1439
|
let text = event.target.checked;
|
|
@@ -1450,9 +1450,9 @@ var init_CheckboxInput = __esm({
|
|
|
1450
1450
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
1451
1451
|
value = true;
|
|
1452
1452
|
}
|
|
1453
|
-
return /* @__PURE__ */ (0,
|
|
1454
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1455
|
-
/* @__PURE__ */ (0,
|
|
1453
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "mb-1", children: [
|
|
1454
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
|
|
1455
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
1456
1456
|
"label",
|
|
1457
1457
|
{
|
|
1458
1458
|
htmlFor: props.name,
|
|
@@ -1460,9 +1460,9 @@ var init_CheckboxInput = __esm({
|
|
|
1460
1460
|
children: props.attributes.label
|
|
1461
1461
|
}
|
|
1462
1462
|
),
|
|
1463
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1463
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
1464
1464
|
] }),
|
|
1465
|
-
/* @__PURE__ */ (0,
|
|
1465
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
1466
1466
|
"input",
|
|
1467
1467
|
{
|
|
1468
1468
|
type: "checkbox",
|
|
@@ -1479,7 +1479,7 @@ var init_CheckboxInput = __esm({
|
|
|
1479
1479
|
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 "
|
|
1480
1480
|
}
|
|
1481
1481
|
),
|
|
1482
|
-
/* @__PURE__ */ (0,
|
|
1482
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
1483
1483
|
] }) });
|
|
1484
1484
|
};
|
|
1485
1485
|
CheckboxInput_default = CheckboxInput;
|
|
@@ -1487,12 +1487,12 @@ var init_CheckboxInput = __esm({
|
|
|
1487
1487
|
});
|
|
1488
1488
|
|
|
1489
1489
|
// src/components/controls/edit/OtpInput.tsx
|
|
1490
|
-
var import_react28,
|
|
1490
|
+
var import_react28, import_jsx_runtime32, OtpInput, OtpInput_default;
|
|
1491
1491
|
var init_OtpInput = __esm({
|
|
1492
1492
|
"src/components/controls/edit/OtpInput.tsx"() {
|
|
1493
1493
|
"use strict";
|
|
1494
1494
|
import_react28 = __toESM(require("react"));
|
|
1495
|
-
|
|
1495
|
+
import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1496
1496
|
OtpInput = (props) => {
|
|
1497
1497
|
const textChangeHandler = (event) => {
|
|
1498
1498
|
const text = event.target.value;
|
|
@@ -1514,11 +1514,11 @@ var init_OtpInput = __esm({
|
|
|
1514
1514
|
if (props.value !== void 0 && props.value !== null) {
|
|
1515
1515
|
value = props.value;
|
|
1516
1516
|
}
|
|
1517
|
-
return /* @__PURE__ */ (0,
|
|
1518
|
-
/* @__PURE__ */ (0,
|
|
1517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
1518
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1519
1519
|
" ",
|
|
1520
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1521
|
-
/* @__PURE__ */ (0,
|
|
1520
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1521
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1522
1522
|
"input",
|
|
1523
1523
|
{
|
|
1524
1524
|
type: "text",
|
|
@@ -1538,7 +1538,7 @@ var init_OtpInput = __esm({
|
|
|
1538
1538
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
|
|
1539
1539
|
}
|
|
1540
1540
|
),
|
|
1541
|
-
/* @__PURE__ */ (0,
|
|
1541
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1542
1542
|
] }) });
|
|
1543
1543
|
};
|
|
1544
1544
|
OtpInput_default = OtpInput;
|
|
@@ -1546,12 +1546,12 @@ var init_OtpInput = __esm({
|
|
|
1546
1546
|
});
|
|
1547
1547
|
|
|
1548
1548
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
1549
|
-
var import_react29,
|
|
1549
|
+
var import_react29, import_jsx_runtime33, DateTimeInput, DateTimeInput_default;
|
|
1550
1550
|
var init_DateTimeInput = __esm({
|
|
1551
1551
|
"src/components/controls/edit/DateTimeInput.tsx"() {
|
|
1552
1552
|
"use strict";
|
|
1553
1553
|
import_react29 = __toESM(require("react"));
|
|
1554
|
-
|
|
1554
|
+
import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1555
1555
|
DateTimeInput = (props) => {
|
|
1556
1556
|
const textChangeHandler = (event) => {
|
|
1557
1557
|
const localDate = new Date(event.target.value);
|
|
@@ -1583,12 +1583,12 @@ var init_DateTimeInput = __esm({
|
|
|
1583
1583
|
e.preventDefault();
|
|
1584
1584
|
}
|
|
1585
1585
|
};
|
|
1586
|
-
return /* @__PURE__ */ (0,
|
|
1587
|
-
/* @__PURE__ */ (0,
|
|
1586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react29.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "block mb-1", children: [
|
|
1587
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1588
1588
|
" ",
|
|
1589
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1590
|
-
/* @__PURE__ */ (0,
|
|
1591
|
-
/* @__PURE__ */ (0,
|
|
1589
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1590
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1591
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1592
1592
|
"input",
|
|
1593
1593
|
{
|
|
1594
1594
|
type: "datetime-local",
|
|
@@ -1606,9 +1606,9 @@ var init_DateTimeInput = __esm({
|
|
|
1606
1606
|
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 "
|
|
1607
1607
|
}
|
|
1608
1608
|
),
|
|
1609
|
-
/* @__PURE__ */ (0,
|
|
1609
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: timeZoneAbbr })
|
|
1610
1610
|
] }),
|
|
1611
|
-
/* @__PURE__ */ (0,
|
|
1611
|
+
/* @__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 : "" })
|
|
1612
1612
|
] }) });
|
|
1613
1613
|
};
|
|
1614
1614
|
DateTimeInput_default = DateTimeInput;
|
|
@@ -1616,12 +1616,12 @@ var init_DateTimeInput = __esm({
|
|
|
1616
1616
|
});
|
|
1617
1617
|
|
|
1618
1618
|
// src/components/controls/edit/ColorInput.tsx
|
|
1619
|
-
var import_react30,
|
|
1619
|
+
var import_react30, import_jsx_runtime34, ColorInput, ColorInput_default;
|
|
1620
1620
|
var init_ColorInput = __esm({
|
|
1621
1621
|
"src/components/controls/edit/ColorInput.tsx"() {
|
|
1622
1622
|
"use strict";
|
|
1623
1623
|
import_react30 = __toESM(require("react"));
|
|
1624
|
-
|
|
1624
|
+
import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1625
1625
|
ColorInput = (props) => {
|
|
1626
1626
|
const [color, setColor] = import_react30.default.useState("#3b82f6");
|
|
1627
1627
|
(0, import_react30.useEffect)(() => {
|
|
@@ -1643,11 +1643,11 @@ var init_ColorInput = __esm({
|
|
|
1643
1643
|
});
|
|
1644
1644
|
}
|
|
1645
1645
|
};
|
|
1646
|
-
return /* @__PURE__ */ (0,
|
|
1647
|
-
/* @__PURE__ */ (0,
|
|
1646
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "block mb-1", children: [
|
|
1647
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1648
1648
|
" ",
|
|
1649
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1650
|
-
/* @__PURE__ */ (0,
|
|
1649
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1650
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1651
1651
|
"input",
|
|
1652
1652
|
{
|
|
1653
1653
|
type: "color",
|
|
@@ -1660,7 +1660,7 @@ var init_ColorInput = __esm({
|
|
|
1660
1660
|
className: `w-[78px] h-12 block cursor-pointer`
|
|
1661
1661
|
}
|
|
1662
1662
|
),
|
|
1663
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
1663
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
|
|
1664
1664
|
] });
|
|
1665
1665
|
};
|
|
1666
1666
|
ColorInput_default = ColorInput;
|
|
@@ -1668,13 +1668,13 @@ var init_ColorInput = __esm({
|
|
|
1668
1668
|
});
|
|
1669
1669
|
|
|
1670
1670
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
1671
|
-
var import_react31,
|
|
1671
|
+
var import_react31, import_jsx_runtime35, SelectWithSearchInput, SelectWithSearchInput_default;
|
|
1672
1672
|
var init_SelectWithSearchInput = __esm({
|
|
1673
1673
|
"src/components/controls/edit/SelectWithSearchInput.tsx"() {
|
|
1674
1674
|
"use strict";
|
|
1675
1675
|
"use client";
|
|
1676
1676
|
import_react31 = __toESM(require("react"));
|
|
1677
|
-
|
|
1677
|
+
import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1678
1678
|
SelectWithSearchInput = (props) => {
|
|
1679
1679
|
const [isOpen, setIsOpen] = (0, import_react31.useState)(false);
|
|
1680
1680
|
const [searchTerm, setSearchTerm] = (0, import_react31.useState)("");
|
|
@@ -1769,14 +1769,14 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1769
1769
|
}
|
|
1770
1770
|
}, [highlightedIndex]);
|
|
1771
1771
|
const isReadOnly = props.attributes?.readOnly || props.disable || props.attributes?.disable;
|
|
1772
|
-
return /* @__PURE__ */ (0,
|
|
1773
|
-
/* @__PURE__ */ (0,
|
|
1772
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", children: [
|
|
1773
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("label", { className: "pb-1", children: [
|
|
1774
1774
|
props.attributes?.label,
|
|
1775
1775
|
" ",
|
|
1776
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1776
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
1777
1777
|
] }),
|
|
1778
|
-
/* @__PURE__ */ (0,
|
|
1779
|
-
/* @__PURE__ */ (0,
|
|
1778
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", children: [
|
|
1779
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1780
1780
|
"input",
|
|
1781
1781
|
{
|
|
1782
1782
|
type: "text",
|
|
@@ -1798,7 +1798,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1798
1798
|
`
|
|
1799
1799
|
}
|
|
1800
1800
|
),
|
|
1801
|
-
/* @__PURE__ */ (0,
|
|
1801
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1802
1802
|
"button",
|
|
1803
1803
|
{
|
|
1804
1804
|
type: "button",
|
|
@@ -1809,7 +1809,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1809
1809
|
}
|
|
1810
1810
|
},
|
|
1811
1811
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1812
|
-
children: /* @__PURE__ */ (0,
|
|
1812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1813
1813
|
"svg",
|
|
1814
1814
|
{
|
|
1815
1815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1818,7 +1818,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1818
1818
|
strokeWidth: 1.5,
|
|
1819
1819
|
stroke: "currentColor",
|
|
1820
1820
|
className: "w-full h-full",
|
|
1821
|
-
children: /* @__PURE__ */ (0,
|
|
1821
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1822
1822
|
"path",
|
|
1823
1823
|
{
|
|
1824
1824
|
strokeLinecap: "round",
|
|
@@ -1831,12 +1831,12 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1831
1831
|
}
|
|
1832
1832
|
)
|
|
1833
1833
|
] }),
|
|
1834
|
-
!isReadOnly && isOpen && /* @__PURE__ */ (0,
|
|
1834
|
+
!isReadOnly && isOpen && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1835
1835
|
"div",
|
|
1836
1836
|
{
|
|
1837
1837
|
ref: dropdownRef,
|
|
1838
1838
|
className: "absolute z-10 w-full bg-default border border-gray-200 shadow-lg max-h-48 overflow-y-auto",
|
|
1839
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1839
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1840
1840
|
"button",
|
|
1841
1841
|
{
|
|
1842
1842
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1844,10 +1844,10 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1844
1844
|
role: "option",
|
|
1845
1845
|
tabIndex: -1,
|
|
1846
1846
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1847
|
-
children: /* @__PURE__ */ (0,
|
|
1847
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
1848
1848
|
},
|
|
1849
1849
|
item[props.dataKeyFieldName]
|
|
1850
|
-
)) : /* @__PURE__ */ (0,
|
|
1850
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1851
1851
|
}
|
|
1852
1852
|
)
|
|
1853
1853
|
] });
|
|
@@ -1935,7 +1935,7 @@ var init_StyleTypes = __esm({
|
|
|
1935
1935
|
});
|
|
1936
1936
|
|
|
1937
1937
|
// src/components/ClientButton.tsx
|
|
1938
|
-
var import_react32,
|
|
1938
|
+
var import_react32, import_jsx_runtime36, ClientButton, ClientButton_default;
|
|
1939
1939
|
var init_ClientButton = __esm({
|
|
1940
1940
|
"src/components/ClientButton.tsx"() {
|
|
1941
1941
|
"use strict";
|
|
@@ -1943,7 +1943,7 @@ var init_ClientButton = __esm({
|
|
|
1943
1943
|
import_react32 = __toESM(require("react"));
|
|
1944
1944
|
init_ToastService();
|
|
1945
1945
|
init_StyleTypes();
|
|
1946
|
-
|
|
1946
|
+
import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1947
1947
|
ClientButton = (props) => {
|
|
1948
1948
|
const execute = async (event) => {
|
|
1949
1949
|
if (props.onClick !== void 0) {
|
|
@@ -1953,7 +1953,7 @@ var init_ClientButton = __esm({
|
|
|
1953
1953
|
}
|
|
1954
1954
|
};
|
|
1955
1955
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1956
|
-
return /* @__PURE__ */ (0,
|
|
1956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1957
1957
|
"button",
|
|
1958
1958
|
{
|
|
1959
1959
|
type: "button",
|
|
@@ -1968,7 +1968,7 @@ var init_ClientButton = __esm({
|
|
|
1968
1968
|
});
|
|
1969
1969
|
|
|
1970
1970
|
// src/components/Confirm.tsx
|
|
1971
|
-
var import_react33,
|
|
1971
|
+
var import_react33, import_jsx_runtime37, Confirm, Confirm_default;
|
|
1972
1972
|
var init_Confirm = __esm({
|
|
1973
1973
|
"src/components/Confirm.tsx"() {
|
|
1974
1974
|
"use strict";
|
|
@@ -1976,7 +1976,7 @@ var init_Confirm = __esm({
|
|
|
1976
1976
|
import_react33 = require("react");
|
|
1977
1977
|
init_ClientButton();
|
|
1978
1978
|
init_StyleTypes();
|
|
1979
|
-
|
|
1979
|
+
import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1980
1980
|
Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1981
1981
|
const [showModal, setShowModal] = (0, import_react33.useState)(true);
|
|
1982
1982
|
const handleConfirmAction = () => {
|
|
@@ -1991,13 +1991,13 @@ var init_Confirm = __esm({
|
|
|
1991
1991
|
onCancel();
|
|
1992
1992
|
}
|
|
1993
1993
|
};
|
|
1994
|
-
return /* @__PURE__ */ (0,
|
|
1995
|
-
/* @__PURE__ */ (0,
|
|
1996
|
-
/* @__PURE__ */ (0,
|
|
1997
|
-
/* @__PURE__ */ (0,
|
|
1998
|
-
/* @__PURE__ */ (0,
|
|
1999
|
-
/* @__PURE__ */ (0,
|
|
2000
|
-
/* @__PURE__ */ (0,
|
|
1994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1995
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1996
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1997
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1998
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "mb-4", children: message }),
|
|
1999
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
2000
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2001
2001
|
ClientButton_default,
|
|
2002
2002
|
{
|
|
2003
2003
|
onClick: handleCancelAction,
|
|
@@ -2005,7 +2005,7 @@ var init_Confirm = __esm({
|
|
|
2005
2005
|
children: "Cancel"
|
|
2006
2006
|
}
|
|
2007
2007
|
),
|
|
2008
|
-
/* @__PURE__ */ (0,
|
|
2008
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2009
2009
|
ClientButton_default,
|
|
2010
2010
|
{
|
|
2011
2011
|
onClick: handleConfirmAction,
|
|
@@ -2023,7 +2023,7 @@ var init_Confirm = __esm({
|
|
|
2023
2023
|
});
|
|
2024
2024
|
|
|
2025
2025
|
// src/components/Button.tsx
|
|
2026
|
-
var import_react34,
|
|
2026
|
+
var import_react34, import_jsx_runtime38, Button, Button_default;
|
|
2027
2027
|
var init_Button = __esm({
|
|
2028
2028
|
"src/components/Button.tsx"() {
|
|
2029
2029
|
"use strict";
|
|
@@ -2032,7 +2032,7 @@ var init_Button = __esm({
|
|
|
2032
2032
|
init_ToastService();
|
|
2033
2033
|
init_StyleTypes();
|
|
2034
2034
|
init_Confirm();
|
|
2035
|
-
|
|
2035
|
+
import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2036
2036
|
Button = (props) => {
|
|
2037
2037
|
const [inProgress, setInProgress] = (0, import_react34.useState)(false);
|
|
2038
2038
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react34.useState)(false);
|
|
@@ -2086,7 +2086,7 @@ var init_Button = __esm({
|
|
|
2086
2086
|
const onConfirm = () => resolve(true);
|
|
2087
2087
|
const onCancel = () => resolve(false);
|
|
2088
2088
|
setShowModal(
|
|
2089
|
-
/* @__PURE__ */ (0,
|
|
2089
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2090
2090
|
Confirm_default,
|
|
2091
2091
|
{
|
|
2092
2092
|
message: props.confirmationMessage,
|
|
@@ -2100,8 +2100,8 @@ var init_Button = __esm({
|
|
|
2100
2100
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
2101
2101
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
2102
2102
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
2103
|
-
return /* @__PURE__ */ (0,
|
|
2104
|
-
/* @__PURE__ */ (0,
|
|
2103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react34.default.Fragment, { children: [
|
|
2104
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
2105
2105
|
"button",
|
|
2106
2106
|
{
|
|
2107
2107
|
type: "submit",
|
|
@@ -2111,7 +2111,7 @@ var init_Button = __esm({
|
|
|
2111
2111
|
className: `${buttonClass} relative inline-flex items-center justify-center gap-2 ${props.className ?? ""}`,
|
|
2112
2112
|
children: [
|
|
2113
2113
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
2114
|
-
inProgress && /* @__PURE__ */ (0,
|
|
2114
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: props.hideProgressIndicator ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
2115
2115
|
"svg",
|
|
2116
2116
|
{
|
|
2117
2117
|
className: `animate-spin h-5 w-5 flex-shrink-0 ${progressClass}`,
|
|
@@ -2119,7 +2119,7 @@ var init_Button = __esm({
|
|
|
2119
2119
|
fill: "none",
|
|
2120
2120
|
viewBox: "0 0 24 24",
|
|
2121
2121
|
children: [
|
|
2122
|
-
/* @__PURE__ */ (0,
|
|
2122
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2123
2123
|
"circle",
|
|
2124
2124
|
{
|
|
2125
2125
|
className: "opacity-25",
|
|
@@ -2130,7 +2130,7 @@ var init_Button = __esm({
|
|
|
2130
2130
|
strokeWidth: "4"
|
|
2131
2131
|
}
|
|
2132
2132
|
),
|
|
2133
|
-
/* @__PURE__ */ (0,
|
|
2133
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2134
2134
|
"path",
|
|
2135
2135
|
{
|
|
2136
2136
|
className: "opacity-75",
|
|
@@ -2152,14 +2152,14 @@ var init_Button = __esm({
|
|
|
2152
2152
|
});
|
|
2153
2153
|
|
|
2154
2154
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
2155
|
-
var import_react35,
|
|
2155
|
+
var import_react35, import_jsx_runtime39, SelectWithSearchPanel, SelectWithSearchPanel_default;
|
|
2156
2156
|
var init_SelectWithSearchPanel = __esm({
|
|
2157
2157
|
"src/components/controls/edit/SelectWithSearchPanel.tsx"() {
|
|
2158
2158
|
"use strict";
|
|
2159
2159
|
"use client";
|
|
2160
2160
|
init_Button();
|
|
2161
2161
|
import_react35 = __toESM(require("react"));
|
|
2162
|
-
|
|
2162
|
+
import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2163
2163
|
SelectWithSearchPanel = (props) => {
|
|
2164
2164
|
const [isOpen, setIsOpen] = (0, import_react35.useState)(false);
|
|
2165
2165
|
const [searchTerm, setSearchTerm] = (0, import_react35.useState)("");
|
|
@@ -2295,14 +2295,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2295
2295
|
console.log("Form Data:", formData);
|
|
2296
2296
|
return formData;
|
|
2297
2297
|
}, []);
|
|
2298
|
-
return /* @__PURE__ */ (0,
|
|
2299
|
-
/* @__PURE__ */ (0,
|
|
2298
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative", children: [
|
|
2299
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
|
|
2300
2300
|
props.attributes?.label,
|
|
2301
2301
|
" ",
|
|
2302
2302
|
" ",
|
|
2303
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2303
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2304
2304
|
] }),
|
|
2305
|
-
/* @__PURE__ */ (0,
|
|
2305
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2306
2306
|
"input",
|
|
2307
2307
|
{
|
|
2308
2308
|
type: "text",
|
|
@@ -2316,14 +2316,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2316
2316
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
2317
2317
|
}
|
|
2318
2318
|
) }),
|
|
2319
|
-
/* @__PURE__ */ (0,
|
|
2320
|
-
/* @__PURE__ */ (0,
|
|
2321
|
-
/* @__PURE__ */ (0,
|
|
2319
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react35.default.Fragment, { children: [
|
|
2320
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
2321
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
2322
2322
|
"Select a",
|
|
2323
2323
|
" ",
|
|
2324
2324
|
props.attributes?.label || props.attributes?.heading
|
|
2325
2325
|
] }) }),
|
|
2326
|
-
/* @__PURE__ */ (0,
|
|
2326
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.jsx)(
|
|
2327
2327
|
"button",
|
|
2328
2328
|
{
|
|
2329
2329
|
type: "button",
|
|
@@ -2336,12 +2336,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2336
2336
|
}
|
|
2337
2337
|
) })
|
|
2338
2338
|
] }),
|
|
2339
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
2340
|
-
/* @__PURE__ */ (0,
|
|
2339
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime39.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: [
|
|
2340
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
2341
2341
|
"Create New ",
|
|
2342
2342
|
props.attributes?.label
|
|
2343
2343
|
] }) }),
|
|
2344
|
-
/* @__PURE__ */ (0,
|
|
2344
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2345
2345
|
"button",
|
|
2346
2346
|
{
|
|
2347
2347
|
type: "button",
|
|
@@ -2350,10 +2350,10 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2350
2350
|
children: "Close"
|
|
2351
2351
|
}
|
|
2352
2352
|
) }),
|
|
2353
|
-
/* @__PURE__ */ (0,
|
|
2354
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
2355
|
-
/* @__PURE__ */ (0,
|
|
2356
|
-
/* @__PURE__ */ (0,
|
|
2353
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "p-4", children: [
|
|
2354
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "mb-4", children: [
|
|
2355
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
2356
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2357
2357
|
"input",
|
|
2358
2358
|
{
|
|
2359
2359
|
type: field.type,
|
|
@@ -2369,7 +2369,7 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2369
2369
|
}
|
|
2370
2370
|
)
|
|
2371
2371
|
] }, field.name)),
|
|
2372
|
-
/* @__PURE__ */ (0,
|
|
2372
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Button_default, { onClick: async () => {
|
|
2373
2373
|
handleSaveModal();
|
|
2374
2374
|
return { isSuccessful: true };
|
|
2375
2375
|
}, className: "w-full", children: [
|
|
@@ -2378,13 +2378,13 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2378
2378
|
] })
|
|
2379
2379
|
] })
|
|
2380
2380
|
] }),
|
|
2381
|
-
/* @__PURE__ */ (0,
|
|
2381
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2382
2382
|
"div",
|
|
2383
2383
|
{
|
|
2384
2384
|
ref: listRef,
|
|
2385
2385
|
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",
|
|
2386
2386
|
style: { height: "calc(100vh - 130px)" },
|
|
2387
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2387
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2388
2388
|
"button",
|
|
2389
2389
|
{
|
|
2390
2390
|
onClick: (e) => {
|
|
@@ -2394,9 +2394,9 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2394
2394
|
role: "option",
|
|
2395
2395
|
tabIndex: -1,
|
|
2396
2396
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2397
|
-
children: /* @__PURE__ */ (0,
|
|
2397
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
|
|
2398
2398
|
}
|
|
2399
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2399
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2400
2400
|
}
|
|
2401
2401
|
)
|
|
2402
2402
|
] }) })
|
|
@@ -2407,12 +2407,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2407
2407
|
});
|
|
2408
2408
|
|
|
2409
2409
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
2410
|
-
var import_react36,
|
|
2410
|
+
var import_react36, import_jsx_runtime40, BooleanSelect, BooleanSelect_default;
|
|
2411
2411
|
var init_BooleanSelect = __esm({
|
|
2412
2412
|
"src/components/controls/edit/BooleanSelect.tsx"() {
|
|
2413
2413
|
"use strict";
|
|
2414
2414
|
import_react36 = __toESM(require("react"));
|
|
2415
|
-
|
|
2415
|
+
import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2416
2416
|
BooleanSelect = (props) => {
|
|
2417
2417
|
const [list, setList] = (0, import_react36.useState)();
|
|
2418
2418
|
const textChangeHandler = (event) => {
|
|
@@ -2461,11 +2461,11 @@ var init_BooleanSelect = __esm({
|
|
|
2461
2461
|
if (props.value !== void 0 && props.value !== null) {
|
|
2462
2462
|
value = props.value;
|
|
2463
2463
|
}
|
|
2464
|
-
return /* @__PURE__ */ (0,
|
|
2465
|
-
/* @__PURE__ */ (0,
|
|
2464
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react36.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: "block", children: [
|
|
2465
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2466
2466
|
" ",
|
|
2467
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2468
|
-
/* @__PURE__ */ (0,
|
|
2467
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2468
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
2469
2469
|
"select",
|
|
2470
2470
|
{
|
|
2471
2471
|
name: props.name,
|
|
@@ -2477,9 +2477,9 @@ var init_BooleanSelect = __esm({
|
|
|
2477
2477
|
disabled: props?.attributes?.readOnly,
|
|
2478
2478
|
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 ",
|
|
2479
2479
|
children: [
|
|
2480
|
-
/* @__PURE__ */ (0,
|
|
2480
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2481
2481
|
list && list.map((item, i) => {
|
|
2482
|
-
return /* @__PURE__ */ (0,
|
|
2482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
2483
2483
|
"option",
|
|
2484
2484
|
{
|
|
2485
2485
|
className: "fac-select-option",
|
|
@@ -2492,7 +2492,7 @@ var init_BooleanSelect = __esm({
|
|
|
2492
2492
|
]
|
|
2493
2493
|
}
|
|
2494
2494
|
),
|
|
2495
|
-
/* @__PURE__ */ (0,
|
|
2495
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2496
2496
|
] }) });
|
|
2497
2497
|
};
|
|
2498
2498
|
BooleanSelect_default = BooleanSelect;
|
|
@@ -2500,12 +2500,12 @@ var init_BooleanSelect = __esm({
|
|
|
2500
2500
|
});
|
|
2501
2501
|
|
|
2502
2502
|
// src/components/controls/edit/EmailInput.tsx
|
|
2503
|
-
var import_react37,
|
|
2503
|
+
var import_react37, import_jsx_runtime41, EmailInput, EmailInput_default;
|
|
2504
2504
|
var init_EmailInput = __esm({
|
|
2505
2505
|
"src/components/controls/edit/EmailInput.tsx"() {
|
|
2506
2506
|
"use strict";
|
|
2507
2507
|
import_react37 = __toESM(require("react"));
|
|
2508
|
-
|
|
2508
|
+
import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2509
2509
|
EmailInput = (props) => {
|
|
2510
2510
|
const textChangeHandler = (event) => {
|
|
2511
2511
|
const text = event.target.value;
|
|
@@ -2530,11 +2530,11 @@ var init_EmailInput = __esm({
|
|
|
2530
2530
|
if (props.value !== void 0 && props.value !== null) {
|
|
2531
2531
|
value = props.value;
|
|
2532
2532
|
}
|
|
2533
|
-
return /* @__PURE__ */ (0,
|
|
2534
|
-
/* @__PURE__ */ (0,
|
|
2533
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react37.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("label", { className: "block mb-1", children: [
|
|
2534
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
2535
2535
|
" ",
|
|
2536
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2537
|
-
/* @__PURE__ */ (0,
|
|
2536
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2537
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
2538
2538
|
"input",
|
|
2539
2539
|
{
|
|
2540
2540
|
type: "email",
|
|
@@ -2550,7 +2550,7 @@ var init_EmailInput = __esm({
|
|
|
2550
2550
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
2551
2551
|
}
|
|
2552
2552
|
),
|
|
2553
|
-
/* @__PURE__ */ (0,
|
|
2553
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.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 : "" })
|
|
2554
2554
|
] }) });
|
|
2555
2555
|
};
|
|
2556
2556
|
EmailInput_default = EmailInput;
|
|
@@ -2558,13 +2558,13 @@ var init_EmailInput = __esm({
|
|
|
2558
2558
|
});
|
|
2559
2559
|
|
|
2560
2560
|
// src/components/controls/edit/TimeInput.tsx
|
|
2561
|
-
var import_react38,
|
|
2561
|
+
var import_react38, import_jsx_runtime42, TimeInput, TimeInput_default;
|
|
2562
2562
|
var init_TimeInput = __esm({
|
|
2563
2563
|
"src/components/controls/edit/TimeInput.tsx"() {
|
|
2564
2564
|
"use strict";
|
|
2565
2565
|
"use client";
|
|
2566
2566
|
import_react38 = __toESM(require("react"));
|
|
2567
|
-
|
|
2567
|
+
import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2568
2568
|
TimeInput = (props) => {
|
|
2569
2569
|
const timeChangeHandler = (event) => {
|
|
2570
2570
|
const timeValue = event.target.value;
|
|
@@ -2577,11 +2577,11 @@ var init_TimeInput = __esm({
|
|
|
2577
2577
|
});
|
|
2578
2578
|
}
|
|
2579
2579
|
};
|
|
2580
|
-
return /* @__PURE__ */ (0,
|
|
2581
|
-
/* @__PURE__ */ (0,
|
|
2580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react38.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "block mb-1", children: [
|
|
2581
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2582
2582
|
" ",
|
|
2583
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2584
|
-
/* @__PURE__ */ (0,
|
|
2583
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2584
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
2585
2585
|
"input",
|
|
2586
2586
|
{
|
|
2587
2587
|
type: "time",
|
|
@@ -2594,7 +2594,7 @@ var init_TimeInput = __esm({
|
|
|
2594
2594
|
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"
|
|
2595
2595
|
}
|
|
2596
2596
|
) }),
|
|
2597
|
-
/* @__PURE__ */ (0,
|
|
2597
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
2598
2598
|
] }) });
|
|
2599
2599
|
};
|
|
2600
2600
|
TimeInput_default = TimeInput;
|
|
@@ -2609,7 +2609,7 @@ function Hyperlink(props) {
|
|
|
2609
2609
|
if (target == "_blank") {
|
|
2610
2610
|
additionalProps.rel = "noopener noreferrer";
|
|
2611
2611
|
}
|
|
2612
|
-
return /* @__PURE__ */ (0,
|
|
2612
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2613
2613
|
import_link.default,
|
|
2614
2614
|
{
|
|
2615
2615
|
href: props.href,
|
|
@@ -2619,65 +2619,65 @@ function Hyperlink(props) {
|
|
|
2619
2619
|
target,
|
|
2620
2620
|
children: props.children
|
|
2621
2621
|
}
|
|
2622
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
2622
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: props.className, children: props.children }) });
|
|
2623
2623
|
}
|
|
2624
|
-
var import_link,
|
|
2624
|
+
var import_link, import_jsx_runtime43;
|
|
2625
2625
|
var init_Hyperlink = __esm({
|
|
2626
2626
|
"src/components/dataForm/Hyperlink.tsx"() {
|
|
2627
2627
|
"use strict";
|
|
2628
2628
|
import_link = __toESM(require("next/link"));
|
|
2629
2629
|
init_StyleTypes();
|
|
2630
|
-
|
|
2630
|
+
import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2631
2631
|
}
|
|
2632
2632
|
});
|
|
2633
2633
|
|
|
2634
2634
|
// src/svg/chevron-updown.tsx
|
|
2635
|
-
var
|
|
2635
|
+
var import_jsx_runtime44, ChevronUpDown, chevron_updown_default;
|
|
2636
2636
|
var init_chevron_updown = __esm({
|
|
2637
2637
|
"src/svg/chevron-updown.tsx"() {
|
|
2638
2638
|
"use strict";
|
|
2639
|
-
|
|
2639
|
+
import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2640
2640
|
ChevronUpDown = (props) => {
|
|
2641
|
-
return /* @__PURE__ */ (0,
|
|
2641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2642
2642
|
};
|
|
2643
2643
|
chevron_updown_default = ChevronUpDown;
|
|
2644
2644
|
}
|
|
2645
2645
|
});
|
|
2646
2646
|
|
|
2647
2647
|
// src/svg/chevron-down.tsx
|
|
2648
|
-
var
|
|
2648
|
+
var import_jsx_runtime45, ChevronDown, chevron_down_default;
|
|
2649
2649
|
var init_chevron_down = __esm({
|
|
2650
2650
|
"src/svg/chevron-down.tsx"() {
|
|
2651
2651
|
"use strict";
|
|
2652
|
-
|
|
2652
|
+
import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2653
2653
|
ChevronDown = (props) => {
|
|
2654
|
-
return /* @__PURE__ */ (0,
|
|
2654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2655
2655
|
};
|
|
2656
2656
|
chevron_down_default = ChevronDown;
|
|
2657
2657
|
}
|
|
2658
2658
|
});
|
|
2659
2659
|
|
|
2660
2660
|
// src/svg/chevron-up.tsx
|
|
2661
|
-
var
|
|
2661
|
+
var import_jsx_runtime46, ChevronUp, chevron_up_default;
|
|
2662
2662
|
var init_chevron_up = __esm({
|
|
2663
2663
|
"src/svg/chevron-up.tsx"() {
|
|
2664
2664
|
"use strict";
|
|
2665
|
-
|
|
2665
|
+
import_jsx_runtime46 = require("react/jsx-runtime");
|
|
2666
2666
|
ChevronUp = (props) => {
|
|
2667
|
-
return /* @__PURE__ */ (0,
|
|
2667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime46.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2668
2668
|
};
|
|
2669
2669
|
chevron_up_default = ChevronUp;
|
|
2670
2670
|
}
|
|
2671
2671
|
});
|
|
2672
2672
|
|
|
2673
2673
|
// src/svg/plus.tsx
|
|
2674
|
-
var
|
|
2674
|
+
var import_jsx_runtime47, Plus, plus_default;
|
|
2675
2675
|
var init_plus = __esm({
|
|
2676
2676
|
"src/svg/plus.tsx"() {
|
|
2677
2677
|
"use strict";
|
|
2678
|
-
|
|
2678
|
+
import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2679
2679
|
Plus = (props) => {
|
|
2680
|
-
return /* @__PURE__ */ (0,
|
|
2680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2681
2681
|
};
|
|
2682
2682
|
plus_default = Plus;
|
|
2683
2683
|
}
|
|
@@ -2703,26 +2703,26 @@ var init_Icons = __esm({
|
|
|
2703
2703
|
});
|
|
2704
2704
|
|
|
2705
2705
|
// src/svg/Icon.tsx
|
|
2706
|
-
var
|
|
2706
|
+
var import_jsx_runtime48, Icon, Icon_default;
|
|
2707
2707
|
var init_Icon = __esm({
|
|
2708
2708
|
"src/svg/Icon.tsx"() {
|
|
2709
2709
|
"use strict";
|
|
2710
2710
|
init_Icons();
|
|
2711
|
-
|
|
2711
|
+
import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2712
2712
|
Icon = ({ name, className, ...props }) => {
|
|
2713
2713
|
const IconComponent = Icons_default[name];
|
|
2714
2714
|
if (!IconComponent) {
|
|
2715
2715
|
console.error(`Icon "${name}" not found.`);
|
|
2716
2716
|
return null;
|
|
2717
2717
|
}
|
|
2718
|
-
return /* @__PURE__ */ (0,
|
|
2718
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IconComponent, { ...props, className });
|
|
2719
2719
|
};
|
|
2720
2720
|
Icon_default = Icon;
|
|
2721
2721
|
}
|
|
2722
2722
|
});
|
|
2723
2723
|
|
|
2724
2724
|
// src/components/controls/edit/AssetUpload.tsx
|
|
2725
|
-
var import_react39,
|
|
2725
|
+
var import_react39, import_jsx_runtime49, AssetUpload, AssetUpload_default;
|
|
2726
2726
|
var init_AssetUpload = __esm({
|
|
2727
2727
|
"src/components/controls/edit/AssetUpload.tsx"() {
|
|
2728
2728
|
"use strict";
|
|
@@ -2733,7 +2733,7 @@ var init_AssetUpload = __esm({
|
|
|
2733
2733
|
init_AssetUtility();
|
|
2734
2734
|
init_Hyperlink();
|
|
2735
2735
|
init_Icon();
|
|
2736
|
-
|
|
2736
|
+
import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2737
2737
|
AssetUpload = (props) => {
|
|
2738
2738
|
const isDisabled = props.attributes?.disable ?? false;
|
|
2739
2739
|
let allValues = [];
|
|
@@ -2830,10 +2830,10 @@ var init_AssetUpload = __esm({
|
|
|
2830
2830
|
}
|
|
2831
2831
|
return false;
|
|
2832
2832
|
};
|
|
2833
|
-
return /* @__PURE__ */ (0,
|
|
2834
|
-
/* @__PURE__ */ (0,
|
|
2835
|
-
/* @__PURE__ */ (0,
|
|
2836
|
-
/* @__PURE__ */ (0,
|
|
2833
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react39.default.Fragment, { children: [
|
|
2834
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
2835
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2837
2837
|
ClientButton_default,
|
|
2838
2838
|
{
|
|
2839
2839
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -2843,7 +2843,7 @@ var init_AssetUpload = __esm({
|
|
|
2843
2843
|
children: "Image Upload"
|
|
2844
2844
|
}
|
|
2845
2845
|
),
|
|
2846
|
-
/* @__PURE__ */ (0,
|
|
2846
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2847
2847
|
ClientButton_default,
|
|
2848
2848
|
{
|
|
2849
2849
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -2854,13 +2854,13 @@ var init_AssetUpload = __esm({
|
|
|
2854
2854
|
}
|
|
2855
2855
|
)
|
|
2856
2856
|
] }),
|
|
2857
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
2858
|
-
/* @__PURE__ */ (0,
|
|
2859
|
-
/* @__PURE__ */ (0,
|
|
2860
|
-
/* @__PURE__ */ (0,
|
|
2861
|
-
/* @__PURE__ */ (0,
|
|
2862
|
-
/* @__PURE__ */ (0,
|
|
2863
|
-
/* @__PURE__ */ (0,
|
|
2857
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
2858
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.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" }),
|
|
2859
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
2860
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
2861
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
|
|
2862
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
2863
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2864
2864
|
"input",
|
|
2865
2865
|
{
|
|
2866
2866
|
type: "text",
|
|
@@ -2872,18 +2872,18 @@ var init_AssetUpload = __esm({
|
|
|
2872
2872
|
}
|
|
2873
2873
|
)
|
|
2874
2874
|
] }),
|
|
2875
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
2876
|
-
/* @__PURE__ */ (0,
|
|
2877
|
-
/* @__PURE__ */ (0,
|
|
2875
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
|
|
2876
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
2877
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
2878
2878
|
digitalAsset.intrinsicWidth,
|
|
2879
2879
|
"\xD7",
|
|
2880
2880
|
digitalAsset.intrinsicHeight
|
|
2881
2881
|
] })
|
|
2882
2882
|
] }),
|
|
2883
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
2884
|
-
/* @__PURE__ */ (0,
|
|
2885
|
-
/* @__PURE__ */ (0,
|
|
2886
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
2883
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
|
|
2884
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
2885
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
2886
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2887
2887
|
"img",
|
|
2888
2888
|
{
|
|
2889
2889
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -2891,7 +2891,7 @@ var init_AssetUpload = __esm({
|
|
|
2891
2891
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
2892
2892
|
}
|
|
2893
2893
|
),
|
|
2894
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
2894
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2895
2895
|
"img",
|
|
2896
2896
|
{
|
|
2897
2897
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -2901,9 +2901,9 @@ var init_AssetUpload = __esm({
|
|
|
2901
2901
|
)
|
|
2902
2902
|
] })
|
|
2903
2903
|
] }),
|
|
2904
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
2905
|
-
/* @__PURE__ */ (0,
|
|
2906
|
-
/* @__PURE__ */ (0,
|
|
2904
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "col-span-2", children: [
|
|
2905
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
2906
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2907
2907
|
Hyperlink,
|
|
2908
2908
|
{
|
|
2909
2909
|
href: digitalAsset.assetUrl,
|
|
@@ -2914,12 +2914,12 @@ var init_AssetUpload = __esm({
|
|
|
2914
2914
|
)
|
|
2915
2915
|
] })
|
|
2916
2916
|
] }),
|
|
2917
|
-
/* @__PURE__ */ (0,
|
|
2917
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
2918
2918
|
"span",
|
|
2919
2919
|
{
|
|
2920
2920
|
onClick: () => !isDisabled && deleteFile(index),
|
|
2921
2921
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
2922
|
-
children: /* @__PURE__ */ (0,
|
|
2922
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
2923
2923
|
}
|
|
2924
2924
|
)
|
|
2925
2925
|
] }, index)) })
|
|
@@ -2931,12 +2931,12 @@ var init_AssetUpload = __esm({
|
|
|
2931
2931
|
});
|
|
2932
2932
|
|
|
2933
2933
|
// src/components/controls/edit/SwitchInput.tsx
|
|
2934
|
-
var import_react40,
|
|
2934
|
+
var import_react40, import_jsx_runtime50, SwitchInput, SwitchInput_default;
|
|
2935
2935
|
var init_SwitchInput = __esm({
|
|
2936
2936
|
"src/components/controls/edit/SwitchInput.tsx"() {
|
|
2937
2937
|
"use strict";
|
|
2938
2938
|
import_react40 = __toESM(require("react"));
|
|
2939
|
-
|
|
2939
|
+
import_jsx_runtime50 = require("react/jsx-runtime");
|
|
2940
2940
|
SwitchInput = (props) => {
|
|
2941
2941
|
const textChangeHandler = (event) => {
|
|
2942
2942
|
let text = event.target.checked;
|
|
@@ -2953,28 +2953,28 @@ var init_SwitchInput = __esm({
|
|
|
2953
2953
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
2954
2954
|
value = true;
|
|
2955
2955
|
}
|
|
2956
|
-
return /* @__PURE__ */ (0,
|
|
2957
|
-
/* @__PURE__ */ (0,
|
|
2958
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react40.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
|
|
2957
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "min-w-0", children: [
|
|
2958
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
2959
2959
|
"label",
|
|
2960
2960
|
{
|
|
2961
2961
|
htmlFor: props.name,
|
|
2962
2962
|
className: "inline-block text-sm font-semibold text-slate-800",
|
|
2963
2963
|
children: [
|
|
2964
2964
|
props.attributes.label,
|
|
2965
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2965
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2966
2966
|
]
|
|
2967
2967
|
}
|
|
2968
2968
|
),
|
|
2969
|
-
/* @__PURE__ */ (0,
|
|
2969
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
2970
2970
|
] }),
|
|
2971
|
-
/* @__PURE__ */ (0,
|
|
2971
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
2972
2972
|
"label",
|
|
2973
2973
|
{
|
|
2974
2974
|
htmlFor: props.name,
|
|
2975
2975
|
className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
|
|
2976
2976
|
children: [
|
|
2977
|
-
/* @__PURE__ */ (0,
|
|
2977
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
2978
2978
|
"input",
|
|
2979
2979
|
{
|
|
2980
2980
|
type: "checkbox",
|
|
@@ -2987,13 +2987,13 @@ var init_SwitchInput = __esm({
|
|
|
2987
2987
|
className: "peer sr-only"
|
|
2988
2988
|
}
|
|
2989
2989
|
),
|
|
2990
|
-
/* @__PURE__ */ (0,
|
|
2990
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
2991
2991
|
"div",
|
|
2992
2992
|
{
|
|
2993
2993
|
className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n transition-colors duration-200 ease-in-out\n peer-checked:bg-blue-600\n peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n peer-disabled:bg-slate-100"
|
|
2994
2994
|
}
|
|
2995
2995
|
),
|
|
2996
|
-
/* @__PURE__ */ (0,
|
|
2996
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
2997
2997
|
"div",
|
|
2998
2998
|
{
|
|
2999
2999
|
className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n transition-transform duration-200 ease-in-out\n peer-checked:translate-x-5\n peer-disabled:bg-slate-50"
|
|
@@ -3091,13 +3091,13 @@ var init_DateTimeUtility = __esm({
|
|
|
3091
3091
|
});
|
|
3092
3092
|
|
|
3093
3093
|
// src/components/controls/edit/DateInput.tsx
|
|
3094
|
-
var import_react41,
|
|
3094
|
+
var import_react41, import_jsx_runtime51, DateInput, DateInput_default;
|
|
3095
3095
|
var init_DateInput = __esm({
|
|
3096
3096
|
"src/components/controls/edit/DateInput.tsx"() {
|
|
3097
3097
|
"use strict";
|
|
3098
3098
|
import_react41 = require("react");
|
|
3099
3099
|
init_DateTimeUtility();
|
|
3100
|
-
|
|
3100
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3101
3101
|
DateInput = (props) => {
|
|
3102
3102
|
const value = (0, import_react41.useMemo)(() => {
|
|
3103
3103
|
if (props.value === void 0 || props.value === null || props.value === "") {
|
|
@@ -3131,11 +3131,11 @@ var init_DateInput = __esm({
|
|
|
3131
3131
|
groupKey: props.groupKey
|
|
3132
3132
|
});
|
|
3133
3133
|
};
|
|
3134
|
-
return /* @__PURE__ */ (0,
|
|
3135
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
3134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "block mb-1", children: [
|
|
3135
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm font-medium", children: props.attributes.label }),
|
|
3136
3136
|
" ",
|
|
3137
|
-
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0,
|
|
3138
|
-
/* @__PURE__ */ (0,
|
|
3137
|
+
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3138
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
3139
3139
|
"input",
|
|
3140
3140
|
{
|
|
3141
3141
|
type: "date",
|
|
@@ -3149,7 +3149,7 @@ var init_DateInput = __esm({
|
|
|
3149
3149
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
3150
3150
|
}
|
|
3151
3151
|
),
|
|
3152
|
-
/* @__PURE__ */ (0,
|
|
3152
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
3153
3153
|
] });
|
|
3154
3154
|
};
|
|
3155
3155
|
DateInput_default = DateInput;
|
|
@@ -3157,13 +3157,13 @@ var init_DateInput = __esm({
|
|
|
3157
3157
|
});
|
|
3158
3158
|
|
|
3159
3159
|
// src/components/controls/edit/RadioInput.tsx
|
|
3160
|
-
var import_react42,
|
|
3160
|
+
var import_react42, import_jsx_runtime52, RadioInput, RadioInput_default;
|
|
3161
3161
|
var init_RadioInput = __esm({
|
|
3162
3162
|
"src/components/controls/edit/RadioInput.tsx"() {
|
|
3163
3163
|
"use strict";
|
|
3164
3164
|
import_react42 = require("react");
|
|
3165
3165
|
init_Icon();
|
|
3166
|
-
|
|
3166
|
+
import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3167
3167
|
RadioInput = (props) => {
|
|
3168
3168
|
const [list, setList] = (0, import_react42.useState)([]);
|
|
3169
3169
|
(0, import_react42.useEffect)(() => {
|
|
@@ -3208,22 +3208,22 @@ var init_RadioInput = __esm({
|
|
|
3208
3208
|
});
|
|
3209
3209
|
}
|
|
3210
3210
|
};
|
|
3211
|
-
return /* @__PURE__ */ (0,
|
|
3212
|
-
/* @__PURE__ */ (0,
|
|
3213
|
-
/* @__PURE__ */ (0,
|
|
3211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "block", children: [
|
|
3212
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
3213
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
|
|
3214
3214
|
const itemValue = item[props.dataKeyFieldName];
|
|
3215
3215
|
const isSelected = String(itemValue) === String(props.value ?? "");
|
|
3216
3216
|
const isRecommended = props.dataRecommendedValue !== void 0 && String(itemValue) === String(props.dataRecommendedValue);
|
|
3217
3217
|
const resultClassName = isSelected ? isRecommended ? "bg-success" : props.dataRecommendedValue ? "bg-alert" : "border-transparent" : "border-transparent";
|
|
3218
3218
|
const iconName = isSelected && props.dataRecommendedValue ? isRecommended ? "checkCircle" : "xCircle" : void 0;
|
|
3219
3219
|
const inputId = `${props.name}-${props.index ?? 0}-id-${index}`;
|
|
3220
|
-
return /* @__PURE__ */ (0,
|
|
3220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
|
|
3221
3221
|
"div",
|
|
3222
3222
|
{
|
|
3223
3223
|
className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
|
|
3224
3224
|
children: [
|
|
3225
|
-
/* @__PURE__ */ (0,
|
|
3226
|
-
/* @__PURE__ */ (0,
|
|
3225
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex gap-4 items-start", children: [
|
|
3226
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3227
3227
|
"input",
|
|
3228
3228
|
{
|
|
3229
3229
|
type: "radio",
|
|
@@ -3237,15 +3237,15 @@ var init_RadioInput = __esm({
|
|
|
3237
3237
|
required: props.attributes?.required
|
|
3238
3238
|
}
|
|
3239
3239
|
),
|
|
3240
|
-
/* @__PURE__ */ (0,
|
|
3240
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
|
|
3241
3241
|
] }),
|
|
3242
|
-
iconName && /* @__PURE__ */ (0,
|
|
3242
|
+
iconName && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
|
|
3243
3243
|
]
|
|
3244
3244
|
},
|
|
3245
3245
|
String(itemValue)
|
|
3246
3246
|
);
|
|
3247
3247
|
}) }),
|
|
3248
|
-
/* @__PURE__ */ (0,
|
|
3248
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
3249
3249
|
] });
|
|
3250
3250
|
};
|
|
3251
3251
|
RadioInput_default = RadioInput;
|
|
@@ -3253,12 +3253,12 @@ var init_RadioInput = __esm({
|
|
|
3253
3253
|
});
|
|
3254
3254
|
|
|
3255
3255
|
// src/components/controls/edit/Switcher.tsx
|
|
3256
|
-
var import_react43,
|
|
3256
|
+
var import_react43, import_jsx_runtime53, Switcher, Switcher_default;
|
|
3257
3257
|
var init_Switcher = __esm({
|
|
3258
3258
|
"src/components/controls/edit/Switcher.tsx"() {
|
|
3259
3259
|
"use strict";
|
|
3260
3260
|
import_react43 = require("react");
|
|
3261
|
-
|
|
3261
|
+
import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3262
3262
|
Switcher = (props) => {
|
|
3263
3263
|
const [list, setList] = (0, import_react43.useState)([]);
|
|
3264
3264
|
(0, import_react43.useEffect)(() => {
|
|
@@ -3302,9 +3302,9 @@ var init_Switcher = __esm({
|
|
|
3302
3302
|
});
|
|
3303
3303
|
};
|
|
3304
3304
|
const value = props.value === void 0 || props.value === null ? "" : String(props.value);
|
|
3305
|
-
return /* @__PURE__ */ (0,
|
|
3306
|
-
/* @__PURE__ */ (0,
|
|
3307
|
-
list.length === 0 ? /* @__PURE__ */ (0,
|
|
3305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("label", { className: "block mb-1", children: [
|
|
3306
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
3307
|
+
list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
3308
3308
|
"input",
|
|
3309
3309
|
{
|
|
3310
3310
|
type: "text",
|
|
@@ -3317,7 +3317,7 @@ var init_Switcher = __esm({
|
|
|
3317
3317
|
disabled: props.attributes?.readOnly,
|
|
3318
3318
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
3319
3319
|
}
|
|
3320
|
-
) : /* @__PURE__ */ (0,
|
|
3320
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
3321
3321
|
"select",
|
|
3322
3322
|
{
|
|
3323
3323
|
name: props.name,
|
|
@@ -3328,8 +3328,8 @@ var init_Switcher = __esm({
|
|
|
3328
3328
|
disabled: props.attributes?.readOnly,
|
|
3329
3329
|
className: `peer select my-1 py-1 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`,
|
|
3330
3330
|
children: [
|
|
3331
|
-
/* @__PURE__ */ (0,
|
|
3332
|
-
list.map((item) => /* @__PURE__ */ (0,
|
|
3331
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
3332
|
+
list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
3333
3333
|
"option",
|
|
3334
3334
|
{
|
|
3335
3335
|
value: item[props.dataKeyFieldName],
|
|
@@ -3340,7 +3340,7 @@ var init_Switcher = __esm({
|
|
|
3340
3340
|
]
|
|
3341
3341
|
}
|
|
3342
3342
|
),
|
|
3343
|
-
/* @__PURE__ */ (0,
|
|
3343
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
3344
3344
|
] });
|
|
3345
3345
|
};
|
|
3346
3346
|
Switcher_default = Switcher;
|
|
@@ -3348,14 +3348,14 @@ var init_Switcher = __esm({
|
|
|
3348
3348
|
});
|
|
3349
3349
|
|
|
3350
3350
|
// src/components/controls/edit/ReferenceInput.tsx
|
|
3351
|
-
var
|
|
3351
|
+
var import_jsx_runtime54, ReferenceInput, ReferenceInput_default;
|
|
3352
3352
|
var init_ReferenceInput = __esm({
|
|
3353
3353
|
"src/components/controls/edit/ReferenceInput.tsx"() {
|
|
3354
3354
|
"use strict";
|
|
3355
3355
|
init_SelectWithSearchInput();
|
|
3356
|
-
|
|
3356
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
3357
3357
|
ReferenceInput = (props) => {
|
|
3358
|
-
return /* @__PURE__ */ (0,
|
|
3358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectWithSearchInput_default, { ...props });
|
|
3359
3359
|
};
|
|
3360
3360
|
ReferenceInput_default = ReferenceInput;
|
|
3361
3361
|
}
|
|
@@ -3366,7 +3366,7 @@ var InputControlClient_exports = {};
|
|
|
3366
3366
|
__export(InputControlClient_exports, {
|
|
3367
3367
|
default: () => InputControlClient_default
|
|
3368
3368
|
});
|
|
3369
|
-
var import_react44,
|
|
3369
|
+
var import_react44, import_jsx_runtime55, InputControl, InputControlClient_default;
|
|
3370
3370
|
var init_InputControlClient = __esm({
|
|
3371
3371
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
3372
3372
|
"use strict";
|
|
@@ -3395,7 +3395,7 @@ var init_InputControlClient = __esm({
|
|
|
3395
3395
|
init_RadioInput();
|
|
3396
3396
|
init_Switcher();
|
|
3397
3397
|
init_ReferenceInput();
|
|
3398
|
-
|
|
3398
|
+
import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3399
3399
|
InputControl = import_react44.default.forwardRef(
|
|
3400
3400
|
(props, ref) => {
|
|
3401
3401
|
const ControlComponents = {
|
|
@@ -3424,7 +3424,7 @@ var init_InputControlClient = __esm({
|
|
|
3424
3424
|
[InputControlType_default.referenceInput]: ReferenceInput_default
|
|
3425
3425
|
};
|
|
3426
3426
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
3427
|
-
return /* @__PURE__ */ (0,
|
|
3427
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react44.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
3428
3428
|
}
|
|
3429
3429
|
);
|
|
3430
3430
|
InputControl.displayName = "InputControl";
|
|
@@ -3680,7 +3680,7 @@ var LinkNodeButton_exports = {};
|
|
|
3680
3680
|
__export(LinkNodeButton_exports, {
|
|
3681
3681
|
default: () => LinkNodeButton_default
|
|
3682
3682
|
});
|
|
3683
|
-
var import_react45,
|
|
3683
|
+
var import_react45, import_jsx_runtime59, LinkNodeButton, LinkNodeButton_default;
|
|
3684
3684
|
var init_LinkNodeButton = __esm({
|
|
3685
3685
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
3686
3686
|
"use strict";
|
|
@@ -3689,7 +3689,7 @@ var init_LinkNodeButton = __esm({
|
|
|
3689
3689
|
init_Button();
|
|
3690
3690
|
init_ServiceClient();
|
|
3691
3691
|
init_ToastService();
|
|
3692
|
-
|
|
3692
|
+
import_jsx_runtime59 = require("react/jsx-runtime");
|
|
3693
3693
|
LinkNodeButton = (props) => {
|
|
3694
3694
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
3695
3695
|
const [isLoading, setIsLoading] = (0, import_react45.useState)(false);
|
|
@@ -3856,32 +3856,32 @@ var init_LinkNodeButton = __esm({
|
|
|
3856
3856
|
return children;
|
|
3857
3857
|
}
|
|
3858
3858
|
if (linkText) {
|
|
3859
|
-
return /* @__PURE__ */ (0,
|
|
3859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: linkText });
|
|
3860
3860
|
}
|
|
3861
3861
|
return node.title || "Button";
|
|
3862
3862
|
};
|
|
3863
3863
|
const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
|
|
3864
|
-
return /* @__PURE__ */ (0,
|
|
3864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
3865
3865
|
Button_default,
|
|
3866
3866
|
{
|
|
3867
3867
|
ButtonType: linkType,
|
|
3868
3868
|
onClick,
|
|
3869
3869
|
disabled: isLoading || !!successMessage,
|
|
3870
3870
|
className: "w-full",
|
|
3871
|
-
children: successMessage ? /* @__PURE__ */ (0,
|
|
3871
|
+
children: successMessage ? /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
3872
3872
|
"span",
|
|
3873
3873
|
{
|
|
3874
3874
|
style: fontSize ? { fontSize } : void 0,
|
|
3875
3875
|
className: "inline-flex items-center gap-2",
|
|
3876
3876
|
children: [
|
|
3877
|
-
/* @__PURE__ */ (0,
|
|
3877
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
3878
3878
|
"svg",
|
|
3879
3879
|
{
|
|
3880
3880
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3881
3881
|
viewBox: "0 0 20 20",
|
|
3882
3882
|
fill: "currentColor",
|
|
3883
3883
|
className: "w-5 h-5",
|
|
3884
|
-
children: /* @__PURE__ */ (0,
|
|
3884
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
3885
3885
|
"path",
|
|
3886
3886
|
{
|
|
3887
3887
|
fillRule: "evenodd",
|
|
@@ -3891,7 +3891,7 @@ var init_LinkNodeButton = __esm({
|
|
|
3891
3891
|
)
|
|
3892
3892
|
}
|
|
3893
3893
|
),
|
|
3894
|
-
/* @__PURE__ */ (0,
|
|
3894
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: successMessage })
|
|
3895
3895
|
]
|
|
3896
3896
|
}
|
|
3897
3897
|
) : renderButtonContent()
|
|
@@ -3925,13 +3925,13 @@ function CopyButton({ text }) {
|
|
|
3925
3925
|
console.error("Failed to copy: ", err);
|
|
3926
3926
|
}
|
|
3927
3927
|
};
|
|
3928
|
-
return /* @__PURE__ */ (0,
|
|
3928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
3929
3929
|
"button",
|
|
3930
3930
|
{
|
|
3931
3931
|
onClick: handleCopy,
|
|
3932
3932
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
3933
3933
|
children: [
|
|
3934
|
-
/* @__PURE__ */ (0,
|
|
3934
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3935
3935
|
"svg",
|
|
3936
3936
|
{
|
|
3937
3937
|
width: "16",
|
|
@@ -3939,7 +3939,7 @@ function CopyButton({ text }) {
|
|
|
3939
3939
|
viewBox: "0 0 24 24",
|
|
3940
3940
|
className: "w-4 h-4",
|
|
3941
3941
|
fill: "currentColor",
|
|
3942
|
-
children: /* @__PURE__ */ (0,
|
|
3942
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3943
3943
|
"path",
|
|
3944
3944
|
{
|
|
3945
3945
|
fillRule: "evenodd",
|
|
@@ -3954,54 +3954,54 @@ function CopyButton({ text }) {
|
|
|
3954
3954
|
}
|
|
3955
3955
|
);
|
|
3956
3956
|
}
|
|
3957
|
-
var import_react52,
|
|
3957
|
+
var import_react52, import_jsx_runtime69;
|
|
3958
3958
|
var init_CopyButton = __esm({
|
|
3959
3959
|
"src/components/CopyButton.tsx"() {
|
|
3960
3960
|
"use strict";
|
|
3961
3961
|
"use client";
|
|
3962
3962
|
import_react52 = require("react");
|
|
3963
|
-
|
|
3963
|
+
import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3964
3964
|
}
|
|
3965
3965
|
});
|
|
3966
3966
|
|
|
3967
3967
|
// src/components/IFrameLoaderView.tsx
|
|
3968
|
-
var import_react55,
|
|
3968
|
+
var import_react55, import_jsx_runtime73, IFrameLoaderView, IFrameLoaderView_default;
|
|
3969
3969
|
var init_IFrameLoaderView = __esm({
|
|
3970
3970
|
"src/components/IFrameLoaderView.tsx"() {
|
|
3971
3971
|
"use strict";
|
|
3972
3972
|
import_react55 = __toESM(require("react"));
|
|
3973
|
-
|
|
3973
|
+
import_jsx_runtime73 = require("react/jsx-runtime");
|
|
3974
3974
|
IFrameLoaderView = (props) => {
|
|
3975
|
-
return /* @__PURE__ */ (0,
|
|
3976
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
3977
|
-
/* @__PURE__ */ (0,
|
|
3978
|
-
/* @__PURE__ */ (0,
|
|
3979
|
-
/* @__PURE__ */ (0,
|
|
3980
|
-
/* @__PURE__ */ (0,
|
|
3981
|
-
/* @__PURE__ */ (0,
|
|
3975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react55.default.Fragment, { children: [
|
|
3976
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
3977
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
3978
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
3979
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "ml-2", children: [
|
|
3980
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
3981
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
3982
3982
|
] })
|
|
3983
3983
|
] }),
|
|
3984
|
-
/* @__PURE__ */ (0,
|
|
3985
|
-
/* @__PURE__ */ (0,
|
|
3986
|
-
/* @__PURE__ */ (0,
|
|
3987
|
-
/* @__PURE__ */ (0,
|
|
3988
|
-
/* @__PURE__ */ (0,
|
|
3989
|
-
/* @__PURE__ */ (0,
|
|
3990
|
-
/* @__PURE__ */ (0,
|
|
3984
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
3985
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "animate-pulse", children: [
|
|
3986
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3987
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3988
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3989
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3990
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3991
3991
|
] }),
|
|
3992
|
-
/* @__PURE__ */ (0,
|
|
3993
|
-
/* @__PURE__ */ (0,
|
|
3994
|
-
/* @__PURE__ */ (0,
|
|
3995
|
-
/* @__PURE__ */ (0,
|
|
3996
|
-
/* @__PURE__ */ (0,
|
|
3997
|
-
/* @__PURE__ */ (0,
|
|
3992
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "animate-pulse", children: [
|
|
3993
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3994
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3995
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3996
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3997
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3998
3998
|
] }),
|
|
3999
|
-
/* @__PURE__ */ (0,
|
|
4000
|
-
/* @__PURE__ */ (0,
|
|
4001
|
-
/* @__PURE__ */ (0,
|
|
4002
|
-
/* @__PURE__ */ (0,
|
|
4003
|
-
/* @__PURE__ */ (0,
|
|
4004
|
-
/* @__PURE__ */ (0,
|
|
3999
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "animate-pulse", children: [
|
|
4000
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4001
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4002
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4003
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4004
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
4005
4005
|
] })
|
|
4006
4006
|
] })
|
|
4007
4007
|
] }) }),
|
|
@@ -4017,14 +4017,14 @@ var IframeClient_exports = {};
|
|
|
4017
4017
|
__export(IframeClient_exports, {
|
|
4018
4018
|
default: () => IframeClient_default
|
|
4019
4019
|
});
|
|
4020
|
-
var import_react56,
|
|
4020
|
+
var import_react56, import_jsx_runtime74, IframeClient, IframeClient_default;
|
|
4021
4021
|
var init_IframeClient = __esm({
|
|
4022
4022
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
4023
4023
|
"use strict";
|
|
4024
4024
|
"use client";
|
|
4025
4025
|
import_react56 = __toESM(require("react"));
|
|
4026
4026
|
init_IFrameLoaderView();
|
|
4027
|
-
|
|
4027
|
+
import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4028
4028
|
IframeClient = ({
|
|
4029
4029
|
src,
|
|
4030
4030
|
width,
|
|
@@ -4063,7 +4063,7 @@ var init_IframeClient = __esm({
|
|
|
4063
4063
|
const handleIframeLoad = () => {
|
|
4064
4064
|
setIsDataFound(true);
|
|
4065
4065
|
};
|
|
4066
|
-
return /* @__PURE__ */ (0,
|
|
4066
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4067
4067
|
"iframe",
|
|
4068
4068
|
{
|
|
4069
4069
|
ref: iframeRef,
|
|
@@ -4322,7 +4322,7 @@ var Pagination_exports = {};
|
|
|
4322
4322
|
__export(Pagination_exports, {
|
|
4323
4323
|
default: () => Pagination_default
|
|
4324
4324
|
});
|
|
4325
|
-
var import_react57,
|
|
4325
|
+
var import_react57, import_jsx_runtime80, Pagination, Pagination_default;
|
|
4326
4326
|
var init_Pagination = __esm({
|
|
4327
4327
|
"src/components/Pagination.tsx"() {
|
|
4328
4328
|
"use strict";
|
|
@@ -4333,7 +4333,7 @@ var init_Pagination = __esm({
|
|
|
4333
4333
|
init_StyleTypes();
|
|
4334
4334
|
init_InputControlType();
|
|
4335
4335
|
init_Hyperlink();
|
|
4336
|
-
|
|
4336
|
+
import_jsx_runtime80 = require("react/jsx-runtime");
|
|
4337
4337
|
Pagination = (props) => {
|
|
4338
4338
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4339
4339
|
const builder = (0, import_react57.useMemo)(() => {
|
|
@@ -4377,7 +4377,7 @@ var init_Pagination = __esm({
|
|
|
4377
4377
|
return range;
|
|
4378
4378
|
};
|
|
4379
4379
|
const paginationRange = getPaginationRange();
|
|
4380
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4380
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4381
4381
|
Hyperlink,
|
|
4382
4382
|
{
|
|
4383
4383
|
linkType: "Link" /* Link */,
|
|
@@ -4392,9 +4392,9 @@ var init_Pagination = __esm({
|
|
|
4392
4392
|
);
|
|
4393
4393
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4394
4394
|
if (disabled) {
|
|
4395
|
-
return /* @__PURE__ */ (0,
|
|
4395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.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 });
|
|
4396
4396
|
}
|
|
4397
|
-
return /* @__PURE__ */ (0,
|
|
4397
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4398
4398
|
Hyperlink,
|
|
4399
4399
|
{
|
|
4400
4400
|
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",
|
|
@@ -4404,35 +4404,35 @@ var init_Pagination = __esm({
|
|
|
4404
4404
|
);
|
|
4405
4405
|
};
|
|
4406
4406
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4407
|
-
return /* @__PURE__ */ (0,
|
|
4408
|
-
/* @__PURE__ */ (0,
|
|
4409
|
-
/* @__PURE__ */ (0,
|
|
4407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4408
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4409
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "text-sm", children: [
|
|
4410
4410
|
"Showing ",
|
|
4411
|
-
/* @__PURE__ */ (0,
|
|
4411
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "font-semibold", children: [
|
|
4412
4412
|
startItem,
|
|
4413
4413
|
"-",
|
|
4414
4414
|
endItem
|
|
4415
4415
|
] }),
|
|
4416
4416
|
" ",
|
|
4417
4417
|
"out of ",
|
|
4418
|
-
/* @__PURE__ */ (0,
|
|
4418
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4419
4419
|
" results"
|
|
4420
4420
|
] }),
|
|
4421
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4422
|
-
/* @__PURE__ */ (0,
|
|
4421
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4422
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
4423
4423
|
NavigationButton,
|
|
4424
4424
|
{
|
|
4425
4425
|
page: activePageNumber - 1,
|
|
4426
4426
|
disabled: activePageNumber === 1,
|
|
4427
4427
|
children: [
|
|
4428
|
-
/* @__PURE__ */ (0,
|
|
4429
|
-
/* @__PURE__ */ (0,
|
|
4428
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4429
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
4430
4430
|
]
|
|
4431
4431
|
}
|
|
4432
4432
|
),
|
|
4433
4433
|
paginationRange.map((item, index) => {
|
|
4434
4434
|
if (item === "...") {
|
|
4435
|
-
return /* @__PURE__ */ (0,
|
|
4435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4436
4436
|
"span",
|
|
4437
4437
|
{
|
|
4438
4438
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4442,23 +4442,23 @@ var init_Pagination = __esm({
|
|
|
4442
4442
|
);
|
|
4443
4443
|
}
|
|
4444
4444
|
const page = item;
|
|
4445
|
-
return /* @__PURE__ */ (0,
|
|
4445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(PageButton, { page, children: page }, page);
|
|
4446
4446
|
}),
|
|
4447
|
-
/* @__PURE__ */ (0,
|
|
4447
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
4448
4448
|
NavigationButton,
|
|
4449
4449
|
{
|
|
4450
4450
|
page: activePageNumber + 1,
|
|
4451
4451
|
disabled: activePageNumber === totalPages,
|
|
4452
4452
|
children: [
|
|
4453
|
-
/* @__PURE__ */ (0,
|
|
4454
|
-
/* @__PURE__ */ (0,
|
|
4453
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4454
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4455
4455
|
]
|
|
4456
4456
|
}
|
|
4457
4457
|
)
|
|
4458
4458
|
] }),
|
|
4459
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4460
|
-
/* @__PURE__ */ (0,
|
|
4461
|
-
/* @__PURE__ */ (0,
|
|
4459
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4460
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4461
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4462
4462
|
"input",
|
|
4463
4463
|
{
|
|
4464
4464
|
type: "number",
|
|
@@ -4479,9 +4479,9 @@ var init_Pagination = __esm({
|
|
|
4479
4479
|
) })
|
|
4480
4480
|
] })
|
|
4481
4481
|
] }),
|
|
4482
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4483
|
-
/* @__PURE__ */ (0,
|
|
4484
|
-
/* @__PURE__ */ (0,
|
|
4482
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4483
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4484
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
4485
4485
|
Hyperlink,
|
|
4486
4486
|
{
|
|
4487
4487
|
className: `
|
|
@@ -4493,7 +4493,7 @@ var init_Pagination = __esm({
|
|
|
4493
4493
|
},
|
|
4494
4494
|
size
|
|
4495
4495
|
)) }),
|
|
4496
|
-
/* @__PURE__ */ (0,
|
|
4496
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4497
4497
|
] }) })
|
|
4498
4498
|
] });
|
|
4499
4499
|
};
|
|
@@ -4506,7 +4506,7 @@ var DataBindingControls_exports = {};
|
|
|
4506
4506
|
__export(DataBindingControls_exports, {
|
|
4507
4507
|
default: () => DataBindingControls_default
|
|
4508
4508
|
});
|
|
4509
|
-
var import_react58, import_navigation,
|
|
4509
|
+
var import_react58, import_navigation, import_jsx_runtime81, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, normalizeSortOption, DUMMY_FACETS, DUMMY_SORT_OPTIONS, DataBindingControls, DataBindingControls_default;
|
|
4510
4510
|
var init_DataBindingControls = __esm({
|
|
4511
4511
|
"src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
|
|
4512
4512
|
"use strict";
|
|
@@ -4515,7 +4515,7 @@ var init_DataBindingControls = __esm({
|
|
|
4515
4515
|
import_navigation = require("next/navigation");
|
|
4516
4516
|
init_InputControl();
|
|
4517
4517
|
init_InputControlType();
|
|
4518
|
-
|
|
4518
|
+
import_jsx_runtime81 = require("react/jsx-runtime");
|
|
4519
4519
|
humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
|
|
4520
4520
|
escapeODataString = (value) => value.replace(/'/g, "''");
|
|
4521
4521
|
parseFacetSelections = (filter) => {
|
|
@@ -4664,8 +4664,8 @@ var init_DataBindingControls = __esm({
|
|
|
4664
4664
|
if (!shouldShowToolbar && !shouldShowFacets) {
|
|
4665
4665
|
return null;
|
|
4666
4666
|
}
|
|
4667
|
-
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0,
|
|
4668
|
-
/* @__PURE__ */ (0,
|
|
4667
|
+
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: stacked ? "flex flex-col gap-1" : "flex flex-wrap gap-2", children: [
|
|
4668
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4669
4669
|
"button",
|
|
4670
4670
|
{
|
|
4671
4671
|
type: "button",
|
|
@@ -4677,7 +4677,7 @@ var init_DataBindingControls = __esm({
|
|
|
4677
4677
|
),
|
|
4678
4678
|
values.map((facet) => {
|
|
4679
4679
|
const isSelected = selectedFacetValues.get(field) === facet.value;
|
|
4680
|
-
return /* @__PURE__ */ (0,
|
|
4680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
4681
4681
|
"button",
|
|
4682
4682
|
{
|
|
4683
4683
|
type: "button",
|
|
@@ -4695,9 +4695,9 @@ var init_DataBindingControls = __esm({
|
|
|
4695
4695
|
);
|
|
4696
4696
|
})
|
|
4697
4697
|
] });
|
|
4698
|
-
return /* @__PURE__ */ (0,
|
|
4699
|
-
shouldShowToolbar && /* @__PURE__ */ (0,
|
|
4700
|
-
showSearchBar && /* @__PURE__ */ (0,
|
|
4698
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
|
|
4699
|
+
shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
4700
|
+
showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4701
4701
|
InputControl_default,
|
|
4702
4702
|
{
|
|
4703
4703
|
name: "searchText",
|
|
@@ -4708,9 +4708,9 @@ var init_DataBindingControls = __esm({
|
|
|
4708
4708
|
inputClasses: "!mt-0"
|
|
4709
4709
|
}
|
|
4710
4710
|
) }),
|
|
4711
|
-
hasSortControls && /* @__PURE__ */ (0,
|
|
4712
|
-
/* @__PURE__ */ (0,
|
|
4713
|
-
/* @__PURE__ */ (0,
|
|
4711
|
+
hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
|
|
4712
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "font-medium", children: "Sort by" }),
|
|
4713
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
4714
4714
|
InputControl_default,
|
|
4715
4715
|
{
|
|
4716
4716
|
name: "sortOptions",
|
|
@@ -4731,10 +4731,10 @@ var init_DataBindingControls = __esm({
|
|
|
4731
4731
|
)
|
|
4732
4732
|
] })
|
|
4733
4733
|
] }),
|
|
4734
|
-
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0,
|
|
4735
|
-
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0,
|
|
4736
|
-
/* @__PURE__ */ (0,
|
|
4737
|
-
/* @__PURE__ */ (0,
|
|
4734
|
+
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("nav", { "aria-label": `${humanize(facetGroups[0][0])} filters`, children: renderFacetLinks(facetGroups[0][0], facetGroups[0][1]) }),
|
|
4735
|
+
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-col gap-2", children: facetGroups.map(([field, values]) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("details", { className: "border-b", open: true, children: [
|
|
4736
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
|
|
4737
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "p-2", children: renderFacetLinks(field, values, true) })
|
|
4738
4738
|
] }, field)) })
|
|
4739
4739
|
] });
|
|
4740
4740
|
};
|
|
@@ -4747,13 +4747,13 @@ var Slider_exports = {};
|
|
|
4747
4747
|
__export(Slider_exports, {
|
|
4748
4748
|
default: () => Slider_default
|
|
4749
4749
|
});
|
|
4750
|
-
var import_react59,
|
|
4750
|
+
var import_react59, import_jsx_runtime82, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
4751
4751
|
var init_Slider = __esm({
|
|
4752
4752
|
"src/components/Slider.tsx"() {
|
|
4753
4753
|
"use strict";
|
|
4754
4754
|
"use client";
|
|
4755
4755
|
import_react59 = __toESM(require("react"));
|
|
4756
|
-
|
|
4756
|
+
import_jsx_runtime82 = require("react/jsx-runtime");
|
|
4757
4757
|
Slider = ({
|
|
4758
4758
|
children,
|
|
4759
4759
|
slidesToShow = 4,
|
|
@@ -4850,7 +4850,7 @@ var init_Slider = __esm({
|
|
|
4850
4850
|
if (!import_react59.default.isValidElement(child)) return null;
|
|
4851
4851
|
const childProps = child.props;
|
|
4852
4852
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4853
|
-
return /* @__PURE__ */ (0,
|
|
4853
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4854
4854
|
"div",
|
|
4855
4855
|
{
|
|
4856
4856
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4873,14 +4873,14 @@ var init_Slider = __esm({
|
|
|
4873
4873
|
return "bottom-4";
|
|
4874
4874
|
}
|
|
4875
4875
|
};
|
|
4876
|
-
return /* @__PURE__ */ (0,
|
|
4876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
4877
4877
|
"div",
|
|
4878
4878
|
{
|
|
4879
4879
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4880
4880
|
onMouseEnter: handleMouseEnter,
|
|
4881
4881
|
onMouseLeave: handleMouseLeave,
|
|
4882
4882
|
children: [
|
|
4883
|
-
/* @__PURE__ */ (0,
|
|
4883
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4884
4884
|
"div",
|
|
4885
4885
|
{
|
|
4886
4886
|
className: "flex h-full",
|
|
@@ -4891,18 +4891,18 @@ var init_Slider = __esm({
|
|
|
4891
4891
|
children: slides
|
|
4892
4892
|
}
|
|
4893
4893
|
),
|
|
4894
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4895
|
-
/* @__PURE__ */ (0,
|
|
4894
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
4895
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4896
4896
|
ArrowButton,
|
|
4897
4897
|
{
|
|
4898
4898
|
direction: "left",
|
|
4899
4899
|
onClick: prevSlide,
|
|
4900
4900
|
visible: infinite_scroll || currentSlide > 0,
|
|
4901
4901
|
className: arrowClassName,
|
|
4902
|
-
children: /* @__PURE__ */ (0,
|
|
4902
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4903
4903
|
}
|
|
4904
4904
|
),
|
|
4905
|
-
/* @__PURE__ */ (0,
|
|
4905
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
4906
4906
|
ArrowButton,
|
|
4907
4907
|
{
|
|
4908
4908
|
direction: "right",
|
|
@@ -4910,13 +4910,13 @@ var init_Slider = __esm({
|
|
|
4910
4910
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4911
4911
|
className: arrowClassName,
|
|
4912
4912
|
children: [
|
|
4913
|
-
/* @__PURE__ */ (0,
|
|
4913
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4914
4914
|
" "
|
|
4915
4915
|
]
|
|
4916
4916
|
}
|
|
4917
4917
|
)
|
|
4918
4918
|
] }),
|
|
4919
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4919
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)(
|
|
4920
4920
|
ProgressPill,
|
|
4921
4921
|
{
|
|
4922
4922
|
active: index === currentSlide,
|
|
@@ -4942,7 +4942,7 @@ var init_Slider = __esm({
|
|
|
4942
4942
|
visible,
|
|
4943
4943
|
children,
|
|
4944
4944
|
className = ""
|
|
4945
|
-
}) => /* @__PURE__ */ (0,
|
|
4945
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
4946
4946
|
"button",
|
|
4947
4947
|
{
|
|
4948
4948
|
className: `
|
|
@@ -5029,7 +5029,7 @@ var init_Slider = __esm({
|
|
|
5029
5029
|
const renderProgressBar = () => {
|
|
5030
5030
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
5031
5031
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
5032
|
-
return /* @__PURE__ */ (0,
|
|
5032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
5033
5033
|
"div",
|
|
5034
5034
|
{
|
|
5035
5035
|
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`,
|
|
@@ -5041,7 +5041,7 @@ var init_Slider = __esm({
|
|
|
5041
5041
|
};
|
|
5042
5042
|
const renderCumulativeFill = () => {
|
|
5043
5043
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
5044
|
-
return /* @__PURE__ */ (0,
|
|
5044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
5045
5045
|
"div",
|
|
5046
5046
|
{
|
|
5047
5047
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -5051,7 +5051,7 @@ var init_Slider = __esm({
|
|
|
5051
5051
|
}
|
|
5052
5052
|
return null;
|
|
5053
5053
|
};
|
|
5054
|
-
return /* @__PURE__ */ (0,
|
|
5054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
5055
5055
|
"button",
|
|
5056
5056
|
{
|
|
5057
5057
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -5511,23 +5511,59 @@ var parseSerializedContent = (raw) => {
|
|
|
5511
5511
|
|
|
5512
5512
|
// src/components/controls/view/CommentNodeRenderer.tsx
|
|
5513
5513
|
var import_react17 = __toESM(require("react"));
|
|
5514
|
+
|
|
5515
|
+
// src/components/controls/view/CommentImageNode.tsx
|
|
5516
|
+
init_AssetUtility();
|
|
5514
5517
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
5518
|
+
var CommentImageNode = ({ node, assetBaseUrl }) => {
|
|
5519
|
+
const rawUrl = typeof node.url === "string" && node.url || typeof node.src === "string" && node.src || typeof node.assetUrl === "string" && node.assetUrl || "";
|
|
5520
|
+
if (!rawUrl) {
|
|
5521
|
+
return null;
|
|
5522
|
+
}
|
|
5523
|
+
const resolvedUrl = AssetUtility_default.resolveUrl(assetBaseUrl, rawUrl);
|
|
5524
|
+
if (!resolvedUrl) {
|
|
5525
|
+
return null;
|
|
5526
|
+
}
|
|
5527
|
+
console.log("resolvedUrl", resolvedUrl);
|
|
5528
|
+
const alt = typeof node.fileName === "string" && node.fileName || typeof node.altText === "string" && node.altText || typeof node.alt === "string" && node.alt || "";
|
|
5529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
5530
|
+
"img",
|
|
5531
|
+
{
|
|
5532
|
+
className: "comment-node-image",
|
|
5533
|
+
src: resolvedUrl,
|
|
5534
|
+
alt,
|
|
5535
|
+
loading: "lazy",
|
|
5536
|
+
style: { maxWidth: "100%", height: "auto", display: "block" }
|
|
5537
|
+
}
|
|
5538
|
+
);
|
|
5539
|
+
};
|
|
5540
|
+
var CommentImageNode_default = CommentImageNode;
|
|
5541
|
+
|
|
5542
|
+
// src/components/controls/view/CommentNodeRenderer.tsx
|
|
5543
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
5515
5544
|
var TextLeafNode = ({ node }) => {
|
|
5516
5545
|
let content = node.text;
|
|
5517
|
-
if (node.code) content = /* @__PURE__ */ (0,
|
|
5518
|
-
if (node.bold) content = /* @__PURE__ */ (0,
|
|
5519
|
-
if (node.italic) content = /* @__PURE__ */ (0,
|
|
5520
|
-
if (node.underline) content = /* @__PURE__ */ (0,
|
|
5521
|
-
if (node.strikethrough) content = /* @__PURE__ */ (0,
|
|
5522
|
-
return /* @__PURE__ */ (0,
|
|
5546
|
+
if (node.code) content = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("code", { className: "comment-node-code", children: content });
|
|
5547
|
+
if (node.bold) content = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("strong", { children: content });
|
|
5548
|
+
if (node.italic) content = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("em", { children: content });
|
|
5549
|
+
if (node.underline) content = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("u", { children: content });
|
|
5550
|
+
if (node.strikethrough) content = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("s", { children: content });
|
|
5551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react17.default.Fragment, { children: content });
|
|
5523
5552
|
};
|
|
5524
|
-
var renderChildren = (children, keyPrefix) => {
|
|
5553
|
+
var renderChildren = (children, keyPrefix, assetBaseUrl) => {
|
|
5525
5554
|
if (!children || children.length === 0) {
|
|
5526
5555
|
return null;
|
|
5527
5556
|
}
|
|
5528
5557
|
return children.map((child, index) => {
|
|
5529
5558
|
const childKey = isTextNode(child) ? void 0 : asElementNode(child).id;
|
|
5530
|
-
return /* @__PURE__ */ (0,
|
|
5559
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5560
|
+
CommentNodeRenderer,
|
|
5561
|
+
{
|
|
5562
|
+
node: child,
|
|
5563
|
+
assetBaseUrl
|
|
5564
|
+
},
|
|
5565
|
+
childKey ?? `${keyPrefix}-${index}`
|
|
5566
|
+
);
|
|
5531
5567
|
});
|
|
5532
5568
|
};
|
|
5533
5569
|
var headingLevelFromTag = (tag) => {
|
|
@@ -5535,70 +5571,81 @@ var headingLevelFromTag = (tag) => {
|
|
|
5535
5571
|
const parsed = match ? Number(match[0]) : Number(tag);
|
|
5536
5572
|
return Number.isFinite(parsed) && parsed >= 1 && parsed <= 6 ? parsed : 3;
|
|
5537
5573
|
};
|
|
5538
|
-
var CommentNodeRenderer = ({ node }) => {
|
|
5574
|
+
var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
|
|
5539
5575
|
if (!node || typeof node !== "object") {
|
|
5540
5576
|
return null;
|
|
5541
5577
|
}
|
|
5542
5578
|
if (isTextNode(node)) {
|
|
5543
|
-
return /* @__PURE__ */ (0,
|
|
5579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextLeafNode, { node });
|
|
5544
5580
|
}
|
|
5545
5581
|
const element = asElementNode(node);
|
|
5546
5582
|
const key = element.id ?? element.type;
|
|
5547
5583
|
switch (element.type) {
|
|
5548
5584
|
case "paragraph":
|
|
5549
|
-
return /* @__PURE__ */ (0,
|
|
5585
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("br", {}) });
|
|
5550
5586
|
case "heading": {
|
|
5551
5587
|
const level = headingLevelFromTag(element.tag ?? element.level);
|
|
5552
5588
|
const HeadingTag = `h${level}`;
|
|
5553
|
-
return /* @__PURE__ */ (0,
|
|
5589
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(HeadingTag, { className: "comment-node-heading", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5554
5590
|
}
|
|
5555
5591
|
case "list": {
|
|
5556
5592
|
const ordered = element.listType === "number" || element.ordered === true;
|
|
5557
5593
|
const ListTag = ordered ? "ol" : "ul";
|
|
5558
|
-
return /* @__PURE__ */ (0,
|
|
5594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ListTag, { className: "comment-node-list", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5559
5595
|
}
|
|
5560
5596
|
case "listitem":
|
|
5561
5597
|
case "list-item":
|
|
5562
|
-
return /* @__PURE__ */ (0,
|
|
5598
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: "comment-node-listitem", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5563
5599
|
case "quote":
|
|
5564
5600
|
case "blockquote":
|
|
5565
|
-
return /* @__PURE__ */ (0,
|
|
5601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5566
5602
|
case "code":
|
|
5567
5603
|
case "code-block":
|
|
5568
|
-
return /* @__PURE__ */ (0,
|
|
5604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
|
|
5605
|
+
case "image":
|
|
5606
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CommentImageNode_default, { node: element, assetBaseUrl });
|
|
5569
5607
|
case "link": {
|
|
5570
5608
|
const url = typeof element.url === "string" ? element.url : "#";
|
|
5571
|
-
return /* @__PURE__ */ (0,
|
|
5609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5572
5610
|
}
|
|
5573
5611
|
case "mention": {
|
|
5574
5612
|
const label = element.label ?? element.mentionName ?? element.text ?? "";
|
|
5575
|
-
return /* @__PURE__ */ (0,
|
|
5613
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "comment-node-mention", children: [
|
|
5576
5614
|
"@",
|
|
5577
5615
|
label
|
|
5578
5616
|
] });
|
|
5579
5617
|
}
|
|
5580
5618
|
case "linebreak":
|
|
5581
5619
|
case "line-break":
|
|
5582
|
-
return /* @__PURE__ */ (0,
|
|
5620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("br", {});
|
|
5583
5621
|
default:
|
|
5584
|
-
return /* @__PURE__ */ (0,
|
|
5622
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react17.default.Fragment, { children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5585
5623
|
}
|
|
5586
5624
|
};
|
|
5587
5625
|
var CommentNodeRenderer_default = CommentNodeRenderer;
|
|
5588
5626
|
|
|
5589
5627
|
// src/components/controls/view/Commentrenderer.tsx
|
|
5590
|
-
var
|
|
5591
|
-
var CommentRenderer = ({ value, className }) => {
|
|
5628
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
5629
|
+
var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
5592
5630
|
const nodes = import_react18.default.useMemo(() => parseSerializedContent(value), [value]);
|
|
5593
5631
|
if (!nodes || nodes.length === 0) {
|
|
5594
5632
|
return null;
|
|
5595
5633
|
}
|
|
5596
|
-
|
|
5634
|
+
const resolvedAssetBaseUrl = assetBaseUrl ?? apiBaseUrl;
|
|
5635
|
+
console.log(resolvedAssetBaseUrl, "resolvedAssetBaseUrl");
|
|
5636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: className ?? "comment-renderer", children: nodes.map((node, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
5637
|
+
CommentNodeRenderer_default,
|
|
5638
|
+
{
|
|
5639
|
+
node,
|
|
5640
|
+
assetBaseUrl: resolvedAssetBaseUrl
|
|
5641
|
+
},
|
|
5642
|
+
node.id ?? `comment-node-${index}`
|
|
5643
|
+
)) });
|
|
5597
5644
|
};
|
|
5598
5645
|
var Commentrenderer_default = CommentRenderer;
|
|
5599
5646
|
|
|
5600
5647
|
// src/components/controls/view/ViewControl.tsx
|
|
5601
|
-
var
|
|
5648
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
5602
5649
|
var ViewControl = (props) => {
|
|
5603
5650
|
const ControlComponents = {
|
|
5604
5651
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -5629,7 +5676,7 @@ var ViewControl = (props) => {
|
|
|
5629
5676
|
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
5630
5677
|
};
|
|
5631
5678
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
5632
|
-
return /* @__PURE__ */ (0,
|
|
5679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react19.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
5633
5680
|
};
|
|
5634
5681
|
var ViewControl_default = ViewControl;
|
|
5635
5682
|
|
|
@@ -5644,7 +5691,7 @@ var import_react61 = __toESM(require("react"));
|
|
|
5644
5691
|
var import_react47 = __toESM(require("react"));
|
|
5645
5692
|
|
|
5646
5693
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
5647
|
-
var
|
|
5694
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5648
5695
|
var TextNode = (props) => {
|
|
5649
5696
|
function cssStringToJson(cssString) {
|
|
5650
5697
|
const styleObject = {};
|
|
@@ -5699,26 +5746,26 @@ var TextNode = (props) => {
|
|
|
5699
5746
|
});
|
|
5700
5747
|
}
|
|
5701
5748
|
function renderWithLineBreaks(text) {
|
|
5702
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
5749
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
|
|
5703
5750
|
line,
|
|
5704
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
5751
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("br", {})
|
|
5705
5752
|
] }, index));
|
|
5706
5753
|
}
|
|
5707
5754
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
5708
5755
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
5709
5756
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
5710
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
5757
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("sub", { children: content }) : content;
|
|
5711
5758
|
return (
|
|
5712
5759
|
// @ts-expect-error custom code
|
|
5713
|
-
/* @__PURE__ */ (0,
|
|
5760
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
5714
5761
|
);
|
|
5715
5762
|
};
|
|
5716
5763
|
var TextNode_default = TextNode;
|
|
5717
5764
|
|
|
5718
5765
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
5719
|
-
var
|
|
5766
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5720
5767
|
var LineBreakNode = () => {
|
|
5721
|
-
return /* @__PURE__ */ (0,
|
|
5768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
5722
5769
|
};
|
|
5723
5770
|
var LineBreakNode_default = LineBreakNode;
|
|
5724
5771
|
|
|
@@ -5728,7 +5775,7 @@ var import_react46 = __toESM(require("react"));
|
|
|
5728
5775
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
5729
5776
|
init_AssetUtility();
|
|
5730
5777
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
5731
|
-
var
|
|
5778
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5732
5779
|
var HlsPlayer3 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5733
5780
|
var getNestedValue = (obj, path) => {
|
|
5734
5781
|
if (!obj || !path) return void 0;
|
|
@@ -5761,7 +5808,7 @@ var ImageNode = (props) => {
|
|
|
5761
5808
|
assets = [image];
|
|
5762
5809
|
}
|
|
5763
5810
|
if (assets && assets.length > 0) {
|
|
5764
|
-
return /* @__PURE__ */ (0,
|
|
5811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5765
5812
|
DeviceAssetSelector_default,
|
|
5766
5813
|
{
|
|
5767
5814
|
device: props.device,
|
|
@@ -5802,7 +5849,7 @@ var ImageNode = (props) => {
|
|
|
5802
5849
|
right: "justify-end"
|
|
5803
5850
|
};
|
|
5804
5851
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
5805
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
5852
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5806
5853
|
HlsPlayer3,
|
|
5807
5854
|
{
|
|
5808
5855
|
assetUrl: imageUrl,
|
|
@@ -5815,7 +5862,7 @@ var ImageNode = (props) => {
|
|
|
5815
5862
|
apiBaseUrl: props.apiBaseUrl,
|
|
5816
5863
|
session: props.session
|
|
5817
5864
|
}
|
|
5818
|
-
) : /* @__PURE__ */ (0,
|
|
5865
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5819
5866
|
"img",
|
|
5820
5867
|
{
|
|
5821
5868
|
style: styles,
|
|
@@ -5828,7 +5875,7 @@ var ImageNode = (props) => {
|
|
|
5828
5875
|
}
|
|
5829
5876
|
);
|
|
5830
5877
|
if (props.node.width) {
|
|
5831
|
-
return /* @__PURE__ */ (0,
|
|
5878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
5832
5879
|
}
|
|
5833
5880
|
return renderMedia();
|
|
5834
5881
|
};
|
|
@@ -5838,7 +5885,7 @@ var ImageNode_default = ImageNode;
|
|
|
5838
5885
|
init_StyleTypes();
|
|
5839
5886
|
init_Hyperlink();
|
|
5840
5887
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5841
|
-
var
|
|
5888
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5842
5889
|
var LinkNodeButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
5843
5890
|
ssr: false
|
|
5844
5891
|
});
|
|
@@ -5891,13 +5938,13 @@ var LinkNode = (props) => {
|
|
|
5891
5938
|
const isButton = node.isButton === true;
|
|
5892
5939
|
const renderChildren2 = () => {
|
|
5893
5940
|
if (!node.children || node.children.length === 0) return null;
|
|
5894
|
-
return /* @__PURE__ */ (0,
|
|
5941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: node.children.map((childNode, index) => {
|
|
5895
5942
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5896
5943
|
if (!SelectedNode) {
|
|
5897
5944
|
console.warn("Unknown node type:", childNode.type);
|
|
5898
5945
|
return null;
|
|
5899
5946
|
}
|
|
5900
|
-
return /* @__PURE__ */ (0,
|
|
5947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5901
5948
|
SelectedNode,
|
|
5902
5949
|
{
|
|
5903
5950
|
node: childNode,
|
|
@@ -5910,15 +5957,15 @@ var LinkNode = (props) => {
|
|
|
5910
5957
|
};
|
|
5911
5958
|
const renderFallback = () => {
|
|
5912
5959
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
5913
|
-
return /* @__PURE__ */ (0,
|
|
5960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: linkText });
|
|
5914
5961
|
}
|
|
5915
5962
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
5916
|
-
return /* @__PURE__ */ (0,
|
|
5963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("br", {});
|
|
5917
5964
|
}
|
|
5918
5965
|
return null;
|
|
5919
5966
|
};
|
|
5920
5967
|
if (isButton) {
|
|
5921
|
-
return /* @__PURE__ */ (0,
|
|
5968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5922
5969
|
LinkNodeButton2,
|
|
5923
5970
|
{
|
|
5924
5971
|
node,
|
|
@@ -5936,7 +5983,7 @@ var LinkNode = (props) => {
|
|
|
5936
5983
|
}
|
|
5937
5984
|
);
|
|
5938
5985
|
}
|
|
5939
|
-
return /* @__PURE__ */ (0,
|
|
5986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
5940
5987
|
Hyperlink,
|
|
5941
5988
|
{
|
|
5942
5989
|
href: linkUrl || "#",
|
|
@@ -5952,10 +5999,10 @@ var LinkNode = (props) => {
|
|
|
5952
5999
|
var LinkNode_default = LinkNode;
|
|
5953
6000
|
|
|
5954
6001
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
5955
|
-
var
|
|
6002
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5956
6003
|
var SVGIconNode = ({ node }) => {
|
|
5957
6004
|
if (!node?.svgCode) return null;
|
|
5958
|
-
return /* @__PURE__ */ (0,
|
|
6005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5959
6006
|
"span",
|
|
5960
6007
|
{
|
|
5961
6008
|
style: {
|
|
@@ -5972,7 +6019,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
5972
6019
|
|
|
5973
6020
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
5974
6021
|
var import_katex = __toESM(require("katex"));
|
|
5975
|
-
var
|
|
6022
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5976
6023
|
var EquationNode = ({ node }) => {
|
|
5977
6024
|
const { equation, inline } = node;
|
|
5978
6025
|
let html = "";
|
|
@@ -5987,7 +6034,7 @@ var EquationNode = ({ node }) => {
|
|
|
5987
6034
|
});
|
|
5988
6035
|
}
|
|
5989
6036
|
if (inline) {
|
|
5990
|
-
return /* @__PURE__ */ (0,
|
|
6037
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
5991
6038
|
"span",
|
|
5992
6039
|
{
|
|
5993
6040
|
className: "katex-inline",
|
|
@@ -5995,7 +6042,7 @@ var EquationNode = ({ node }) => {
|
|
|
5995
6042
|
}
|
|
5996
6043
|
);
|
|
5997
6044
|
}
|
|
5998
|
-
return /* @__PURE__ */ (0,
|
|
6045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
5999
6046
|
"div",
|
|
6000
6047
|
{
|
|
6001
6048
|
className: "katex-block my-3 text-center",
|
|
@@ -6006,7 +6053,7 @@ var EquationNode = ({ node }) => {
|
|
|
6006
6053
|
var EquationNode_default = EquationNode;
|
|
6007
6054
|
|
|
6008
6055
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
6009
|
-
var
|
|
6056
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
6010
6057
|
function getNestedProperty(obj, path) {
|
|
6011
6058
|
if (!obj || !path) return null;
|
|
6012
6059
|
if (path.includes(".")) {
|
|
@@ -6019,7 +6066,7 @@ function getNestedProperty(obj, path) {
|
|
|
6019
6066
|
}
|
|
6020
6067
|
const value = obj[path];
|
|
6021
6068
|
if (Array.isArray(value)) {
|
|
6022
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
6069
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { children: String(item) }, index));
|
|
6023
6070
|
}
|
|
6024
6071
|
return value;
|
|
6025
6072
|
}
|
|
@@ -6082,7 +6129,7 @@ var DatafieldNode = (props) => {
|
|
|
6082
6129
|
const dataType = props.node.dataType;
|
|
6083
6130
|
if (isEmptyValue) return null;
|
|
6084
6131
|
if (dataType === "rawContent") {
|
|
6085
|
-
return /* @__PURE__ */ (0,
|
|
6132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
6086
6133
|
PageBodyRenderer_default,
|
|
6087
6134
|
{
|
|
6088
6135
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -6098,17 +6145,19 @@ var DatafieldNode = (props) => {
|
|
|
6098
6145
|
}
|
|
6099
6146
|
);
|
|
6100
6147
|
}
|
|
6101
|
-
return /* @__PURE__ */ (0,
|
|
6148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
6102
6149
|
"span",
|
|
6103
6150
|
{
|
|
6104
6151
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
6105
6152
|
style: styles,
|
|
6106
6153
|
title,
|
|
6107
|
-
children: /* @__PURE__ */ (0,
|
|
6154
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
6108
6155
|
ViewControl_default,
|
|
6109
6156
|
{
|
|
6110
6157
|
controlType: dataType,
|
|
6111
|
-
value: value ?? `@databound[${fieldName}]
|
|
6158
|
+
value: value ?? `@databound[${fieldName}]`,
|
|
6159
|
+
apiBaseUrl: props.apiBaseUrl,
|
|
6160
|
+
assetBaseUrl: props.assetBaseUrl
|
|
6112
6161
|
}
|
|
6113
6162
|
)
|
|
6114
6163
|
}
|
|
@@ -6117,7 +6166,7 @@ var DatafieldNode = (props) => {
|
|
|
6117
6166
|
var DatafieldNode_default = DatafieldNode;
|
|
6118
6167
|
|
|
6119
6168
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
6120
|
-
var
|
|
6169
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6121
6170
|
var ParagraphNode = (props) => {
|
|
6122
6171
|
const NodeTypes2 = {
|
|
6123
6172
|
["text"]: TextNode_default,
|
|
@@ -6137,42 +6186,44 @@ var ParagraphNode = (props) => {
|
|
|
6137
6186
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
6138
6187
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
6139
6188
|
if (isInlineOnlyParent) {
|
|
6140
|
-
return /* @__PURE__ */ (0,
|
|
6189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
6141
6190
|
const SelectedNode = NodeTypes2[node.type];
|
|
6142
|
-
return /* @__PURE__ */ (0,
|
|
6191
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6143
6192
|
SelectedNode,
|
|
6144
6193
|
{
|
|
6145
6194
|
node,
|
|
6146
6195
|
dataitem: props.dataitem,
|
|
6147
6196
|
session: props.session,
|
|
6148
6197
|
apiBaseUrl: props.apiBaseUrl,
|
|
6198
|
+
assetBaseUrl: props.assetBaseUrl,
|
|
6149
6199
|
routeParameters: props.routeParameters
|
|
6150
6200
|
}
|
|
6151
6201
|
) }, index);
|
|
6152
6202
|
}) });
|
|
6153
6203
|
}
|
|
6154
|
-
return /* @__PURE__ */ (0,
|
|
6204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: " " + formatClasses, children: [
|
|
6155
6205
|
hasChildren && props.node.children.map((node, index) => {
|
|
6156
6206
|
const SelectedNode = NodeTypes2[node.type];
|
|
6157
|
-
return /* @__PURE__ */ (0,
|
|
6207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6158
6208
|
SelectedNode,
|
|
6159
6209
|
{
|
|
6160
6210
|
node,
|
|
6161
6211
|
dataitem: props.dataitem,
|
|
6162
6212
|
session: props.session,
|
|
6163
6213
|
apiBaseUrl: props.apiBaseUrl,
|
|
6214
|
+
assetBaseUrl: props.assetBaseUrl,
|
|
6164
6215
|
routeParameters: props.routeParameters
|
|
6165
6216
|
}
|
|
6166
6217
|
) }, index);
|
|
6167
6218
|
}),
|
|
6168
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
6219
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
6169
6220
|
] });
|
|
6170
6221
|
};
|
|
6171
6222
|
var ParagraphNode_default = ParagraphNode;
|
|
6172
6223
|
|
|
6173
6224
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
6174
6225
|
var import_react48 = __toESM(require("react"));
|
|
6175
|
-
var
|
|
6226
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6176
6227
|
var HeadingNode = (props) => {
|
|
6177
6228
|
const NodeTypes2 = {
|
|
6178
6229
|
["text"]: TextNode_default,
|
|
@@ -6188,12 +6239,12 @@ var HeadingNode = (props) => {
|
|
|
6188
6239
|
{
|
|
6189
6240
|
}
|
|
6190
6241
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
6191
|
-
return /* @__PURE__ */ (0,
|
|
6242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: import_react48.default.createElement(
|
|
6192
6243
|
HeadingTag,
|
|
6193
6244
|
{ className: formatClasses },
|
|
6194
6245
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
6195
6246
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
6196
|
-
return /* @__PURE__ */ (0,
|
|
6247
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
6197
6248
|
})
|
|
6198
6249
|
) });
|
|
6199
6250
|
};
|
|
@@ -6204,7 +6255,7 @@ var import_react50 = __toESM(require("react"));
|
|
|
6204
6255
|
|
|
6205
6256
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
6206
6257
|
var import_react49 = __toESM(require("react"));
|
|
6207
|
-
var
|
|
6258
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6208
6259
|
var ListItemNode = (props) => {
|
|
6209
6260
|
const NodeTypes2 = {
|
|
6210
6261
|
text: TextNode_default,
|
|
@@ -6221,37 +6272,37 @@ var ListItemNode = (props) => {
|
|
|
6221
6272
|
liStyle.fontSize = match[1].trim();
|
|
6222
6273
|
}
|
|
6223
6274
|
}
|
|
6224
|
-
return /* @__PURE__ */ (0,
|
|
6275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
6225
6276
|
const SelectedNode = NodeTypes2[node.type];
|
|
6226
6277
|
if (node.type === "linebreak") {
|
|
6227
6278
|
if (!foundFirstBreak) {
|
|
6228
6279
|
foundFirstBreak = true;
|
|
6229
|
-
return /* @__PURE__ */ (0,
|
|
6280
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", {}, index);
|
|
6230
6281
|
} else {
|
|
6231
|
-
return /* @__PURE__ */ (0,
|
|
6282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
6232
6283
|
}
|
|
6233
6284
|
} else {
|
|
6234
6285
|
foundFirstBreak = false;
|
|
6235
|
-
return /* @__PURE__ */ (0,
|
|
6286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
6236
6287
|
}
|
|
6237
6288
|
}) });
|
|
6238
6289
|
};
|
|
6239
6290
|
var ListItemNode_default = ListItemNode;
|
|
6240
6291
|
|
|
6241
6292
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
6242
|
-
var
|
|
6293
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6243
6294
|
var ListNode = (props) => {
|
|
6244
6295
|
const NodeTypes2 = {
|
|
6245
6296
|
listitem: ListItemNode_default
|
|
6246
6297
|
};
|
|
6247
|
-
return /* @__PURE__ */ (0,
|
|
6248
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
6298
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react50.default.Fragment, { children: [
|
|
6299
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6249
6300
|
const SelectedNode = NodeTypes2[node.type];
|
|
6250
|
-
return /* @__PURE__ */ (0,
|
|
6301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
6251
6302
|
}) }),
|
|
6252
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
6303
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6253
6304
|
const SelectedNode = NodeTypes2[node.type];
|
|
6254
|
-
return /* @__PURE__ */ (0,
|
|
6305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
6255
6306
|
}) })
|
|
6256
6307
|
] });
|
|
6257
6308
|
};
|
|
@@ -6259,16 +6310,16 @@ var ListNode_default = ListNode;
|
|
|
6259
6310
|
|
|
6260
6311
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
6261
6312
|
var import_react51 = __toESM(require("react"));
|
|
6262
|
-
var
|
|
6313
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6263
6314
|
var QuoteNode = (props) => {
|
|
6264
6315
|
const NodeTypes2 = {
|
|
6265
6316
|
["text"]: TextNode_default,
|
|
6266
6317
|
["linebreak"]: LineBreakNode_default,
|
|
6267
6318
|
["link"]: LinkNode_default
|
|
6268
6319
|
};
|
|
6269
|
-
return /* @__PURE__ */ (0,
|
|
6320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6270
6321
|
const SelectedNode = NodeTypes2[node.type];
|
|
6271
|
-
return /* @__PURE__ */ (0,
|
|
6322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
6272
6323
|
}) });
|
|
6273
6324
|
};
|
|
6274
6325
|
var QuoteNode_default = QuoteNode;
|
|
@@ -6276,11 +6327,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
6276
6327
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
6277
6328
|
var import_react53 = __toESM(require("react"));
|
|
6278
6329
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
6279
|
-
var
|
|
6330
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
6280
6331
|
var CopyButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
6281
6332
|
ssr: false,
|
|
6282
6333
|
// optional: fallback UI while loading
|
|
6283
|
-
loading: () => /* @__PURE__ */ (0,
|
|
6334
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
6284
6335
|
});
|
|
6285
6336
|
var CodeNode = (props) => {
|
|
6286
6337
|
const NodeTypes2 = {
|
|
@@ -6294,14 +6345,14 @@ var CodeNode = (props) => {
|
|
|
6294
6345
|
if (node.type === "link") return node.text || node.url || "";
|
|
6295
6346
|
return "";
|
|
6296
6347
|
}).join("") ?? "";
|
|
6297
|
-
return /* @__PURE__ */ (0,
|
|
6298
|
-
/* @__PURE__ */ (0,
|
|
6299
|
-
/* @__PURE__ */ (0,
|
|
6300
|
-
/* @__PURE__ */ (0,
|
|
6348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
|
|
6349
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
6350
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: "Code Snippet" }),
|
|
6351
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CopyButton2, { text: textContent })
|
|
6301
6352
|
] }),
|
|
6302
|
-
/* @__PURE__ */ (0,
|
|
6353
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.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) => {
|
|
6303
6354
|
const SelectedNode = NodeTypes2[node.type];
|
|
6304
|
-
return /* @__PURE__ */ (0,
|
|
6355
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
6305
6356
|
SelectedNode,
|
|
6306
6357
|
{
|
|
6307
6358
|
node,
|
|
@@ -6316,15 +6367,15 @@ var CodeNode = (props) => {
|
|
|
6316
6367
|
var CodeNode_default = CodeNode;
|
|
6317
6368
|
|
|
6318
6369
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
6319
|
-
var
|
|
6370
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
6320
6371
|
var HorizontalRuleNode = () => {
|
|
6321
|
-
return /* @__PURE__ */ (0,
|
|
6372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("hr", {});
|
|
6322
6373
|
};
|
|
6323
6374
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
6324
6375
|
|
|
6325
6376
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
6326
6377
|
var import_react54 = __toESM(require("react"));
|
|
6327
|
-
var
|
|
6378
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6328
6379
|
var WidgetNode = (props) => {
|
|
6329
6380
|
const getWidgetParameters = () => {
|
|
6330
6381
|
const widgetInputParameters = {
|
|
@@ -6388,7 +6439,7 @@ var WidgetNode = (props) => {
|
|
|
6388
6439
|
};
|
|
6389
6440
|
const widgetCode = props.node?.widgetCode;
|
|
6390
6441
|
if (!widgetCode) {
|
|
6391
|
-
return /* @__PURE__ */ (0,
|
|
6442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: "Invalid widget" });
|
|
6392
6443
|
}
|
|
6393
6444
|
const widgetParams = getWidgetParameters();
|
|
6394
6445
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -6397,7 +6448,7 @@ var WidgetNode = (props) => {
|
|
|
6397
6448
|
}
|
|
6398
6449
|
return (
|
|
6399
6450
|
// eslint-disable-next-line react-hooks/static-components
|
|
6400
|
-
/* @__PURE__ */ (0,
|
|
6451
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6401
6452
|
WidgetRenderer,
|
|
6402
6453
|
{
|
|
6403
6454
|
params: widgetParams,
|
|
@@ -6419,7 +6470,7 @@ var import_react60 = __toESM(require("react"));
|
|
|
6419
6470
|
|
|
6420
6471
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
6421
6472
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
6422
|
-
var
|
|
6473
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
6423
6474
|
var IframeClient2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
6424
6475
|
ssr: false
|
|
6425
6476
|
});
|
|
@@ -6432,7 +6483,7 @@ var EmbedNode = (props) => {
|
|
|
6432
6483
|
} else {
|
|
6433
6484
|
src = props.node.embedSrc;
|
|
6434
6485
|
}
|
|
6435
|
-
return /* @__PURE__ */ (0,
|
|
6486
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IframeClient2, { src }) });
|
|
6436
6487
|
};
|
|
6437
6488
|
var EmbedNode_default = EmbedNode;
|
|
6438
6489
|
|
|
@@ -6632,10 +6683,10 @@ var PathUtility = class {
|
|
|
6632
6683
|
var PathUtility_default = new PathUtility();
|
|
6633
6684
|
|
|
6634
6685
|
// src/components/NoDataFound.tsx
|
|
6635
|
-
var
|
|
6686
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
6636
6687
|
var NoDataFound = () => {
|
|
6637
|
-
return /* @__PURE__ */ (0,
|
|
6638
|
-
/* @__PURE__ */ (0,
|
|
6688
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
6689
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6639
6690
|
"svg",
|
|
6640
6691
|
{
|
|
6641
6692
|
className: "w-10 h-10",
|
|
@@ -6643,7 +6694,7 @@ var NoDataFound = () => {
|
|
|
6643
6694
|
stroke: "currentColor",
|
|
6644
6695
|
viewBox: "0 0 24 24",
|
|
6645
6696
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6646
|
-
children: /* @__PURE__ */ (0,
|
|
6697
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6647
6698
|
"path",
|
|
6648
6699
|
{
|
|
6649
6700
|
strokeLinecap: "round",
|
|
@@ -6654,8 +6705,8 @@ var NoDataFound = () => {
|
|
|
6654
6705
|
)
|
|
6655
6706
|
}
|
|
6656
6707
|
) }) }),
|
|
6657
|
-
/* @__PURE__ */ (0,
|
|
6658
|
-
/* @__PURE__ */ (0,
|
|
6708
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
6709
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
6659
6710
|
] });
|
|
6660
6711
|
};
|
|
6661
6712
|
var NoDataFound_default = NoDataFound;
|
|
@@ -6663,7 +6714,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
6663
6714
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
6664
6715
|
init_AssetUtility();
|
|
6665
6716
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
6666
|
-
var
|
|
6717
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6667
6718
|
var HlsPlayer4 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6668
6719
|
var deviceToMediaQuery = (device) => {
|
|
6669
6720
|
switch (device) {
|
|
@@ -6819,8 +6870,8 @@ var ImageGalleryNode = (props) => {
|
|
|
6819
6870
|
right: "justify-end"
|
|
6820
6871
|
};
|
|
6821
6872
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
6822
|
-
return /* @__PURE__ */ (0,
|
|
6823
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
6873
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6874
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6824
6875
|
HlsPlayer4,
|
|
6825
6876
|
{
|
|
6826
6877
|
sources: hlsSources,
|
|
@@ -6835,7 +6886,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6835
6886
|
styles: hlsStyles
|
|
6836
6887
|
}
|
|
6837
6888
|
) }),
|
|
6838
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
6889
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("picture", { children: [
|
|
6839
6890
|
DEVICE_ORDER.map((deviceKey) => {
|
|
6840
6891
|
const match = staticSources.find(
|
|
6841
6892
|
(img) => img.device === deviceKey
|
|
@@ -6851,7 +6902,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6851
6902
|
if (!srcUrl) {
|
|
6852
6903
|
return null;
|
|
6853
6904
|
}
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
6905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6855
6906
|
"source",
|
|
6856
6907
|
{
|
|
6857
6908
|
media: deviceToMediaQuery(match.device),
|
|
@@ -6876,7 +6927,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6876
6927
|
if (img.borderRadius) {
|
|
6877
6928
|
styles.borderRadius = img.borderRadius;
|
|
6878
6929
|
}
|
|
6879
|
-
return /* @__PURE__ */ (0,
|
|
6930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6880
6931
|
"img",
|
|
6881
6932
|
{
|
|
6882
6933
|
loading: "lazy",
|
|
@@ -6891,7 +6942,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6891
6942
|
})()
|
|
6892
6943
|
] }) : (
|
|
6893
6944
|
/* Case 2: Only device-specific images exist */
|
|
6894
|
-
/* @__PURE__ */ (0,
|
|
6945
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_jsx_runtime77.Fragment, { children: staticSources.map((img, index) => {
|
|
6895
6946
|
const resolved = resolveImage(img);
|
|
6896
6947
|
const imageUrl = resolved?.imageUrl;
|
|
6897
6948
|
if (!imageUrl) {
|
|
@@ -6918,7 +6969,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6918
6969
|
default:
|
|
6919
6970
|
display = "block";
|
|
6920
6971
|
}
|
|
6921
|
-
return /* @__PURE__ */ (0,
|
|
6972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6922
6973
|
"img",
|
|
6923
6974
|
{
|
|
6924
6975
|
loading: "lazy",
|
|
@@ -7059,28 +7110,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
7059
7110
|
|
|
7060
7111
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
7061
7112
|
init_AssetUtility();
|
|
7062
|
-
var
|
|
7113
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7063
7114
|
var getNestedValue5 = (obj, path) => {
|
|
7064
7115
|
if (!obj || !path) return void 0;
|
|
7065
7116
|
return path.split(".").reduce((current, key) => {
|
|
7066
7117
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
7067
7118
|
}, obj);
|
|
7068
7119
|
};
|
|
7069
|
-
var PdfIcon = () => /* @__PURE__ */ (0,
|
|
7120
|
+
var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7070
7121
|
"svg",
|
|
7071
7122
|
{
|
|
7072
7123
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7073
7124
|
viewBox: "0 0 48 48",
|
|
7074
7125
|
className: "w-10 h-10",
|
|
7075
7126
|
children: [
|
|
7076
|
-
/* @__PURE__ */ (0,
|
|
7127
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7077
7128
|
"path",
|
|
7078
7129
|
{
|
|
7079
7130
|
fill: "#e53935",
|
|
7080
7131
|
d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
|
|
7081
7132
|
}
|
|
7082
7133
|
),
|
|
7083
|
-
/* @__PURE__ */ (0,
|
|
7134
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7084
7135
|
"path",
|
|
7085
7136
|
{
|
|
7086
7137
|
fill: "#fff",
|
|
@@ -7090,55 +7141,55 @@ var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7090
7141
|
]
|
|
7091
7142
|
}
|
|
7092
7143
|
);
|
|
7093
|
-
var ExcelIcon = () => /* @__PURE__ */ (0,
|
|
7144
|
+
var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7094
7145
|
"svg",
|
|
7095
7146
|
{
|
|
7096
7147
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7097
7148
|
viewBox: "0 0 48 48",
|
|
7098
7149
|
className: "w-10 h-10",
|
|
7099
7150
|
children: [
|
|
7100
|
-
/* @__PURE__ */ (0,
|
|
7151
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7101
7152
|
"path",
|
|
7102
7153
|
{
|
|
7103
7154
|
fill: "#169154",
|
|
7104
7155
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
7105
7156
|
}
|
|
7106
7157
|
),
|
|
7107
|
-
/* @__PURE__ */ (0,
|
|
7158
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7108
7159
|
"path",
|
|
7109
7160
|
{
|
|
7110
7161
|
fill: "#18482a",
|
|
7111
7162
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
7112
7163
|
}
|
|
7113
7164
|
),
|
|
7114
|
-
/* @__PURE__ */ (0,
|
|
7115
|
-
/* @__PURE__ */ (0,
|
|
7116
|
-
/* @__PURE__ */ (0,
|
|
7117
|
-
/* @__PURE__ */ (0,
|
|
7165
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
7166
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
7167
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("g", { children: [
|
|
7168
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7118
7169
|
"path",
|
|
7119
7170
|
{
|
|
7120
7171
|
fill: "#29c27f",
|
|
7121
7172
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
7122
7173
|
}
|
|
7123
7174
|
),
|
|
7124
|
-
/* @__PURE__ */ (0,
|
|
7175
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7125
7176
|
"path",
|
|
7126
7177
|
{
|
|
7127
7178
|
fill: "#27663f",
|
|
7128
7179
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
7129
7180
|
}
|
|
7130
7181
|
),
|
|
7131
|
-
/* @__PURE__ */ (0,
|
|
7132
|
-
/* @__PURE__ */ (0,
|
|
7182
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
7183
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
7133
7184
|
] }),
|
|
7134
|
-
/* @__PURE__ */ (0,
|
|
7185
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7135
7186
|
"path",
|
|
7136
7187
|
{
|
|
7137
7188
|
fill: "#0c7238",
|
|
7138
7189
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
7139
7190
|
}
|
|
7140
7191
|
),
|
|
7141
|
-
/* @__PURE__ */ (0,
|
|
7192
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7142
7193
|
"path",
|
|
7143
7194
|
{
|
|
7144
7195
|
fill: "#fff",
|
|
@@ -7148,7 +7199,7 @@ var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7148
7199
|
]
|
|
7149
7200
|
}
|
|
7150
7201
|
);
|
|
7151
|
-
var WordIcon = () => /* @__PURE__ */ (0,
|
|
7202
|
+
var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7152
7203
|
"svg",
|
|
7153
7204
|
{
|
|
7154
7205
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7156,14 +7207,14 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7156
7207
|
className: "w-10 h-10",
|
|
7157
7208
|
baseProfile: "basic",
|
|
7158
7209
|
children: [
|
|
7159
|
-
/* @__PURE__ */ (0,
|
|
7210
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7160
7211
|
"path",
|
|
7161
7212
|
{
|
|
7162
7213
|
fill: "#283593",
|
|
7163
7214
|
d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
|
|
7164
7215
|
}
|
|
7165
7216
|
),
|
|
7166
|
-
/* @__PURE__ */ (0,
|
|
7217
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7167
7218
|
"linearGradient",
|
|
7168
7219
|
{
|
|
7169
7220
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -7174,19 +7225,19 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7174
7225
|
gradientTransform: "translate(0 -339.89)",
|
|
7175
7226
|
gradientUnits: "userSpaceOnUse",
|
|
7176
7227
|
children: [
|
|
7177
|
-
/* @__PURE__ */ (0,
|
|
7178
|
-
/* @__PURE__ */ (0,
|
|
7228
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
7229
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
7179
7230
|
]
|
|
7180
7231
|
}
|
|
7181
7232
|
),
|
|
7182
|
-
/* @__PURE__ */ (0,
|
|
7233
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7183
7234
|
"path",
|
|
7184
7235
|
{
|
|
7185
7236
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
7186
7237
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
7187
7238
|
}
|
|
7188
7239
|
),
|
|
7189
|
-
/* @__PURE__ */ (0,
|
|
7240
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7190
7241
|
"path",
|
|
7191
7242
|
{
|
|
7192
7243
|
fill: "#1e88e5",
|
|
@@ -7194,21 +7245,21 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7194
7245
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
7195
7246
|
}
|
|
7196
7247
|
),
|
|
7197
|
-
/* @__PURE__ */ (0,
|
|
7248
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7198
7249
|
"path",
|
|
7199
7250
|
{
|
|
7200
7251
|
fill: "#00e5ff",
|
|
7201
7252
|
d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
|
|
7202
7253
|
}
|
|
7203
7254
|
),
|
|
7204
|
-
/* @__PURE__ */ (0,
|
|
7255
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7205
7256
|
"path",
|
|
7206
7257
|
{
|
|
7207
7258
|
fill: "#1565c0",
|
|
7208
7259
|
d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
|
|
7209
7260
|
}
|
|
7210
7261
|
),
|
|
7211
|
-
/* @__PURE__ */ (0,
|
|
7262
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7212
7263
|
"path",
|
|
7213
7264
|
{
|
|
7214
7265
|
fill: "#fff",
|
|
@@ -7218,42 +7269,42 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7218
7269
|
]
|
|
7219
7270
|
}
|
|
7220
7271
|
);
|
|
7221
|
-
var StandardIcon = () => /* @__PURE__ */ (0,
|
|
7272
|
+
var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7222
7273
|
"svg",
|
|
7223
7274
|
{
|
|
7224
7275
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7225
7276
|
viewBox: "0 0 48 48",
|
|
7226
7277
|
className: "w-10 h-10",
|
|
7227
7278
|
children: [
|
|
7228
|
-
/* @__PURE__ */ (0,
|
|
7229
|
-
/* @__PURE__ */ (0,
|
|
7279
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
7280
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
7230
7281
|
]
|
|
7231
7282
|
}
|
|
7232
7283
|
);
|
|
7233
|
-
var PowerPointIcon = () => /* @__PURE__ */ (0,
|
|
7284
|
+
var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7234
7285
|
"svg",
|
|
7235
7286
|
{
|
|
7236
7287
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7237
7288
|
viewBox: "0 0 48 48",
|
|
7238
7289
|
className: "w-10 h-10",
|
|
7239
7290
|
children: [
|
|
7240
|
-
/* @__PURE__ */ (0,
|
|
7291
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7241
7292
|
"path",
|
|
7242
7293
|
{
|
|
7243
7294
|
fill: "#dc4c2c",
|
|
7244
7295
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
7245
7296
|
}
|
|
7246
7297
|
),
|
|
7247
|
-
/* @__PURE__ */ (0,
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7249
|
-
/* @__PURE__ */ (0,
|
|
7298
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
7299
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
7300
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7250
7301
|
"path",
|
|
7251
7302
|
{
|
|
7252
7303
|
fill: "#9b341f",
|
|
7253
7304
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
7254
7305
|
}
|
|
7255
7306
|
),
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7307
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7257
7308
|
"path",
|
|
7258
7309
|
{
|
|
7259
7310
|
fill: "#fff",
|
|
@@ -7263,16 +7314,16 @@ var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7263
7314
|
]
|
|
7264
7315
|
}
|
|
7265
7316
|
);
|
|
7266
|
-
var TextIcon = () => /* @__PURE__ */ (0,
|
|
7317
|
+
var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7267
7318
|
"svg",
|
|
7268
7319
|
{
|
|
7269
7320
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7270
7321
|
viewBox: "0 0 48 48",
|
|
7271
7322
|
className: "w-10 h-10",
|
|
7272
7323
|
children: [
|
|
7273
|
-
/* @__PURE__ */ (0,
|
|
7274
|
-
/* @__PURE__ */ (0,
|
|
7275
|
-
/* @__PURE__ */ (0,
|
|
7324
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
7325
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
7326
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7276
7327
|
"path",
|
|
7277
7328
|
{
|
|
7278
7329
|
fill: "#1976D2",
|
|
@@ -7282,7 +7333,7 @@ var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7282
7333
|
]
|
|
7283
7334
|
}
|
|
7284
7335
|
);
|
|
7285
|
-
var ArchiveIcon = () => /* @__PURE__ */ (0,
|
|
7336
|
+
var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7286
7337
|
"svg",
|
|
7287
7338
|
{
|
|
7288
7339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7292,14 +7343,14 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7292
7343
|
version: "1.0",
|
|
7293
7344
|
className: "w-10 h-10",
|
|
7294
7345
|
children: [
|
|
7295
|
-
/* @__PURE__ */ (0,
|
|
7346
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7296
7347
|
"path",
|
|
7297
7348
|
{
|
|
7298
7349
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
7299
7350
|
"clip-rule": "nonzero"
|
|
7300
7351
|
}
|
|
7301
7352
|
) }) }),
|
|
7302
|
-
/* @__PURE__ */ (0,
|
|
7353
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7303
7354
|
"path",
|
|
7304
7355
|
{
|
|
7305
7356
|
fill: "#ff9100",
|
|
@@ -7308,7 +7359,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7308
7359
|
"fill-rule": "nonzero"
|
|
7309
7360
|
}
|
|
7310
7361
|
) }),
|
|
7311
|
-
/* @__PURE__ */ (0,
|
|
7362
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7312
7363
|
"path",
|
|
7313
7364
|
{
|
|
7314
7365
|
fill: "#fbe9e7",
|
|
@@ -7317,7 +7368,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7317
7368
|
"fill-rule": "nonzero"
|
|
7318
7369
|
}
|
|
7319
7370
|
),
|
|
7320
|
-
/* @__PURE__ */ (0,
|
|
7371
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7321
7372
|
"path",
|
|
7322
7373
|
{
|
|
7323
7374
|
fill: "#ffe0b2",
|
|
@@ -7326,7 +7377,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7326
7377
|
"fill-rule": "nonzero"
|
|
7327
7378
|
}
|
|
7328
7379
|
),
|
|
7329
|
-
/* @__PURE__ */ (0,
|
|
7380
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7330
7381
|
"path",
|
|
7331
7382
|
{
|
|
7332
7383
|
fill: "#ffe0b2",
|
|
@@ -7335,7 +7386,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7335
7386
|
"fill-rule": "nonzero"
|
|
7336
7387
|
}
|
|
7337
7388
|
),
|
|
7338
|
-
/* @__PURE__ */ (0,
|
|
7389
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7339
7390
|
"path",
|
|
7340
7391
|
{
|
|
7341
7392
|
fill: "#ffe0b2",
|
|
@@ -7410,8 +7461,8 @@ var DocumentNode = (props) => {
|
|
|
7410
7461
|
}
|
|
7411
7462
|
}
|
|
7412
7463
|
if (documents.length === 0) {
|
|
7413
|
-
return /* @__PURE__ */ (0,
|
|
7414
|
-
/* @__PURE__ */ (0,
|
|
7464
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
7465
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7415
7466
|
"svg",
|
|
7416
7467
|
{
|
|
7417
7468
|
className: "w-5 h-5",
|
|
@@ -7419,7 +7470,7 @@ var DocumentNode = (props) => {
|
|
|
7419
7470
|
stroke: "currentColor",
|
|
7420
7471
|
viewBox: "0 0 24 24",
|
|
7421
7472
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7422
|
-
children: /* @__PURE__ */ (0,
|
|
7473
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7423
7474
|
"path",
|
|
7424
7475
|
{
|
|
7425
7476
|
strokeLinecap: "round",
|
|
@@ -7430,11 +7481,11 @@ var DocumentNode = (props) => {
|
|
|
7430
7481
|
)
|
|
7431
7482
|
}
|
|
7432
7483
|
) }),
|
|
7433
|
-
/* @__PURE__ */ (0,
|
|
7434
|
-
/* @__PURE__ */ (0,
|
|
7484
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
7485
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
7435
7486
|
] }) });
|
|
7436
7487
|
}
|
|
7437
|
-
return /* @__PURE__ */ (0,
|
|
7488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
7438
7489
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
7439
7490
|
props.assetBaseUrl,
|
|
7440
7491
|
doc.assetUrl
|
|
@@ -7452,16 +7503,16 @@ var DocumentNode = (props) => {
|
|
|
7452
7503
|
}
|
|
7453
7504
|
}
|
|
7454
7505
|
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
7455
|
-
return /* @__PURE__ */ (0,
|
|
7506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7456
7507
|
"div",
|
|
7457
7508
|
{
|
|
7458
7509
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
7459
7510
|
children: [
|
|
7460
|
-
/* @__PURE__ */ (0,
|
|
7461
|
-
/* @__PURE__ */ (0,
|
|
7462
|
-
/* @__PURE__ */ (0,
|
|
7511
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
7512
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon2, {}) }),
|
|
7513
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
7463
7514
|
] }),
|
|
7464
|
-
/* @__PURE__ */ (0,
|
|
7515
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7465
7516
|
"a",
|
|
7466
7517
|
{
|
|
7467
7518
|
href: documentUrl,
|
|
@@ -7469,7 +7520,7 @@ var DocumentNode = (props) => {
|
|
|
7469
7520
|
rel: "noopener noreferrer",
|
|
7470
7521
|
className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
|
|
7471
7522
|
children: [
|
|
7472
|
-
/* @__PURE__ */ (0,
|
|
7523
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7473
7524
|
"svg",
|
|
7474
7525
|
{
|
|
7475
7526
|
className: "w-4 h-4 mr-2",
|
|
@@ -7477,7 +7528,7 @@ var DocumentNode = (props) => {
|
|
|
7477
7528
|
stroke: "currentColor",
|
|
7478
7529
|
viewBox: "0 0 24 24",
|
|
7479
7530
|
children: [
|
|
7480
|
-
/* @__PURE__ */ (0,
|
|
7531
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7481
7532
|
"path",
|
|
7482
7533
|
{
|
|
7483
7534
|
strokeLinecap: "round",
|
|
@@ -7486,7 +7537,7 @@ var DocumentNode = (props) => {
|
|
|
7486
7537
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
7487
7538
|
}
|
|
7488
7539
|
),
|
|
7489
|
-
/* @__PURE__ */ (0,
|
|
7540
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7490
7541
|
"path",
|
|
7491
7542
|
{
|
|
7492
7543
|
strokeLinecap: "round",
|
|
@@ -7512,13 +7563,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
7512
7563
|
|
|
7513
7564
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
7514
7565
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7515
|
-
var
|
|
7566
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7516
7567
|
var IframeClient3 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7517
7568
|
ssr: false
|
|
7518
7569
|
});
|
|
7519
7570
|
var GoogleMapNode = (props) => {
|
|
7520
7571
|
let src = props.node.embedUrl;
|
|
7521
|
-
return /* @__PURE__ */ (0,
|
|
7572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7522
7573
|
IframeClient3,
|
|
7523
7574
|
{
|
|
7524
7575
|
src,
|
|
@@ -7530,7 +7581,7 @@ var GoogleMapNode = (props) => {
|
|
|
7530
7581
|
var GoogleMapNode_default = GoogleMapNode;
|
|
7531
7582
|
|
|
7532
7583
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
7533
|
-
var
|
|
7584
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7534
7585
|
var Pagination2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
7535
7586
|
var DataBindingControls2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
7536
7587
|
ssr: true
|
|
@@ -7789,7 +7840,7 @@ var DivContainer = async (props) => {
|
|
|
7789
7840
|
response = await serviceClient.get(endpoint);
|
|
7790
7841
|
result = response?.result;
|
|
7791
7842
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
7792
|
-
return /* @__PURE__ */ (0,
|
|
7843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NoDataFound_default, {});
|
|
7793
7844
|
}
|
|
7794
7845
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
7795
7846
|
childCollectionData = getNestedValue6(
|
|
@@ -7809,7 +7860,7 @@ var DivContainer = async (props) => {
|
|
|
7809
7860
|
}
|
|
7810
7861
|
const SelectedNode = NodeTypes2[node.type];
|
|
7811
7862
|
if (!SelectedNode) return null;
|
|
7812
|
-
return /* @__PURE__ */ (0,
|
|
7863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7813
7864
|
SelectedNode,
|
|
7814
7865
|
{
|
|
7815
7866
|
node,
|
|
@@ -7946,7 +7997,7 @@ var DivContainer = async (props) => {
|
|
|
7946
7997
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
7947
7998
|
);
|
|
7948
7999
|
const WrapperComponent = Wrapper;
|
|
7949
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8000
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7950
8001
|
WrapperComponent,
|
|
7951
8002
|
{
|
|
7952
8003
|
id: guid,
|
|
@@ -7960,11 +8011,11 @@ var DivContainer = async (props) => {
|
|
|
7960
8011
|
item,
|
|
7961
8012
|
idx,
|
|
7962
8013
|
props.href ? void 0 : item?.links?.view
|
|
7963
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
8014
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
7964
8015
|
)
|
|
7965
8016
|
}
|
|
7966
8017
|
);
|
|
7967
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8018
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7968
8019
|
Pagination2,
|
|
7969
8020
|
{
|
|
7970
8021
|
path: props.path,
|
|
@@ -7972,15 +8023,15 @@ var DivContainer = async (props) => {
|
|
|
7972
8023
|
dataset: response
|
|
7973
8024
|
}
|
|
7974
8025
|
) : null;
|
|
7975
|
-
return /* @__PURE__ */ (0,
|
|
7976
|
-
/* @__PURE__ */ (0,
|
|
8026
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react60.default.Fragment, { children: [
|
|
8027
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7977
8028
|
"style",
|
|
7978
8029
|
{
|
|
7979
8030
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7980
8031
|
}
|
|
7981
8032
|
),
|
|
7982
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
7983
|
-
/* @__PURE__ */ (0,
|
|
8033
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react60.default.Fragment, { children: [
|
|
8034
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
7984
8035
|
DataBindingControls2,
|
|
7985
8036
|
{
|
|
7986
8037
|
mode: "toolbar",
|
|
@@ -7992,18 +8043,18 @@ var DivContainer = async (props) => {
|
|
|
7992
8043
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
7993
8044
|
}
|
|
7994
8045
|
),
|
|
7995
|
-
/* @__PURE__ */ (0,
|
|
8046
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
|
|
7996
8047
|
"div",
|
|
7997
8048
|
{
|
|
7998
8049
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
7999
8050
|
children: [
|
|
8000
|
-
/* @__PURE__ */ (0,
|
|
8051
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "min-w-0", children: [
|
|
8001
8052
|
renderedContainer,
|
|
8002
8053
|
paginationControl
|
|
8003
8054
|
] }),
|
|
8004
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
8005
|
-
/* @__PURE__ */ (0,
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8055
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
8056
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
8057
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
8007
8058
|
DataBindingControls2,
|
|
8008
8059
|
{
|
|
8009
8060
|
mode: "facets",
|
|
@@ -8017,16 +8068,16 @@ var DivContainer = async (props) => {
|
|
|
8017
8068
|
]
|
|
8018
8069
|
}
|
|
8019
8070
|
)
|
|
8020
|
-
] }) : /* @__PURE__ */ (0,
|
|
8071
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react60.default.Fragment, { children: [
|
|
8021
8072
|
renderedContainer,
|
|
8022
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
8073
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { children: paginationControl })
|
|
8023
8074
|
] })
|
|
8024
8075
|
] });
|
|
8025
8076
|
};
|
|
8026
8077
|
var DivContainer_default = DivContainer;
|
|
8027
8078
|
|
|
8028
8079
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
8029
|
-
var
|
|
8080
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
8030
8081
|
var NodeTypes = {
|
|
8031
8082
|
["paragraph"]: ParagraphNode_default,
|
|
8032
8083
|
["heading"]: HeadingNode_default,
|
|
@@ -8064,14 +8115,14 @@ var PageBodyRenderer = (props) => {
|
|
|
8064
8115
|
}
|
|
8065
8116
|
return true;
|
|
8066
8117
|
};
|
|
8067
|
-
return /* @__PURE__ */ (0,
|
|
8118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react61.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
8068
8119
|
{
|
|
8069
8120
|
}
|
|
8070
8121
|
const SelectedNode = NodeTypes[node.type];
|
|
8071
8122
|
if (!shouldRenderNode(node)) {
|
|
8072
8123
|
return null;
|
|
8073
8124
|
}
|
|
8074
|
-
return /* @__PURE__ */ (0,
|
|
8125
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react61.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react61.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8075
8126
|
SelectedNode,
|
|
8076
8127
|
{
|
|
8077
8128
|
node,
|
|
@@ -8087,7 +8138,7 @@ var PageBodyRenderer = (props) => {
|
|
|
8087
8138
|
device: props.device,
|
|
8088
8139
|
widgetRenderer: props.widgetRenderer
|
|
8089
8140
|
}
|
|
8090
|
-
) }) : /* @__PURE__ */ (0,
|
|
8141
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8091
8142
|
SelectedNode,
|
|
8092
8143
|
{
|
|
8093
8144
|
node,
|
|
@@ -8158,7 +8209,7 @@ function EnterAnimationHydrator() {
|
|
|
8158
8209
|
// src/components/Toast.tsx
|
|
8159
8210
|
var import_react63 = require("react");
|
|
8160
8211
|
init_ToastService();
|
|
8161
|
-
var
|
|
8212
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8162
8213
|
var Toast = () => {
|
|
8163
8214
|
const [showToast, setShowToast] = (0, import_react63.useState)(false);
|
|
8164
8215
|
const [message, setMessage] = (0, import_react63.useState)("");
|
|
@@ -8192,8 +8243,8 @@ var Toast = () => {
|
|
|
8192
8243
|
});
|
|
8193
8244
|
};
|
|
8194
8245
|
}, [closeToast, showMessage]);
|
|
8195
|
-
return /* @__PURE__ */ (0,
|
|
8196
|
-
/* @__PURE__ */ (0,
|
|
8246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
8247
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8197
8248
|
"span",
|
|
8198
8249
|
{
|
|
8199
8250
|
className: "font-medium text-inherit text-sm",
|
|
@@ -8201,7 +8252,7 @@ var Toast = () => {
|
|
|
8201
8252
|
children: message
|
|
8202
8253
|
}
|
|
8203
8254
|
),
|
|
8204
|
-
/* @__PURE__ */ (0,
|
|
8255
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8205
8256
|
"svg",
|
|
8206
8257
|
{
|
|
8207
8258
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8209,7 +8260,7 @@ var Toast = () => {
|
|
|
8209
8260
|
fill: "none",
|
|
8210
8261
|
viewBox: "0 0 24 24",
|
|
8211
8262
|
stroke: "currentColor",
|
|
8212
|
-
children: /* @__PURE__ */ (0,
|
|
8263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
8213
8264
|
}
|
|
8214
8265
|
) })
|
|
8215
8266
|
] }) }) });
|
|
@@ -8240,7 +8291,7 @@ init_Switcher();
|
|
|
8240
8291
|
// src/components/NavigationTabsV2.tsx
|
|
8241
8292
|
var import_link3 = __toESM(require("next/link"));
|
|
8242
8293
|
var import_navigation2 = require("next/navigation");
|
|
8243
|
-
var
|
|
8294
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8244
8295
|
function resolveRoutePlaceholders(route, params) {
|
|
8245
8296
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
8246
8297
|
const value = params[key];
|
|
@@ -8265,8 +8316,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
8265
8316
|
isActive: tab.isActive
|
|
8266
8317
|
})) || [];
|
|
8267
8318
|
if (mappedTabs.length === 0) return null;
|
|
8268
|
-
return /* @__PURE__ */ (0,
|
|
8269
|
-
return /* @__PURE__ */ (0,
|
|
8319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
8320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8270
8321
|
"div",
|
|
8271
8322
|
{
|
|
8272
8323
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -8285,9 +8336,9 @@ var import_navigation3 = require("next/navigation");
|
|
|
8285
8336
|
|
|
8286
8337
|
// src/components/dataForm/NoContentView.tsx
|
|
8287
8338
|
var import_react64 = __toESM(require("react"));
|
|
8288
|
-
var
|
|
8339
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
8289
8340
|
var NoContentView = (props) => {
|
|
8290
|
-
return /* @__PURE__ */ (0,
|
|
8341
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react64.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
8291
8342
|
};
|
|
8292
8343
|
var NoContentView_default = NoContentView;
|
|
8293
8344
|
|
|
@@ -8296,38 +8347,38 @@ init_InputControlType();
|
|
|
8296
8347
|
|
|
8297
8348
|
// src/components/dataForm/ContentView.tsx
|
|
8298
8349
|
var import_react65 = __toESM(require("react"));
|
|
8299
|
-
var
|
|
8350
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
8300
8351
|
var ContentView = (props) => {
|
|
8301
|
-
return /* @__PURE__ */ (0,
|
|
8302
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
8303
|
-
/* @__PURE__ */ (0,
|
|
8304
|
-
/* @__PURE__ */ (0,
|
|
8305
|
-
/* @__PURE__ */ (0,
|
|
8306
|
-
/* @__PURE__ */ (0,
|
|
8307
|
-
/* @__PURE__ */ (0,
|
|
8352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_react65.default.Fragment, { children: [
|
|
8353
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
8354
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
8355
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
8356
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "ml-2", children: [
|
|
8357
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
8358
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
8308
8359
|
] })
|
|
8309
8360
|
] }),
|
|
8310
|
-
/* @__PURE__ */ (0,
|
|
8311
|
-
/* @__PURE__ */ (0,
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8313
|
-
/* @__PURE__ */ (0,
|
|
8314
|
-
/* @__PURE__ */ (0,
|
|
8315
|
-
/* @__PURE__ */ (0,
|
|
8316
|
-
/* @__PURE__ */ (0,
|
|
8361
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
8362
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "animate-pulse", children: [
|
|
8363
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
8364
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
8365
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
8366
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
8367
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
8317
8368
|
] }),
|
|
8318
|
-
/* @__PURE__ */ (0,
|
|
8319
|
-
/* @__PURE__ */ (0,
|
|
8320
|
-
/* @__PURE__ */ (0,
|
|
8321
|
-
/* @__PURE__ */ (0,
|
|
8322
|
-
/* @__PURE__ */ (0,
|
|
8323
|
-
/* @__PURE__ */ (0,
|
|
8369
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "animate-pulse", children: [
|
|
8370
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
8371
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
8372
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
8373
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
8374
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
8324
8375
|
] }),
|
|
8325
|
-
/* @__PURE__ */ (0,
|
|
8326
|
-
/* @__PURE__ */ (0,
|
|
8327
|
-
/* @__PURE__ */ (0,
|
|
8328
|
-
/* @__PURE__ */ (0,
|
|
8329
|
-
/* @__PURE__ */ (0,
|
|
8330
|
-
/* @__PURE__ */ (0,
|
|
8376
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "animate-pulse", children: [
|
|
8377
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
8378
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
8379
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
8380
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
8381
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
8331
8382
|
] })
|
|
8332
8383
|
] })
|
|
8333
8384
|
] }) }),
|
|
@@ -8387,7 +8438,7 @@ function FormReducer(state, action) {
|
|
|
8387
8438
|
var FormReducer_default = FormReducer;
|
|
8388
8439
|
|
|
8389
8440
|
// src/components/dataForm/DataList.tsx
|
|
8390
|
-
var
|
|
8441
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8391
8442
|
var DataList = (props) => {
|
|
8392
8443
|
const router = (0, import_navigation3.useRouter)();
|
|
8393
8444
|
let builder = new OdataBuilder(props.path);
|
|
@@ -8425,7 +8476,7 @@ var DataList = (props) => {
|
|
|
8425
8476
|
if (path.includes(".")) {
|
|
8426
8477
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
8427
8478
|
} else if (Array.isArray(obj[path])) {
|
|
8428
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
8479
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: item }, index));
|
|
8429
8480
|
} else {
|
|
8430
8481
|
return obj[path];
|
|
8431
8482
|
}
|
|
@@ -8504,30 +8555,30 @@ var DataList = (props) => {
|
|
|
8504
8555
|
const renderPageNumbers = () => {
|
|
8505
8556
|
if (pages <= 10) {
|
|
8506
8557
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
8507
|
-
(page) => /* @__PURE__ */ (0,
|
|
8558
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8508
8559
|
Hyperlink,
|
|
8509
8560
|
{
|
|
8510
8561
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8511
8562
|
href: builder.getNewPageUrl(page),
|
|
8512
8563
|
children: page
|
|
8513
8564
|
}
|
|
8514
|
-
) : /* @__PURE__ */ (0,
|
|
8565
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
8515
8566
|
);
|
|
8516
8567
|
} else {
|
|
8517
8568
|
const showFirstPages = activePageNumber <= 5;
|
|
8518
8569
|
const showLastPages = activePageNumber > pages - 5;
|
|
8519
8570
|
if (showFirstPages) {
|
|
8520
|
-
return /* @__PURE__ */ (0,
|
|
8521
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
8571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
|
|
8572
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8522
8573
|
Hyperlink,
|
|
8523
8574
|
{
|
|
8524
8575
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8525
8576
|
href: builder.getNewPageUrl(page),
|
|
8526
8577
|
children: page
|
|
8527
8578
|
}
|
|
8528
|
-
) : /* @__PURE__ */ (0,
|
|
8529
|
-
/* @__PURE__ */ (0,
|
|
8530
|
-
/* @__PURE__ */ (0,
|
|
8579
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
8580
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8581
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8531
8582
|
Hyperlink,
|
|
8532
8583
|
{
|
|
8533
8584
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8535,7 +8586,7 @@ var DataList = (props) => {
|
|
|
8535
8586
|
children: pages - 1
|
|
8536
8587
|
}
|
|
8537
8588
|
),
|
|
8538
|
-
/* @__PURE__ */ (0,
|
|
8589
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8539
8590
|
Hyperlink,
|
|
8540
8591
|
{
|
|
8541
8592
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8543,7 +8594,7 @@ var DataList = (props) => {
|
|
|
8543
8594
|
children: pages
|
|
8544
8595
|
}
|
|
8545
8596
|
),
|
|
8546
|
-
/* @__PURE__ */ (0,
|
|
8597
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8547
8598
|
"select",
|
|
8548
8599
|
{
|
|
8549
8600
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8555,18 +8606,18 @@ var DataList = (props) => {
|
|
|
8555
8606
|
}
|
|
8556
8607
|
},
|
|
8557
8608
|
children: [
|
|
8558
|
-
/* @__PURE__ */ (0,
|
|
8609
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
8559
8610
|
Array.from(
|
|
8560
8611
|
{ length: Math.max(0, pages - 10) },
|
|
8561
8612
|
(_, index) => index + 9
|
|
8562
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
8613
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: page, children: page }, page))
|
|
8563
8614
|
]
|
|
8564
8615
|
}
|
|
8565
8616
|
) })
|
|
8566
8617
|
] });
|
|
8567
8618
|
} else if (showLastPages) {
|
|
8568
|
-
return /* @__PURE__ */ (0,
|
|
8569
|
-
/* @__PURE__ */ (0,
|
|
8619
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
|
|
8620
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8570
8621
|
Hyperlink,
|
|
8571
8622
|
{
|
|
8572
8623
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8574,7 +8625,7 @@ var DataList = (props) => {
|
|
|
8574
8625
|
children: "1"
|
|
8575
8626
|
}
|
|
8576
8627
|
),
|
|
8577
|
-
/* @__PURE__ */ (0,
|
|
8628
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8578
8629
|
Hyperlink,
|
|
8579
8630
|
{
|
|
8580
8631
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8582,21 +8633,21 @@ var DataList = (props) => {
|
|
|
8582
8633
|
children: "2"
|
|
8583
8634
|
}
|
|
8584
8635
|
),
|
|
8585
|
-
/* @__PURE__ */ (0,
|
|
8636
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8586
8637
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
8587
|
-
(page) => /* @__PURE__ */ (0,
|
|
8638
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8588
8639
|
Hyperlink,
|
|
8589
8640
|
{
|
|
8590
8641
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8591
8642
|
href: builder.getNewPageUrl(page),
|
|
8592
8643
|
children: page
|
|
8593
8644
|
}
|
|
8594
|
-
) : /* @__PURE__ */ (0,
|
|
8645
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
8595
8646
|
)
|
|
8596
8647
|
] });
|
|
8597
8648
|
} else {
|
|
8598
|
-
return /* @__PURE__ */ (0,
|
|
8599
|
-
/* @__PURE__ */ (0,
|
|
8649
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
|
|
8650
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8600
8651
|
Hyperlink,
|
|
8601
8652
|
{
|
|
8602
8653
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8604,7 +8655,7 @@ var DataList = (props) => {
|
|
|
8604
8655
|
children: "1"
|
|
8605
8656
|
}
|
|
8606
8657
|
),
|
|
8607
|
-
/* @__PURE__ */ (0,
|
|
8658
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8608
8659
|
Hyperlink,
|
|
8609
8660
|
{
|
|
8610
8661
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8612,20 +8663,20 @@ var DataList = (props) => {
|
|
|
8612
8663
|
children: "2"
|
|
8613
8664
|
}
|
|
8614
8665
|
),
|
|
8615
|
-
/* @__PURE__ */ (0,
|
|
8666
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8616
8667
|
Array.from(
|
|
8617
8668
|
{ length: 5 },
|
|
8618
8669
|
(_, index) => activePageNumber - 2 + index
|
|
8619
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
8670
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8620
8671
|
Hyperlink,
|
|
8621
8672
|
{
|
|
8622
8673
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8623
8674
|
href: builder.getNewPageUrl(page),
|
|
8624
8675
|
children: page
|
|
8625
8676
|
}
|
|
8626
|
-
) : /* @__PURE__ */ (0,
|
|
8627
|
-
/* @__PURE__ */ (0,
|
|
8628
|
-
/* @__PURE__ */ (0,
|
|
8677
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
8678
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8679
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8629
8680
|
Hyperlink,
|
|
8630
8681
|
{
|
|
8631
8682
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8633,7 +8684,7 @@ var DataList = (props) => {
|
|
|
8633
8684
|
children: pages - 1
|
|
8634
8685
|
}
|
|
8635
8686
|
),
|
|
8636
|
-
/* @__PURE__ */ (0,
|
|
8687
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8637
8688
|
Hyperlink,
|
|
8638
8689
|
{
|
|
8639
8690
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8641,7 +8692,7 @@ var DataList = (props) => {
|
|
|
8641
8692
|
children: pages
|
|
8642
8693
|
}
|
|
8643
8694
|
),
|
|
8644
|
-
/* @__PURE__ */ (0,
|
|
8695
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8645
8696
|
"select",
|
|
8646
8697
|
{
|
|
8647
8698
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8653,8 +8704,8 @@ var DataList = (props) => {
|
|
|
8653
8704
|
}
|
|
8654
8705
|
},
|
|
8655
8706
|
children: [
|
|
8656
|
-
/* @__PURE__ */ (0,
|
|
8657
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
8707
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: "", children: "Jump to" }),
|
|
8708
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("option", { value: page, children: page }, page))
|
|
8658
8709
|
]
|
|
8659
8710
|
}
|
|
8660
8711
|
) })
|
|
@@ -8662,16 +8713,16 @@ var DataList = (props) => {
|
|
|
8662
8713
|
}
|
|
8663
8714
|
}
|
|
8664
8715
|
};
|
|
8665
|
-
return /* @__PURE__ */ (0,
|
|
8666
|
-
/* @__PURE__ */ (0,
|
|
8667
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
8716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react66.default.Fragment, { children: [
|
|
8717
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ContentView_default, { isDataFound, children: [
|
|
8718
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8668
8719
|
"div",
|
|
8669
8720
|
{
|
|
8670
8721
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
8671
8722
|
children: [
|
|
8672
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8673
|
-
/* @__PURE__ */ (0,
|
|
8674
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
8723
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", {}),
|
|
8724
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8725
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8675
8726
|
InputControl_default,
|
|
8676
8727
|
{
|
|
8677
8728
|
name: "Search_input",
|
|
@@ -8683,7 +8734,7 @@ var DataList = (props) => {
|
|
|
8683
8734
|
}
|
|
8684
8735
|
}
|
|
8685
8736
|
),
|
|
8686
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8737
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8687
8738
|
InputControl_default,
|
|
8688
8739
|
{
|
|
8689
8740
|
name: filter.name,
|
|
@@ -8698,15 +8749,15 @@ var DataList = (props) => {
|
|
|
8698
8749
|
},
|
|
8699
8750
|
filter.name
|
|
8700
8751
|
)),
|
|
8701
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8752
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8702
8753
|
Hyperlink,
|
|
8703
8754
|
{
|
|
8704
8755
|
className: "gap-1",
|
|
8705
8756
|
linkType: "Primary" /* Solid */,
|
|
8706
8757
|
href: props.addLinkHref,
|
|
8707
8758
|
children: [
|
|
8708
|
-
/* @__PURE__ */ (0,
|
|
8709
|
-
/* @__PURE__ */ (0,
|
|
8759
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
8760
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8710
8761
|
]
|
|
8711
8762
|
}
|
|
8712
8763
|
)
|
|
@@ -8714,8 +8765,8 @@ var DataList = (props) => {
|
|
|
8714
8765
|
]
|
|
8715
8766
|
}
|
|
8716
8767
|
),
|
|
8717
|
-
/* @__PURE__ */ (0,
|
|
8718
|
-
/* @__PURE__ */ (0,
|
|
8768
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
8769
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8719
8770
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8720
8771
|
let icon = "chevronUpDown";
|
|
8721
8772
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8725,18 +8776,18 @@ var DataList = (props) => {
|
|
|
8725
8776
|
icon = "chevronUp";
|
|
8726
8777
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8727
8778
|
}
|
|
8728
|
-
return /* @__PURE__ */ (0,
|
|
8779
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8729
8780
|
"th",
|
|
8730
8781
|
{
|
|
8731
8782
|
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" : ""),
|
|
8732
|
-
children: /* @__PURE__ */ (0,
|
|
8783
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8733
8784
|
Hyperlink,
|
|
8734
8785
|
{
|
|
8735
8786
|
href: column.enableSorting ? url : void 0,
|
|
8736
8787
|
className: "!text-neutral-contrast ",
|
|
8737
|
-
children: /* @__PURE__ */ (0,
|
|
8738
|
-
/* @__PURE__ */ (0,
|
|
8739
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
8788
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
8789
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-black", children: column.label }),
|
|
8790
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8740
8791
|
] })
|
|
8741
8792
|
}
|
|
8742
8793
|
)
|
|
@@ -8744,22 +8795,22 @@ var DataList = (props) => {
|
|
|
8744
8795
|
column.name
|
|
8745
8796
|
);
|
|
8746
8797
|
}) }) }),
|
|
8747
|
-
/* @__PURE__ */ (0,
|
|
8798
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
8748
8799
|
let validityClass = "";
|
|
8749
8800
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
8750
8801
|
validityClass = "bg-alert-200";
|
|
8751
8802
|
}
|
|
8752
|
-
return /* @__PURE__ */ (0,
|
|
8753
|
-
return /* @__PURE__ */ (0,
|
|
8803
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
8804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react66.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8754
8805
|
"td",
|
|
8755
8806
|
{
|
|
8756
8807
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
8757
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
8808
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8758
8809
|
Hyperlink,
|
|
8759
8810
|
{
|
|
8760
8811
|
className: "",
|
|
8761
8812
|
href: `https://${dataitem[column.name]}`,
|
|
8762
|
-
children: /* @__PURE__ */ (0,
|
|
8813
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8763
8814
|
ViewControl_default,
|
|
8764
8815
|
{
|
|
8765
8816
|
controlType: column.controlType,
|
|
@@ -8772,11 +8823,11 @@ var DataList = (props) => {
|
|
|
8772
8823
|
}
|
|
8773
8824
|
)
|
|
8774
8825
|
}
|
|
8775
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
8826
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8776
8827
|
Hyperlink,
|
|
8777
8828
|
{
|
|
8778
8829
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
8779
|
-
children: /* @__PURE__ */ (0,
|
|
8830
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8780
8831
|
ViewControl_default,
|
|
8781
8832
|
{
|
|
8782
8833
|
controlType: column.controlType,
|
|
@@ -8786,7 +8837,7 @@ var DataList = (props) => {
|
|
|
8786
8837
|
}
|
|
8787
8838
|
)
|
|
8788
8839
|
}
|
|
8789
|
-
) : /* @__PURE__ */ (0,
|
|
8840
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8790
8841
|
ViewControl_default,
|
|
8791
8842
|
{
|
|
8792
8843
|
controlType: column.controlType,
|
|
@@ -8800,10 +8851,10 @@ var DataList = (props) => {
|
|
|
8800
8851
|
}) }, index);
|
|
8801
8852
|
}) })
|
|
8802
8853
|
] }) }),
|
|
8803
|
-
/* @__PURE__ */ (0,
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8805
|
-
/* @__PURE__ */ (0,
|
|
8806
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
8854
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
8855
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "text-gray-700", children: label }),
|
|
8856
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
8857
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8807
8858
|
Hyperlink,
|
|
8808
8859
|
{
|
|
8809
8860
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8811,9 +8862,9 @@ var DataList = (props) => {
|
|
|
8811
8862
|
children: "Prev"
|
|
8812
8863
|
}
|
|
8813
8864
|
),
|
|
8814
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
8865
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime89.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" }),
|
|
8815
8866
|
renderPageNumbers(),
|
|
8816
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
8867
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8817
8868
|
Hyperlink,
|
|
8818
8869
|
{
|
|
8819
8870
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8821,19 +8872,19 @@ var DataList = (props) => {
|
|
|
8821
8872
|
children: "Next"
|
|
8822
8873
|
}
|
|
8823
8874
|
),
|
|
8824
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
8875
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
8825
8876
|
] })
|
|
8826
8877
|
] }) })
|
|
8827
8878
|
] }),
|
|
8828
|
-
/* @__PURE__ */ (0,
|
|
8829
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
8879
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
8880
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8830
8881
|
"div",
|
|
8831
8882
|
{
|
|
8832
8883
|
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`,
|
|
8833
8884
|
children: [
|
|
8834
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8835
|
-
/* @__PURE__ */ (0,
|
|
8836
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
8885
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", {}),
|
|
8886
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8887
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8837
8888
|
InputControl_default,
|
|
8838
8889
|
{
|
|
8839
8890
|
name: "Search_input",
|
|
@@ -8845,7 +8896,7 @@ var DataList = (props) => {
|
|
|
8845
8896
|
}
|
|
8846
8897
|
}
|
|
8847
8898
|
),
|
|
8848
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8899
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8849
8900
|
InputControl_default,
|
|
8850
8901
|
{
|
|
8851
8902
|
name: filter.name,
|
|
@@ -8860,15 +8911,15 @@ var DataList = (props) => {
|
|
|
8860
8911
|
},
|
|
8861
8912
|
filter.name
|
|
8862
8913
|
)),
|
|
8863
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8914
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
|
|
8864
8915
|
Hyperlink,
|
|
8865
8916
|
{
|
|
8866
8917
|
className: "gap-1",
|
|
8867
8918
|
linkType: "Primary" /* Solid */,
|
|
8868
8919
|
href: props.addLinkHref,
|
|
8869
8920
|
children: [
|
|
8870
|
-
/* @__PURE__ */ (0,
|
|
8871
|
-
/* @__PURE__ */ (0,
|
|
8921
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
8922
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8872
8923
|
]
|
|
8873
8924
|
}
|
|
8874
8925
|
)
|
|
@@ -8876,8 +8927,8 @@ var DataList = (props) => {
|
|
|
8876
8927
|
]
|
|
8877
8928
|
}
|
|
8878
8929
|
),
|
|
8879
|
-
/* @__PURE__ */ (0,
|
|
8880
|
-
/* @__PURE__ */ (0,
|
|
8930
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
8931
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8881
8932
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8882
8933
|
let icon = "chevronUpDown";
|
|
8883
8934
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8887,18 +8938,18 @@ var DataList = (props) => {
|
|
|
8887
8938
|
icon = "chevronUp";
|
|
8888
8939
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8889
8940
|
}
|
|
8890
|
-
return /* @__PURE__ */ (0,
|
|
8941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8891
8942
|
"th",
|
|
8892
8943
|
{
|
|
8893
8944
|
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" : ""),
|
|
8894
|
-
children: /* @__PURE__ */ (0,
|
|
8945
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
8895
8946
|
Hyperlink,
|
|
8896
8947
|
{
|
|
8897
8948
|
href: column.enableSorting ? url : void 0,
|
|
8898
8949
|
className: "text-body-950",
|
|
8899
|
-
children: /* @__PURE__ */ (0,
|
|
8900
|
-
/* @__PURE__ */ (0,
|
|
8901
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
8950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
8951
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: column.label }),
|
|
8952
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8902
8953
|
] })
|
|
8903
8954
|
}
|
|
8904
8955
|
)
|
|
@@ -8906,7 +8957,7 @@ var DataList = (props) => {
|
|
|
8906
8957
|
column.name
|
|
8907
8958
|
);
|
|
8908
8959
|
}) }) }) }) }),
|
|
8909
|
-
/* @__PURE__ */ (0,
|
|
8960
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
8910
8961
|
] })
|
|
8911
8962
|
] })
|
|
8912
8963
|
] });
|
|
@@ -8919,7 +8970,7 @@ init_ServiceClient();
|
|
|
8919
8970
|
init_OdataBuilder();
|
|
8920
8971
|
init_SelectWithSearchInput();
|
|
8921
8972
|
var import_navigation4 = require("next/navigation");
|
|
8922
|
-
var
|
|
8973
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8923
8974
|
var viewControlMap = {
|
|
8924
8975
|
number: ViewControlTypes.number,
|
|
8925
8976
|
lineText: ViewControlTypes.lineText,
|
|
@@ -9014,13 +9065,13 @@ var DataListRenderer = ({
|
|
|
9014
9065
|
isActive: landingPageUrl === pathname
|
|
9015
9066
|
};
|
|
9016
9067
|
});
|
|
9017
|
-
return /* @__PURE__ */ (0,
|
|
9068
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react67.default.Fragment, { children: [
|
|
9018
9069
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
9019
9070
|
// tabs={resolvedTabs}
|
|
9020
9071
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
9021
9072
|
// />
|
|
9022
|
-
/* @__PURE__ */ (0,
|
|
9023
|
-
/* @__PURE__ */ (0,
|
|
9073
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
9074
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
9024
9075
|
DataList_default,
|
|
9025
9076
|
{
|
|
9026
9077
|
addLinkHref,
|
|
@@ -9077,7 +9128,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
9077
9128
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
9078
9129
|
|
|
9079
9130
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
9080
|
-
var
|
|
9131
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
9081
9132
|
var DataFormChildSection = (props) => {
|
|
9082
9133
|
const { section } = props;
|
|
9083
9134
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -9145,14 +9196,14 @@ var DataFormChildSection = (props) => {
|
|
|
9145
9196
|
childItemsToRender,
|
|
9146
9197
|
allChildItems: childItems
|
|
9147
9198
|
});
|
|
9148
|
-
return /* @__PURE__ */ (0,
|
|
9149
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
9150
|
-
/* @__PURE__ */ (0,
|
|
9151
|
-
/* @__PURE__ */ (0,
|
|
9152
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
9153
|
-
return /* @__PURE__ */ (0,
|
|
9199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react68.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
9200
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
9201
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
9202
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
9203
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
9204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("tr", { className: "", children: [
|
|
9154
9205
|
sectionRow.elements.map((field, index) => {
|
|
9155
|
-
return /* @__PURE__ */ (0,
|
|
9206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9156
9207
|
"th",
|
|
9157
9208
|
{
|
|
9158
9209
|
className: "py-3 font-normal text-left",
|
|
@@ -9161,21 +9212,21 @@ var DataFormChildSection = (props) => {
|
|
|
9161
9212
|
field.name
|
|
9162
9213
|
);
|
|
9163
9214
|
}),
|
|
9164
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9215
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
9165
9216
|
] }, sectionRowIndex);
|
|
9166
9217
|
}) }),
|
|
9167
|
-
/* @__PURE__ */ (0,
|
|
9218
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
9168
9219
|
const { item, originalIndex } = visibleItem;
|
|
9169
9220
|
const rowKey = originalIndex;
|
|
9170
|
-
return /* @__PURE__ */ (0,
|
|
9221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react68.default.Fragment, { children: section.sectionRows.map(
|
|
9171
9222
|
(sectionRow, sectionRowIndex) => {
|
|
9172
|
-
return /* @__PURE__ */ (0,
|
|
9223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
9173
9224
|
"tr",
|
|
9174
9225
|
{
|
|
9175
9226
|
className: "",
|
|
9176
9227
|
children: [
|
|
9177
9228
|
sectionRow.elements.map((field, index) => {
|
|
9178
|
-
return /* @__PURE__ */ (0,
|
|
9229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9179
9230
|
InputControl_default,
|
|
9180
9231
|
{
|
|
9181
9232
|
index: filteredIndex,
|
|
@@ -9195,7 +9246,7 @@ var DataFormChildSection = (props) => {
|
|
|
9195
9246
|
}
|
|
9196
9247
|
) }) }) }, field.name);
|
|
9197
9248
|
}),
|
|
9198
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9249
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9199
9250
|
ClientButton_default,
|
|
9200
9251
|
{
|
|
9201
9252
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -9204,7 +9255,7 @@ var DataFormChildSection = (props) => {
|
|
|
9204
9255
|
},
|
|
9205
9256
|
dataRole: "delete",
|
|
9206
9257
|
tabIndex: -1,
|
|
9207
|
-
children: /* @__PURE__ */ (0,
|
|
9258
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9208
9259
|
Icon_default,
|
|
9209
9260
|
{
|
|
9210
9261
|
className: "w-4 h-4",
|
|
@@ -9221,7 +9272,7 @@ var DataFormChildSection = (props) => {
|
|
|
9221
9272
|
) }, rowKey);
|
|
9222
9273
|
}) })
|
|
9223
9274
|
] }) }),
|
|
9224
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9275
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
9225
9276
|
ClientButton_default,
|
|
9226
9277
|
{
|
|
9227
9278
|
ButtonType: "Link" /* Link */,
|
|
@@ -9236,7 +9287,7 @@ var DataFormChildSection = (props) => {
|
|
|
9236
9287
|
var DataFormChildSection_default = DataFormChildSection;
|
|
9237
9288
|
|
|
9238
9289
|
// src/components/dataForm/DataForm.tsx
|
|
9239
|
-
var
|
|
9290
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
9240
9291
|
var DataForm = (props) => {
|
|
9241
9292
|
const formRef = (0, import_react69.useRef)(null);
|
|
9242
9293
|
console.log(props.dataItem, "dssads");
|
|
@@ -9456,19 +9507,19 @@ var DataForm = (props) => {
|
|
|
9456
9507
|
return false;
|
|
9457
9508
|
}
|
|
9458
9509
|
}
|
|
9459
|
-
return /* @__PURE__ */ (0,
|
|
9460
|
-
props.title && /* @__PURE__ */ (0,
|
|
9510
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react69.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
9511
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.jsxs)(
|
|
9461
9512
|
"div",
|
|
9462
9513
|
{
|
|
9463
9514
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
9464
9515
|
onClick: () => window.history.back(),
|
|
9465
9516
|
children: [
|
|
9466
|
-
/* @__PURE__ */ (0,
|
|
9467
|
-
/* @__PURE__ */ (0,
|
|
9517
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
9518
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
9468
9519
|
]
|
|
9469
9520
|
}
|
|
9470
9521
|
) }),
|
|
9471
|
-
/* @__PURE__ */ (0,
|
|
9522
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9472
9523
|
"form",
|
|
9473
9524
|
{
|
|
9474
9525
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -9489,8 +9540,8 @@ var DataForm = (props) => {
|
|
|
9489
9540
|
}
|
|
9490
9541
|
}
|
|
9491
9542
|
},
|
|
9492
|
-
children: /* @__PURE__ */ (0,
|
|
9493
|
-
return /* @__PURE__ */ (0,
|
|
9543
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
9544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react69.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
9494
9545
|
section.sectionRows?.map(
|
|
9495
9546
|
(sectionRow, sectionRowIndex) => {
|
|
9496
9547
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -9501,14 +9552,14 @@ var DataForm = (props) => {
|
|
|
9501
9552
|
sectionRow.visible
|
|
9502
9553
|
);
|
|
9503
9554
|
}
|
|
9504
|
-
return /* @__PURE__ */ (0,
|
|
9505
|
-
return /* @__PURE__ */ (0,
|
|
9555
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react69.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
9556
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
|
|
9506
9557
|
"div",
|
|
9507
9558
|
{
|
|
9508
9559
|
className: sectionRow.grow ? "grow" : "",
|
|
9509
9560
|
children: [
|
|
9510
|
-
/* @__PURE__ */ (0,
|
|
9511
|
-
/* @__PURE__ */ (0,
|
|
9561
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: field.controlType }),
|
|
9562
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9512
9563
|
InputControl_default,
|
|
9513
9564
|
{
|
|
9514
9565
|
name: field.name,
|
|
@@ -9538,12 +9589,12 @@ var DataForm = (props) => {
|
|
|
9538
9589
|
}) }) }, sectionRowIndex);
|
|
9539
9590
|
}
|
|
9540
9591
|
),
|
|
9541
|
-
/* @__PURE__ */ (0,
|
|
9592
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: section.childSections?.map(
|
|
9542
9593
|
(childSection, childSectionIndex) => {
|
|
9543
|
-
return /* @__PURE__ */ (0,
|
|
9594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
9544
9595
|
formState.inputValues,
|
|
9545
9596
|
childSection.visible
|
|
9546
|
-
) && /* @__PURE__ */ (0,
|
|
9597
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9547
9598
|
DataFormChildSection_default,
|
|
9548
9599
|
{
|
|
9549
9600
|
section: childSection,
|
|
@@ -9558,8 +9609,8 @@ var DataForm = (props) => {
|
|
|
9558
9609
|
}) })
|
|
9559
9610
|
}
|
|
9560
9611
|
),
|
|
9561
|
-
/* @__PURE__ */ (0,
|
|
9562
|
-
/* @__PURE__ */ (0,
|
|
9612
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
9613
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9563
9614
|
Button_default,
|
|
9564
9615
|
{
|
|
9565
9616
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9567,7 +9618,7 @@ var DataForm = (props) => {
|
|
|
9567
9618
|
children: props.additionalActions.title
|
|
9568
9619
|
}
|
|
9569
9620
|
) }),
|
|
9570
|
-
/* @__PURE__ */ (0,
|
|
9621
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9571
9622
|
Button_default,
|
|
9572
9623
|
{
|
|
9573
9624
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9578,7 +9629,7 @@ var DataForm = (props) => {
|
|
|
9578
9629
|
children: "Delete"
|
|
9579
9630
|
}
|
|
9580
9631
|
) }),
|
|
9581
|
-
/* @__PURE__ */ (0,
|
|
9632
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9582
9633
|
Button_default,
|
|
9583
9634
|
{
|
|
9584
9635
|
onValidate,
|
|
@@ -9596,7 +9647,7 @@ var DataForm_default = DataForm;
|
|
|
9596
9647
|
|
|
9597
9648
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
9598
9649
|
init_ServiceClient();
|
|
9599
|
-
var
|
|
9650
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9600
9651
|
function getAction(actions, code) {
|
|
9601
9652
|
return actions?.find((a) => a.actionCode === code);
|
|
9602
9653
|
}
|
|
@@ -9622,9 +9673,9 @@ var DataFormRenderer = ({
|
|
|
9622
9673
|
"Delete"
|
|
9623
9674
|
);
|
|
9624
9675
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
9625
|
-
return /* @__PURE__ */ (0,
|
|
9626
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
9627
|
-
/* @__PURE__ */ (0,
|
|
9676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
9677
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
9678
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9628
9679
|
DataForm_default,
|
|
9629
9680
|
{
|
|
9630
9681
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|