@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260827063633 → 0.8.1-dev.20260827091356
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 +1109 -712
- package/dist/index.mjs +751 -357
- package/dist/server.js +892 -495
- package/dist/server.mjs +567 -173
- 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_runtime26, 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_runtime26 = 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_runtime26.jsx)(import_react20.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "block mb-1", children: [
|
|
935
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
938
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.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_runtime27, 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_runtime27 = 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_runtime27.jsx)(import_react21.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block", children: [
|
|
988
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
|
|
991
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.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_runtime28, 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_runtime28 = 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_runtime28.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
|
|
1054
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1057
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.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_runtime29, 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_runtime29 = 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_runtime29.jsxs)("label", { className: "block", children: [
|
|
1201
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1204
|
+
list && list.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.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_runtime29.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_runtime29.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_runtime29.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_runtime30, 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_runtime30 = 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_runtime30.jsx)(import_react24.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "block mb-1", children: [
|
|
1286
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1289
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.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_runtime31, 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_runtime31 = 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_runtime31.jsx)(import_react25.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("label", { className: "block mb-1", children: [
|
|
1341
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1344
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
1345
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
1346
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.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_runtime32, 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_runtime32 = 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_runtime32.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { className: "block", children: [
|
|
1401
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1404
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.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_runtime33, 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_runtime33 = 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_runtime33.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mb-1", children: [
|
|
1454
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
|
|
1455
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
1464
1464
|
] }),
|
|
1465
|
-
/* @__PURE__ */ (0,
|
|
1465
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.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_runtime34, 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_runtime34 = 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_runtime34.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
1518
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1521
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.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_runtime35, 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_runtime35 = 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_runtime35.jsx)(import_react29.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("label", { className: "block mb-1", children: [
|
|
1587
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1590
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1591
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("span", { children: timeZoneAbbr })
|
|
1610
1610
|
] }),
|
|
1611
|
-
/* @__PURE__ */ (0,
|
|
1611
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? 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_runtime36, 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_runtime36 = 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_runtime36.jsxs)("label", { className: "block mb-1", children: [
|
|
1647
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1650
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.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_runtime37, 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_runtime37 = 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_runtime37.jsxs)("div", { className: "relative", children: [
|
|
1773
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
1777
1777
|
] }),
|
|
1778
|
-
/* @__PURE__ */ (0,
|
|
1779
|
-
/* @__PURE__ */ (0,
|
|
1778
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
|
|
1779
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.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_runtime37.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_runtime37.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_runtime37.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_runtime37.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_runtime37.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_runtime37.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
1848
1848
|
},
|
|
1849
1849
|
item[props.dataKeyFieldName]
|
|
1850
|
-
)) : /* @__PURE__ */ (0,
|
|
1850
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime37.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_runtime38, 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_runtime38 = 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_runtime38.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime39, 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_runtime39 = 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_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1995
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1996
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1997
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1998
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "mb-4", children: message }),
|
|
1999
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
2000
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.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_runtime39.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_runtime40, 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_runtime40 = 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_runtime40.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_runtime40.jsxs)(import_react34.default.Fragment, { children: [
|
|
2104
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: props.hideProgressIndicator ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.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_runtime40.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_runtime41, 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_runtime41 = 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_runtime41.jsxs)("div", { className: "relative", children: [
|
|
2299
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2304
2304
|
] }),
|
|
2305
|
-
/* @__PURE__ */ (0,
|
|
2305
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react35.default.Fragment, { children: [
|
|
2320
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.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_runtime41.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_runtime41.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_runtime41.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsxs)("div", { className: "p-4", children: [
|
|
2354
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "mb-4", children: [
|
|
2355
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
2356
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.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_runtime41.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_runtime41.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
|
|
2398
2398
|
}
|
|
2399
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2399
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime42, 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_runtime42 = 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_runtime42.jsx)(import_react36.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { className: "block", children: [
|
|
2465
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2468
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.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_runtime42.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_runtime42.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_runtime43, 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_runtime43 = 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_runtime43.jsx)(import_react37.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { className: "block mb-1", children: [
|
|
2534
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2537
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.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_runtime44, 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_runtime44 = 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_runtime44.jsx)(import_react38.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { className: "block mb-1", children: [
|
|
2581
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2584
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.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_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: props.className, children: props.children }) });
|
|
2623
2623
|
}
|
|
2624
|
-
var import_link,
|
|
2624
|
+
var import_link, import_jsx_runtime45;
|
|
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_runtime45 = require("react/jsx-runtime");
|
|
2631
2631
|
}
|
|
2632
2632
|
});
|
|
2633
2633
|
|
|
2634
2634
|
// src/svg/chevron-updown.tsx
|
|
2635
|
-
var
|
|
2635
|
+
var import_jsx_runtime46, 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_runtime46 = require("react/jsx-runtime");
|
|
2640
2640
|
ChevronUpDown = (props) => {
|
|
2641
|
-
return /* @__PURE__ */ (0,
|
|
2641
|
+
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: "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_runtime47, 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_runtime47 = require("react/jsx-runtime");
|
|
2653
2653
|
ChevronDown = (props) => {
|
|
2654
|
-
return /* @__PURE__ */ (0,
|
|
2654
|
+
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: "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_runtime48, 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_runtime48 = require("react/jsx-runtime");
|
|
2666
2666
|
ChevronUp = (props) => {
|
|
2667
|
-
return /* @__PURE__ */ (0,
|
|
2667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime48.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_runtime49, Plus, plus_default;
|
|
2675
2675
|
var init_plus = __esm({
|
|
2676
2676
|
"src/svg/plus.tsx"() {
|
|
2677
2677
|
"use strict";
|
|
2678
|
-
|
|
2678
|
+
import_jsx_runtime49 = require("react/jsx-runtime");
|
|
2679
2679
|
Plus = (props) => {
|
|
2680
|
-
return /* @__PURE__ */ (0,
|
|
2680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.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_runtime50, 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_runtime50 = 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_runtime50.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_runtime51, 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_runtime51 = 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_runtime51.jsxs)(import_react39.default.Fragment, { children: [
|
|
2834
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
2835
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime51.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_runtime51.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_runtime51.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
2860
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
2861
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
|
|
2862
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
2863
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsxs)("div", { children: [
|
|
2876
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
2877
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsxs)("div", { children: [
|
|
2884
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
2885
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
2886
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime51.jsxs)("div", { className: "col-span-2", children: [
|
|
2905
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
2906
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime51.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_runtime52, 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_runtime52 = 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_runtime52.jsx)(import_react40.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
|
|
2957
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "min-w-0", children: [
|
|
2958
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2966
2966
|
]
|
|
2967
2967
|
}
|
|
2968
2968
|
),
|
|
2969
|
-
/* @__PURE__ */ (0,
|
|
2969
|
+
/* @__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 || "" })
|
|
2970
2970
|
] }),
|
|
2971
|
-
/* @__PURE__ */ (0,
|
|
2971
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.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_runtime52.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_runtime52.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_runtime53, 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_runtime53 = 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_runtime53.jsxs)("label", { className: "block mb-1", children: [
|
|
3135
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3138
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.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_runtime54, 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_runtime54 = 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_runtime54.jsxs)("div", { className: "block", children: [
|
|
3212
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
3213
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.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_runtime54.jsxs)("div", { className: "flex gap-4 items-start", children: [
|
|
3226
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.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_runtime54.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_runtime54.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_runtime55, 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_runtime55 = 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_runtime55.jsxs)("label", { className: "block mb-1", children: [
|
|
3306
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
3307
|
+
list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.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_runtime55.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
3332
|
+
list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.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_runtime56, 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_runtime56 = require("react/jsx-runtime");
|
|
3357
3357
|
ReferenceInput = (props) => {
|
|
3358
|
-
return /* @__PURE__ */ (0,
|
|
3358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime57, 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_runtime57 = 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_runtime57.jsx)(import_react44.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime61, 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_runtime61 = 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_runtime61.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_runtime61.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.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_runtime61.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_runtime61.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_runtime61.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_runtime71.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_runtime71.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_runtime71.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_runtime71;
|
|
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_runtime71 = 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_runtime75, 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_runtime75 = 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_runtime75.jsxs)(import_react55.default.Fragment, { children: [
|
|
3976
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
3977
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
3978
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
3979
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "ml-2", children: [
|
|
3980
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
3981
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
3985
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "animate-pulse", children: [
|
|
3986
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3987
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3988
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3989
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3990
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsxs)("div", { className: "animate-pulse", children: [
|
|
3993
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3994
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3995
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3996
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3997
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsxs)("div", { className: "animate-pulse", children: [
|
|
4000
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4001
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4002
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4003
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4004
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.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_runtime76, 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_runtime76 = 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_runtime76.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime82, 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_runtime82 = 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_runtime82.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_runtime82.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_runtime82.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_runtime82.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4408
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4409
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "text-sm", children: [
|
|
4410
4410
|
"Showing ",
|
|
4411
|
-
/* @__PURE__ */ (0,
|
|
4411
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.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_runtime82.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4422
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4429
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.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_runtime82.jsx)(PageButton, { page, children: page }, page);
|
|
4446
4446
|
}),
|
|
4447
|
-
/* @__PURE__ */ (0,
|
|
4447
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4454
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4460
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4461
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4483
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4484
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.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_runtime83, 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_runtime83 = 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_runtime83.jsxs)("div", { className: stacked ? "flex flex-col gap-1" : "flex flex-wrap gap-2", children: [
|
|
4668
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.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_runtime83.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
|
|
4699
|
+
shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
4700
|
+
showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
|
|
4712
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "font-medium", children: "Sort by" }),
|
|
4713
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.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_runtime83.jsx)("div", { className: "flex flex-col gap-2", children: facetGroups.map(([field, values]) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("details", { className: "border-b", open: true, children: [
|
|
4736
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
|
|
4737
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.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_runtime84, 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_runtime84 = 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_runtime84.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_runtime84.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_runtime84.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_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
4895
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.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_runtime84.jsxs)(
|
|
5055
5055
|
"button",
|
|
5056
5056
|
{
|
|
5057
5057
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -5539,16 +5539,411 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
|
|
|
5539
5539
|
};
|
|
5540
5540
|
var CommentImageNode_default = CommentImageNode;
|
|
5541
5541
|
|
|
5542
|
-
// src/components/controls/view/
|
|
5542
|
+
// src/components/controls/view/CommentFileNode.tsx
|
|
5543
|
+
init_AssetUtility();
|
|
5544
|
+
|
|
5545
|
+
// src/components/controls/view/FileIcon.tsx
|
|
5543
5546
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
5547
|
+
var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5548
|
+
"svg",
|
|
5549
|
+
{
|
|
5550
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5551
|
+
viewBox: "0 0 48 48",
|
|
5552
|
+
className: "w-10 h-10",
|
|
5553
|
+
children: [
|
|
5554
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5555
|
+
"path",
|
|
5556
|
+
{
|
|
5557
|
+
fill: "#e53935",
|
|
5558
|
+
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"
|
|
5559
|
+
}
|
|
5560
|
+
),
|
|
5561
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5562
|
+
"path",
|
|
5563
|
+
{
|
|
5564
|
+
fill: "#fff",
|
|
5565
|
+
d: "M34.841,26.799c-1.692-1.757-6.314-1.041-7.42-0.911c-1.627-1.562-2.734-3.45-3.124-4.101 c0.586-1.757,0.976-3.515,1.041-5.402c0-1.627-0.651-3.385-2.473-3.385c-0.651,0-1.237,0.391-1.562,0.911 c-0.781,1.367-0.456,4.101,0.781,6.899c-0.716,2.018-1.367,3.97-3.189,7.42c-1.888,0.781-5.858,2.604-6.183,4.556 c-0.13,0.586,0.065,1.172,0.521,1.627C13.688,34.805,14.273,35,14.859,35c2.408,0,4.751-3.32,6.379-6.118 c1.367-0.456,3.515-1.107,5.663-1.497c2.538,2.213,4.751,2.538,5.923,2.538c1.562,0,2.148-0.651,2.343-1.237 C35.492,28.036,35.297,27.32,34.841,26.799z M33.214,27.905c-0.065,0.456-0.651,0.911-1.692,0.651 c-1.237-0.325-2.343-0.911-3.32-1.692c0.846-0.13,2.734-0.325,4.101-0.065C32.824,26.929,33.344,27.254,33.214,27.905z M22.344,14.497c0.13-0.195,0.325-0.325,0.521-0.325c0.586,0,0.716,0.716,0.716,1.302c-0.065,1.367-0.325,2.734-0.781,4.036 C21.824,16.905,22.019,15.083,22.344,14.497z M22.214,27.124c0.521-1.041,1.237-2.864,1.497-3.645 c0.586,0.976,1.562,2.148,2.083,2.669C25.794,26.213,23.776,26.604,22.214,27.124z M18.374,29.728 c-1.497,2.473-3.059,4.036-3.905,4.036c-0.13,0-0.26-0.065-0.391-0.13c-0.195-0.13-0.26-0.325-0.195-0.586 C14.078,32.136,15.77,30.899,18.374,29.728z"
|
|
5566
|
+
}
|
|
5567
|
+
)
|
|
5568
|
+
]
|
|
5569
|
+
}
|
|
5570
|
+
);
|
|
5571
|
+
var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5572
|
+
"svg",
|
|
5573
|
+
{
|
|
5574
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5575
|
+
viewBox: "0 0 48 48",
|
|
5576
|
+
className: "w-10 h-10",
|
|
5577
|
+
children: [
|
|
5578
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5579
|
+
"path",
|
|
5580
|
+
{
|
|
5581
|
+
fill: "#169154",
|
|
5582
|
+
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
5583
|
+
}
|
|
5584
|
+
),
|
|
5585
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5586
|
+
"path",
|
|
5587
|
+
{
|
|
5588
|
+
fill: "#18482a",
|
|
5589
|
+
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
5590
|
+
}
|
|
5591
|
+
),
|
|
5592
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
5593
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
5594
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("g", { children: [
|
|
5595
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5596
|
+
"path",
|
|
5597
|
+
{
|
|
5598
|
+
fill: "#29c27f",
|
|
5599
|
+
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
5600
|
+
}
|
|
5601
|
+
),
|
|
5602
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5603
|
+
"path",
|
|
5604
|
+
{
|
|
5605
|
+
fill: "#27663f",
|
|
5606
|
+
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
5607
|
+
}
|
|
5608
|
+
),
|
|
5609
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
5610
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
5611
|
+
] }),
|
|
5612
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5613
|
+
"path",
|
|
5614
|
+
{
|
|
5615
|
+
fill: "#0c7238",
|
|
5616
|
+
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"
|
|
5617
|
+
}
|
|
5618
|
+
),
|
|
5619
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5620
|
+
"path",
|
|
5621
|
+
{
|
|
5622
|
+
fill: "#fff",
|
|
5623
|
+
d: "M9.807 19L12.193 19 14.129 22.754 16.175 19 18.404 19 15.333 24 18.474 29 16.123 29 14.013 25.07 11.912 29 9.526 29 12.719 23.982z"
|
|
5624
|
+
}
|
|
5625
|
+
)
|
|
5626
|
+
]
|
|
5627
|
+
}
|
|
5628
|
+
);
|
|
5629
|
+
var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5630
|
+
"svg",
|
|
5631
|
+
{
|
|
5632
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5633
|
+
viewBox: "0 0 48 48",
|
|
5634
|
+
className: "w-10 h-10",
|
|
5635
|
+
baseProfile: "basic",
|
|
5636
|
+
children: [
|
|
5637
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5638
|
+
"path",
|
|
5639
|
+
{
|
|
5640
|
+
fill: "#283593",
|
|
5641
|
+
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"
|
|
5642
|
+
}
|
|
5643
|
+
),
|
|
5644
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5645
|
+
"linearGradient",
|
|
5646
|
+
{
|
|
5647
|
+
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
5648
|
+
x1: "9",
|
|
5649
|
+
x2: "33.506",
|
|
5650
|
+
y1: "364.445",
|
|
5651
|
+
y2: "364.445",
|
|
5652
|
+
gradientTransform: "translate(0 -339.89)",
|
|
5653
|
+
gradientUnits: "userSpaceOnUse",
|
|
5654
|
+
children: [
|
|
5655
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
5656
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
5657
|
+
]
|
|
5658
|
+
}
|
|
5659
|
+
),
|
|
5660
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5661
|
+
"path",
|
|
5662
|
+
{
|
|
5663
|
+
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
5664
|
+
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"
|
|
5665
|
+
}
|
|
5666
|
+
),
|
|
5667
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5668
|
+
"path",
|
|
5669
|
+
{
|
|
5670
|
+
fill: "#1e88e5",
|
|
5671
|
+
"fill-opacity": ".6",
|
|
5672
|
+
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"
|
|
5673
|
+
}
|
|
5674
|
+
),
|
|
5675
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5676
|
+
"path",
|
|
5677
|
+
{
|
|
5678
|
+
fill: "#00e5ff",
|
|
5679
|
+
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"
|
|
5680
|
+
}
|
|
5681
|
+
),
|
|
5682
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5683
|
+
"path",
|
|
5684
|
+
{
|
|
5685
|
+
fill: "#1565c0",
|
|
5686
|
+
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"
|
|
5687
|
+
}
|
|
5688
|
+
),
|
|
5689
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5690
|
+
"path",
|
|
5691
|
+
{
|
|
5692
|
+
fill: "#fff",
|
|
5693
|
+
d: "M18.327,26.643l-2.092,9.713l-2.501,0.002L12.5,30.529l-1.293,5.829H8.683l-2.01-9.713h2.062 l1.24,6.41l1.232-6.41h2.528l1.291,6.41l1.21-6.41L18.327,26.643L18.327,26.643z"
|
|
5694
|
+
}
|
|
5695
|
+
)
|
|
5696
|
+
]
|
|
5697
|
+
}
|
|
5698
|
+
);
|
|
5699
|
+
var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5700
|
+
"svg",
|
|
5701
|
+
{
|
|
5702
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5703
|
+
viewBox: "0 0 48 48",
|
|
5704
|
+
className: "w-10 h-10",
|
|
5705
|
+
children: [
|
|
5706
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
5707
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
5708
|
+
]
|
|
5709
|
+
}
|
|
5710
|
+
);
|
|
5711
|
+
var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5712
|
+
"svg",
|
|
5713
|
+
{
|
|
5714
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5715
|
+
viewBox: "0 0 48 48",
|
|
5716
|
+
className: "w-10 h-10",
|
|
5717
|
+
children: [
|
|
5718
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5719
|
+
"path",
|
|
5720
|
+
{
|
|
5721
|
+
fill: "#dc4c2c",
|
|
5722
|
+
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
5723
|
+
}
|
|
5724
|
+
),
|
|
5725
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
5726
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
5727
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5728
|
+
"path",
|
|
5729
|
+
{
|
|
5730
|
+
fill: "#9b341f",
|
|
5731
|
+
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"
|
|
5732
|
+
}
|
|
5733
|
+
),
|
|
5734
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5735
|
+
"path",
|
|
5736
|
+
{
|
|
5737
|
+
fill: "#fff",
|
|
5738
|
+
d: "M14.673,19.012H10v10h2.024v-3.521H14.3c1.876,0,3.397-1.521,3.397-3.397v-0.058 C17.697,20.366,16.343,19.012,14.673,19.012z M15.57,22.358c0,0.859-0.697,1.556-1.556,1.556h-1.99v-3.325h1.99 c0.859,0,1.556,0.697,1.556,1.556V22.358z"
|
|
5739
|
+
}
|
|
5740
|
+
)
|
|
5741
|
+
]
|
|
5742
|
+
}
|
|
5743
|
+
);
|
|
5744
|
+
var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5745
|
+
"svg",
|
|
5746
|
+
{
|
|
5747
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5748
|
+
viewBox: "0 0 48 48",
|
|
5749
|
+
className: "w-10 h-10",
|
|
5750
|
+
children: [
|
|
5751
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
5752
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
5753
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5754
|
+
"path",
|
|
5755
|
+
{
|
|
5756
|
+
fill: "#1976D2",
|
|
5757
|
+
d: "M16 21H33V23H16zM16 25H29V27H16zM16 29H33V31H16zM16 33H29V35H16z"
|
|
5758
|
+
}
|
|
5759
|
+
)
|
|
5760
|
+
]
|
|
5761
|
+
}
|
|
5762
|
+
);
|
|
5763
|
+
var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
5764
|
+
"svg",
|
|
5765
|
+
{
|
|
5766
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5767
|
+
zoomAndPan: "magnify",
|
|
5768
|
+
viewBox: "0 0 75 74.999997",
|
|
5769
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
5770
|
+
version: "1.0",
|
|
5771
|
+
className: "w-10 h-10",
|
|
5772
|
+
children: [
|
|
5773
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5774
|
+
"path",
|
|
5775
|
+
{
|
|
5776
|
+
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
5777
|
+
"clip-rule": "nonzero"
|
|
5778
|
+
}
|
|
5779
|
+
) }) }),
|
|
5780
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5781
|
+
"path",
|
|
5782
|
+
{
|
|
5783
|
+
fill: "#ff9100",
|
|
5784
|
+
d: "M 65.882812 75 L 8.929688 75 L 8.929688 0 L 48.085938 0 L 65.882812 17.855469 Z M 65.882812 75 ",
|
|
5785
|
+
"fill-opacity": "1",
|
|
5786
|
+
"fill-rule": "nonzero"
|
|
5787
|
+
}
|
|
5788
|
+
) }),
|
|
5789
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5790
|
+
"path",
|
|
5791
|
+
{
|
|
5792
|
+
fill: "#fbe9e7",
|
|
5793
|
+
d: "M 63.214844 19.644531 L 46.304688 19.644531 L 46.304688 2.679688 Z M 63.214844 19.644531 ",
|
|
5794
|
+
"fill-opacity": "1",
|
|
5795
|
+
"fill-rule": "nonzero"
|
|
5796
|
+
}
|
|
5797
|
+
),
|
|
5798
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5799
|
+
"path",
|
|
5800
|
+
{
|
|
5801
|
+
fill: "#ffe0b2",
|
|
5802
|
+
d: "M 26.523438 50.59375 L 33.824219 50.59375 L 33.824219 53.570312 L 22.339844 53.570312 L 22.339844 51.410156 L 29.566406 38.789062 L 22.265625 38.789062 L 22.265625 35.796875 L 33.691406 35.796875 L 33.691406 37.910156 Z M 26.523438 50.59375 ",
|
|
5803
|
+
"fill-opacity": "1",
|
|
5804
|
+
"fill-rule": "nonzero"
|
|
5805
|
+
}
|
|
5806
|
+
),
|
|
5807
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5808
|
+
"path",
|
|
5809
|
+
{
|
|
5810
|
+
fill: "#ffe0b2",
|
|
5811
|
+
d: "M 36.183594 35.796875 L 39.757812 35.796875 L 39.757812 53.570312 L 36.183594 53.570312 Z M 36.183594 35.796875 ",
|
|
5812
|
+
"fill-opacity": "1",
|
|
5813
|
+
"fill-rule": "nonzero"
|
|
5814
|
+
}
|
|
5815
|
+
),
|
|
5816
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
5817
|
+
"path",
|
|
5818
|
+
{
|
|
5819
|
+
fill: "#ffe0b2",
|
|
5820
|
+
d: "M 46.34375 47.320312 L 46.34375 53.570312 L 42.765625 53.570312 L 42.765625 35.796875 L 48.800781 35.796875 C 50.550781 35.796875 51.953125 36.34375 52.992188 37.433594 C 54.035156 38.523438 54.554688 39.9375 54.554688 41.683594 C 54.554688 43.425781 54.039062 44.796875 53.011719 45.808594 C 51.980469 46.820312 50.550781 47.320312 48.726562 47.320312 Z M 46.34375 44.332031 L 48.800781 44.332031 C 49.484375 44.332031 50.007812 44.105469 50.382812 43.660156 C 50.757812 43.210938 50.941406 42.5625 50.941406 41.707031 C 50.941406 40.816406 50.753906 40.113281 50.371094 39.585938 C 49.988281 39.0625 49.476562 38.796875 48.839844 38.789062 L 46.34375 38.789062 Z M 46.34375 44.332031 ",
|
|
5821
|
+
"fill-opacity": "1",
|
|
5822
|
+
"fill-rule": "nonzero"
|
|
5823
|
+
}
|
|
5824
|
+
)
|
|
5825
|
+
]
|
|
5826
|
+
}
|
|
5827
|
+
);
|
|
5828
|
+
var getFileDetails = (url) => {
|
|
5829
|
+
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
5830
|
+
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
5831
|
+
let Icon2 = StandardIcon;
|
|
5832
|
+
let extLabel = "FILE";
|
|
5833
|
+
if (ext === "pdf") {
|
|
5834
|
+
Icon2 = PdfIcon;
|
|
5835
|
+
extLabel = "PDF";
|
|
5836
|
+
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
5837
|
+
Icon2 = ExcelIcon;
|
|
5838
|
+
extLabel = "Excel";
|
|
5839
|
+
} else if (["doc", "docx"].includes(ext)) {
|
|
5840
|
+
Icon2 = WordIcon;
|
|
5841
|
+
extLabel = "Word";
|
|
5842
|
+
} else if (["ppt", "pptx"].includes(ext)) {
|
|
5843
|
+
Icon2 = PowerPointIcon;
|
|
5844
|
+
extLabel = "PowerPoint";
|
|
5845
|
+
} else if (["txt", "rtf"].includes(ext)) {
|
|
5846
|
+
Icon2 = TextIcon;
|
|
5847
|
+
extLabel = "Text";
|
|
5848
|
+
} else if (["zip", "rar", "7z"].includes(ext)) {
|
|
5849
|
+
Icon2 = ArchiveIcon;
|
|
5850
|
+
extLabel = "Archive";
|
|
5851
|
+
} else if (ext) {
|
|
5852
|
+
extLabel = ext.toUpperCase();
|
|
5853
|
+
}
|
|
5854
|
+
return { Icon: Icon2, extLabel };
|
|
5855
|
+
};
|
|
5856
|
+
var FileIcon = ({ fileName, className }) => {
|
|
5857
|
+
const { Icon: Icon2 } = getFileDetails(fileName);
|
|
5858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, {}) });
|
|
5859
|
+
};
|
|
5860
|
+
var FileIcon_default = FileIcon;
|
|
5861
|
+
|
|
5862
|
+
// src/components/controls/view/CommentFileNode.tsx
|
|
5863
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
5864
|
+
var formatFileSize = (sizeBytes) => {
|
|
5865
|
+
const bytes = typeof sizeBytes === "number" ? sizeBytes : Number(sizeBytes);
|
|
5866
|
+
if (!Number.isFinite(bytes) || bytes <= 0) {
|
|
5867
|
+
return "";
|
|
5868
|
+
}
|
|
5869
|
+
if (bytes < 1024) {
|
|
5870
|
+
return `${bytes} B`;
|
|
5871
|
+
}
|
|
5872
|
+
const units = ["KB", "MB", "GB"];
|
|
5873
|
+
let value = bytes / 1024;
|
|
5874
|
+
let unitIndex = 0;
|
|
5875
|
+
while (value >= 1024 && unitIndex < units.length - 1) {
|
|
5876
|
+
value /= 1024;
|
|
5877
|
+
unitIndex += 1;
|
|
5878
|
+
}
|
|
5879
|
+
return `${value.toFixed(value < 10 ? 1 : 0)} ${units[unitIndex]}`;
|
|
5880
|
+
};
|
|
5881
|
+
var CommentFileNode = ({ node, assetBaseUrl }) => {
|
|
5882
|
+
const rawUrl = typeof node.url === "string" && node.url || typeof node.src === "string" && node.src || typeof node.assetUrl === "string" && node.assetUrl || "";
|
|
5883
|
+
if (!rawUrl) {
|
|
5884
|
+
return null;
|
|
5885
|
+
}
|
|
5886
|
+
const href = AssetUtility_default.resolveUrl(assetBaseUrl, rawUrl);
|
|
5887
|
+
if (!href) {
|
|
5888
|
+
return null;
|
|
5889
|
+
}
|
|
5890
|
+
const fileName = typeof node.fileName === "string" && node.fileName || typeof node.name === "string" && node.name || rawUrl.split("/").pop() || "file";
|
|
5891
|
+
const sizeLabel = formatFileSize(node.fileSize);
|
|
5892
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
5893
|
+
"a",
|
|
5894
|
+
{
|
|
5895
|
+
href,
|
|
5896
|
+
target: "_blank",
|
|
5897
|
+
rel: "noopener noreferrer",
|
|
5898
|
+
download: fileName,
|
|
5899
|
+
className: "comment-node-file",
|
|
5900
|
+
style: {
|
|
5901
|
+
display: "inline-flex",
|
|
5902
|
+
alignItems: "center",
|
|
5903
|
+
gap: "8px",
|
|
5904
|
+
padding: "8px 12px",
|
|
5905
|
+
border: "1px solid rgba(0,0,0,0.12)",
|
|
5906
|
+
borderRadius: "8px",
|
|
5907
|
+
textDecoration: "none",
|
|
5908
|
+
color: "inherit",
|
|
5909
|
+
maxWidth: "100%"
|
|
5910
|
+
},
|
|
5911
|
+
children: [
|
|
5912
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FileIcon_default, { fileName, className: "comment-node-file-icon" }),
|
|
5913
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
5914
|
+
"span",
|
|
5915
|
+
{
|
|
5916
|
+
className: "comment-node-file-text",
|
|
5917
|
+
style: { display: "flex", flexDirection: "column", minWidth: 0 },
|
|
5918
|
+
children: [
|
|
5919
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
5920
|
+
"span",
|
|
5921
|
+
{
|
|
5922
|
+
className: "comment-node-file-name",
|
|
5923
|
+
style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
|
|
5924
|
+
children: fileName
|
|
5925
|
+
}
|
|
5926
|
+
),
|
|
5927
|
+
sizeLabel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "comment-node-file-size", style: { fontSize: "0.8em", opacity: 0.7 }, children: sizeLabel }) : null
|
|
5928
|
+
]
|
|
5929
|
+
}
|
|
5930
|
+
)
|
|
5931
|
+
]
|
|
5932
|
+
}
|
|
5933
|
+
);
|
|
5934
|
+
};
|
|
5935
|
+
var CommentFileNode_default = CommentFileNode;
|
|
5936
|
+
|
|
5937
|
+
// src/components/controls/view/CommentNodeRenderer.tsx
|
|
5938
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
5544
5939
|
var TextLeafNode = ({ node }) => {
|
|
5545
5940
|
let content = node.text;
|
|
5546
|
-
if (node.code) content = /* @__PURE__ */ (0,
|
|
5547
|
-
if (node.bold) content = /* @__PURE__ */ (0,
|
|
5548
|
-
if (node.italic) content = /* @__PURE__ */ (0,
|
|
5549
|
-
if (node.underline) content = /* @__PURE__ */ (0,
|
|
5550
|
-
if (node.strikethrough) content = /* @__PURE__ */ (0,
|
|
5551
|
-
return /* @__PURE__ */ (0,
|
|
5941
|
+
if (node.code) content = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("code", { className: "comment-node-code", children: content });
|
|
5942
|
+
if (node.bold) content = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { children: content });
|
|
5943
|
+
if (node.italic) content = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("em", { children: content });
|
|
5944
|
+
if (node.underline) content = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("u", { children: content });
|
|
5945
|
+
if (node.strikethrough) content = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("s", { children: content });
|
|
5946
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react17.default.Fragment, { children: content });
|
|
5552
5947
|
};
|
|
5553
5948
|
var renderChildren = (children, keyPrefix, assetBaseUrl) => {
|
|
5554
5949
|
if (!children || children.length === 0) {
|
|
@@ -5556,7 +5951,7 @@ var renderChildren = (children, keyPrefix, assetBaseUrl) => {
|
|
|
5556
5951
|
}
|
|
5557
5952
|
return children.map((child, index) => {
|
|
5558
5953
|
const childKey = isTextNode(child) ? void 0 : asElementNode(child).id;
|
|
5559
|
-
return /* @__PURE__ */ (0,
|
|
5954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
5560
5955
|
CommentNodeRenderer,
|
|
5561
5956
|
{
|
|
5562
5957
|
node: child,
|
|
@@ -5576,56 +5971,58 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
|
|
|
5576
5971
|
return null;
|
|
5577
5972
|
}
|
|
5578
5973
|
if (isTextNode(node)) {
|
|
5579
|
-
return /* @__PURE__ */ (0,
|
|
5974
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextLeafNode, { node });
|
|
5580
5975
|
}
|
|
5581
5976
|
const element = asElementNode(node);
|
|
5582
5977
|
const key = element.id ?? element.type;
|
|
5583
5978
|
switch (element.type) {
|
|
5584
5979
|
case "paragraph":
|
|
5585
|
-
return /* @__PURE__ */ (0,
|
|
5980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("br", {}) });
|
|
5586
5981
|
case "heading": {
|
|
5587
5982
|
const level = headingLevelFromTag(element.tag ?? element.level);
|
|
5588
5983
|
const HeadingTag = `h${level}`;
|
|
5589
|
-
return /* @__PURE__ */ (0,
|
|
5984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HeadingTag, { className: "comment-node-heading", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5590
5985
|
}
|
|
5591
5986
|
case "list": {
|
|
5592
5987
|
const ordered = element.listType === "number" || element.ordered === true;
|
|
5593
5988
|
const ListTag = ordered ? "ol" : "ul";
|
|
5594
|
-
return /* @__PURE__ */ (0,
|
|
5989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ListTag, { className: "comment-node-list", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5595
5990
|
}
|
|
5596
5991
|
case "listitem":
|
|
5597
5992
|
case "list-item":
|
|
5598
|
-
return /* @__PURE__ */ (0,
|
|
5993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { className: "comment-node-listitem", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5599
5994
|
case "quote":
|
|
5600
5995
|
case "blockquote":
|
|
5601
|
-
return /* @__PURE__ */ (0,
|
|
5996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5602
5997
|
case "code":
|
|
5603
5998
|
case "code-block":
|
|
5604
|
-
return /* @__PURE__ */ (0,
|
|
5999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
|
|
5605
6000
|
case "image":
|
|
5606
|
-
return /* @__PURE__ */ (0,
|
|
6001
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommentImageNode_default, { node: element, assetBaseUrl });
|
|
6002
|
+
case "file":
|
|
6003
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommentFileNode_default, { node: element, assetBaseUrl });
|
|
5607
6004
|
case "link": {
|
|
5608
6005
|
const url = typeof element.url === "string" ? element.url : "#";
|
|
5609
|
-
return /* @__PURE__ */ (0,
|
|
6006
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5610
6007
|
}
|
|
5611
6008
|
case "mention": {
|
|
5612
6009
|
const label = element.label ?? element.mentionName ?? element.text ?? "";
|
|
5613
|
-
return /* @__PURE__ */ (0,
|
|
6010
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "comment-node-mention", children: [
|
|
5614
6011
|
"@",
|
|
5615
6012
|
label
|
|
5616
6013
|
] });
|
|
5617
6014
|
}
|
|
5618
6015
|
case "linebreak":
|
|
5619
6016
|
case "line-break":
|
|
5620
|
-
return /* @__PURE__ */ (0,
|
|
6017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("br", {});
|
|
5621
6018
|
default:
|
|
5622
|
-
return /* @__PURE__ */ (0,
|
|
6019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react17.default.Fragment, { children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5623
6020
|
}
|
|
5624
6021
|
};
|
|
5625
6022
|
var CommentNodeRenderer_default = CommentNodeRenderer;
|
|
5626
6023
|
|
|
5627
6024
|
// src/components/controls/view/Commentrenderer.tsx
|
|
5628
|
-
var
|
|
6025
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
5629
6026
|
var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
5630
6027
|
const nodes = import_react18.default.useMemo(() => parseSerializedContent(value), [value]);
|
|
5631
6028
|
if (!nodes || nodes.length === 0) {
|
|
@@ -5633,7 +6030,7 @@ var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
|
5633
6030
|
}
|
|
5634
6031
|
const resolvedAssetBaseUrl = assetBaseUrl ?? apiBaseUrl;
|
|
5635
6032
|
console.log(resolvedAssetBaseUrl, "resolvedAssetBaseUrl");
|
|
5636
|
-
return /* @__PURE__ */ (0,
|
|
6033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: className ?? "comment-renderer", children: nodes.map((node, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
5637
6034
|
CommentNodeRenderer_default,
|
|
5638
6035
|
{
|
|
5639
6036
|
node,
|
|
@@ -5645,7 +6042,7 @@ var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
|
5645
6042
|
var Commentrenderer_default = CommentRenderer;
|
|
5646
6043
|
|
|
5647
6044
|
// src/components/controls/view/ViewControl.tsx
|
|
5648
|
-
var
|
|
6045
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
5649
6046
|
var ViewControl = (props) => {
|
|
5650
6047
|
const ControlComponents = {
|
|
5651
6048
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -5676,7 +6073,7 @@ var ViewControl = (props) => {
|
|
|
5676
6073
|
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
5677
6074
|
};
|
|
5678
6075
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
5679
|
-
return /* @__PURE__ */ (0,
|
|
6076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react19.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
5680
6077
|
};
|
|
5681
6078
|
var ViewControl_default = ViewControl;
|
|
5682
6079
|
|
|
@@ -5691,7 +6088,7 @@ var import_react61 = __toESM(require("react"));
|
|
|
5691
6088
|
var import_react47 = __toESM(require("react"));
|
|
5692
6089
|
|
|
5693
6090
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
5694
|
-
var
|
|
6091
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5695
6092
|
var TextNode = (props) => {
|
|
5696
6093
|
function cssStringToJson(cssString) {
|
|
5697
6094
|
const styleObject = {};
|
|
@@ -5746,26 +6143,26 @@ var TextNode = (props) => {
|
|
|
5746
6143
|
});
|
|
5747
6144
|
}
|
|
5748
6145
|
function renderWithLineBreaks(text) {
|
|
5749
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
6146
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { children: [
|
|
5750
6147
|
line,
|
|
5751
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
6148
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("br", {})
|
|
5752
6149
|
] }, index));
|
|
5753
6150
|
}
|
|
5754
6151
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
5755
6152
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
5756
6153
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
5757
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
6154
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("sub", { children: content }) : content;
|
|
5758
6155
|
return (
|
|
5759
6156
|
// @ts-expect-error custom code
|
|
5760
|
-
/* @__PURE__ */ (0,
|
|
6157
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
5761
6158
|
);
|
|
5762
6159
|
};
|
|
5763
6160
|
var TextNode_default = TextNode;
|
|
5764
6161
|
|
|
5765
6162
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
5766
|
-
var
|
|
6163
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5767
6164
|
var LineBreakNode = () => {
|
|
5768
|
-
return /* @__PURE__ */ (0,
|
|
6165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
5769
6166
|
};
|
|
5770
6167
|
var LineBreakNode_default = LineBreakNode;
|
|
5771
6168
|
|
|
@@ -5775,7 +6172,7 @@ var import_react46 = __toESM(require("react"));
|
|
|
5775
6172
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
5776
6173
|
init_AssetUtility();
|
|
5777
6174
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
5778
|
-
var
|
|
6175
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5779
6176
|
var HlsPlayer3 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5780
6177
|
var getNestedValue = (obj, path) => {
|
|
5781
6178
|
if (!obj || !path) return void 0;
|
|
@@ -5808,7 +6205,7 @@ var ImageNode = (props) => {
|
|
|
5808
6205
|
assets = [image];
|
|
5809
6206
|
}
|
|
5810
6207
|
if (assets && assets.length > 0) {
|
|
5811
|
-
return /* @__PURE__ */ (0,
|
|
6208
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5812
6209
|
DeviceAssetSelector_default,
|
|
5813
6210
|
{
|
|
5814
6211
|
device: props.device,
|
|
@@ -5849,7 +6246,7 @@ var ImageNode = (props) => {
|
|
|
5849
6246
|
right: "justify-end"
|
|
5850
6247
|
};
|
|
5851
6248
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
5852
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
6249
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5853
6250
|
HlsPlayer3,
|
|
5854
6251
|
{
|
|
5855
6252
|
assetUrl: imageUrl,
|
|
@@ -5862,7 +6259,7 @@ var ImageNode = (props) => {
|
|
|
5862
6259
|
apiBaseUrl: props.apiBaseUrl,
|
|
5863
6260
|
session: props.session
|
|
5864
6261
|
}
|
|
5865
|
-
) : /* @__PURE__ */ (0,
|
|
6262
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5866
6263
|
"img",
|
|
5867
6264
|
{
|
|
5868
6265
|
style: styles,
|
|
@@ -5875,7 +6272,7 @@ var ImageNode = (props) => {
|
|
|
5875
6272
|
}
|
|
5876
6273
|
);
|
|
5877
6274
|
if (props.node.width) {
|
|
5878
|
-
return /* @__PURE__ */ (0,
|
|
6275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
5879
6276
|
}
|
|
5880
6277
|
return renderMedia();
|
|
5881
6278
|
};
|
|
@@ -5885,7 +6282,7 @@ var ImageNode_default = ImageNode;
|
|
|
5885
6282
|
init_StyleTypes();
|
|
5886
6283
|
init_Hyperlink();
|
|
5887
6284
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5888
|
-
var
|
|
6285
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5889
6286
|
var LinkNodeButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
5890
6287
|
ssr: false
|
|
5891
6288
|
});
|
|
@@ -5938,13 +6335,13 @@ var LinkNode = (props) => {
|
|
|
5938
6335
|
const isButton = node.isButton === true;
|
|
5939
6336
|
const renderChildren2 = () => {
|
|
5940
6337
|
if (!node.children || node.children.length === 0) return null;
|
|
5941
|
-
return /* @__PURE__ */ (0,
|
|
6338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: node.children.map((childNode, index) => {
|
|
5942
6339
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5943
6340
|
if (!SelectedNode) {
|
|
5944
6341
|
console.warn("Unknown node type:", childNode.type);
|
|
5945
6342
|
return null;
|
|
5946
6343
|
}
|
|
5947
|
-
return /* @__PURE__ */ (0,
|
|
6344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
5948
6345
|
SelectedNode,
|
|
5949
6346
|
{
|
|
5950
6347
|
node: childNode,
|
|
@@ -5957,15 +6354,15 @@ var LinkNode = (props) => {
|
|
|
5957
6354
|
};
|
|
5958
6355
|
const renderFallback = () => {
|
|
5959
6356
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
5960
|
-
return /* @__PURE__ */ (0,
|
|
6357
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: linkText });
|
|
5961
6358
|
}
|
|
5962
6359
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
5963
|
-
return /* @__PURE__ */ (0,
|
|
6360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("br", {});
|
|
5964
6361
|
}
|
|
5965
6362
|
return null;
|
|
5966
6363
|
};
|
|
5967
6364
|
if (isButton) {
|
|
5968
|
-
return /* @__PURE__ */ (0,
|
|
6365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
5969
6366
|
LinkNodeButton2,
|
|
5970
6367
|
{
|
|
5971
6368
|
node,
|
|
@@ -5983,7 +6380,7 @@ var LinkNode = (props) => {
|
|
|
5983
6380
|
}
|
|
5984
6381
|
);
|
|
5985
6382
|
}
|
|
5986
|
-
return /* @__PURE__ */ (0,
|
|
6383
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
5987
6384
|
Hyperlink,
|
|
5988
6385
|
{
|
|
5989
6386
|
href: linkUrl || "#",
|
|
@@ -5999,10 +6396,10 @@ var LinkNode = (props) => {
|
|
|
5999
6396
|
var LinkNode_default = LinkNode;
|
|
6000
6397
|
|
|
6001
6398
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
6002
|
-
var
|
|
6399
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
6003
6400
|
var SVGIconNode = ({ node }) => {
|
|
6004
6401
|
if (!node?.svgCode) return null;
|
|
6005
|
-
return /* @__PURE__ */ (0,
|
|
6402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
6006
6403
|
"span",
|
|
6007
6404
|
{
|
|
6008
6405
|
style: {
|
|
@@ -6019,7 +6416,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
6019
6416
|
|
|
6020
6417
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
6021
6418
|
var import_katex = __toESM(require("katex"));
|
|
6022
|
-
var
|
|
6419
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6023
6420
|
var EquationNode = ({ node }) => {
|
|
6024
6421
|
const { equation, inline } = node;
|
|
6025
6422
|
let html = "";
|
|
@@ -6034,7 +6431,7 @@ var EquationNode = ({ node }) => {
|
|
|
6034
6431
|
});
|
|
6035
6432
|
}
|
|
6036
6433
|
if (inline) {
|
|
6037
|
-
return /* @__PURE__ */ (0,
|
|
6434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6038
6435
|
"span",
|
|
6039
6436
|
{
|
|
6040
6437
|
className: "katex-inline",
|
|
@@ -6042,7 +6439,7 @@ var EquationNode = ({ node }) => {
|
|
|
6042
6439
|
}
|
|
6043
6440
|
);
|
|
6044
6441
|
}
|
|
6045
|
-
return /* @__PURE__ */ (0,
|
|
6442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6046
6443
|
"div",
|
|
6047
6444
|
{
|
|
6048
6445
|
className: "katex-block my-3 text-center",
|
|
@@ -6053,7 +6450,7 @@ var EquationNode = ({ node }) => {
|
|
|
6053
6450
|
var EquationNode_default = EquationNode;
|
|
6054
6451
|
|
|
6055
6452
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
6056
|
-
var
|
|
6453
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6057
6454
|
function getNestedProperty(obj, path) {
|
|
6058
6455
|
if (!obj || !path) return null;
|
|
6059
6456
|
if (path.includes(".")) {
|
|
@@ -6066,7 +6463,7 @@ function getNestedProperty(obj, path) {
|
|
|
6066
6463
|
}
|
|
6067
6464
|
const value = obj[path];
|
|
6068
6465
|
if (Array.isArray(value)) {
|
|
6069
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
6466
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: String(item) }, index));
|
|
6070
6467
|
}
|
|
6071
6468
|
return value;
|
|
6072
6469
|
}
|
|
@@ -6129,7 +6526,7 @@ var DatafieldNode = (props) => {
|
|
|
6129
6526
|
const dataType = props.node.dataType;
|
|
6130
6527
|
if (isEmptyValue) return null;
|
|
6131
6528
|
if (dataType === "rawContent") {
|
|
6132
|
-
return /* @__PURE__ */ (0,
|
|
6529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6133
6530
|
PageBodyRenderer_default,
|
|
6134
6531
|
{
|
|
6135
6532
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -6145,13 +6542,13 @@ var DatafieldNode = (props) => {
|
|
|
6145
6542
|
}
|
|
6146
6543
|
);
|
|
6147
6544
|
}
|
|
6148
|
-
return /* @__PURE__ */ (0,
|
|
6545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6149
6546
|
"span",
|
|
6150
6547
|
{
|
|
6151
6548
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
6152
6549
|
style: styles,
|
|
6153
6550
|
title,
|
|
6154
|
-
children: /* @__PURE__ */ (0,
|
|
6551
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6155
6552
|
ViewControl_default,
|
|
6156
6553
|
{
|
|
6157
6554
|
controlType: dataType,
|
|
@@ -6166,7 +6563,7 @@ var DatafieldNode = (props) => {
|
|
|
6166
6563
|
var DatafieldNode_default = DatafieldNode;
|
|
6167
6564
|
|
|
6168
6565
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
6169
|
-
var
|
|
6566
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6170
6567
|
var ParagraphNode = (props) => {
|
|
6171
6568
|
const NodeTypes2 = {
|
|
6172
6569
|
["text"]: TextNode_default,
|
|
@@ -6186,9 +6583,9 @@ var ParagraphNode = (props) => {
|
|
|
6186
6583
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
6187
6584
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
6188
6585
|
if (isInlineOnlyParent) {
|
|
6189
|
-
return /* @__PURE__ */ (0,
|
|
6586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
6190
6587
|
const SelectedNode = NodeTypes2[node.type];
|
|
6191
|
-
return /* @__PURE__ */ (0,
|
|
6588
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6192
6589
|
SelectedNode,
|
|
6193
6590
|
{
|
|
6194
6591
|
node,
|
|
@@ -6201,10 +6598,10 @@ var ParagraphNode = (props) => {
|
|
|
6201
6598
|
) }, index);
|
|
6202
6599
|
}) });
|
|
6203
6600
|
}
|
|
6204
|
-
return /* @__PURE__ */ (0,
|
|
6601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: " " + formatClasses, children: [
|
|
6205
6602
|
hasChildren && props.node.children.map((node, index) => {
|
|
6206
6603
|
const SelectedNode = NodeTypes2[node.type];
|
|
6207
|
-
return /* @__PURE__ */ (0,
|
|
6604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6208
6605
|
SelectedNode,
|
|
6209
6606
|
{
|
|
6210
6607
|
node,
|
|
@@ -6216,14 +6613,14 @@ var ParagraphNode = (props) => {
|
|
|
6216
6613
|
}
|
|
6217
6614
|
) }, index);
|
|
6218
6615
|
}),
|
|
6219
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
6616
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
6220
6617
|
] });
|
|
6221
6618
|
};
|
|
6222
6619
|
var ParagraphNode_default = ParagraphNode;
|
|
6223
6620
|
|
|
6224
6621
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
6225
6622
|
var import_react48 = __toESM(require("react"));
|
|
6226
|
-
var
|
|
6623
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6227
6624
|
var HeadingNode = (props) => {
|
|
6228
6625
|
const NodeTypes2 = {
|
|
6229
6626
|
["text"]: TextNode_default,
|
|
@@ -6239,12 +6636,12 @@ var HeadingNode = (props) => {
|
|
|
6239
6636
|
{
|
|
6240
6637
|
}
|
|
6241
6638
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
6242
|
-
return /* @__PURE__ */ (0,
|
|
6639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: import_react48.default.createElement(
|
|
6243
6640
|
HeadingTag,
|
|
6244
6641
|
{ className: formatClasses },
|
|
6245
6642
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
6246
6643
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
6247
|
-
return /* @__PURE__ */ (0,
|
|
6644
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
6248
6645
|
})
|
|
6249
6646
|
) });
|
|
6250
6647
|
};
|
|
@@ -6255,7 +6652,7 @@ var import_react50 = __toESM(require("react"));
|
|
|
6255
6652
|
|
|
6256
6653
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
6257
6654
|
var import_react49 = __toESM(require("react"));
|
|
6258
|
-
var
|
|
6655
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6259
6656
|
var ListItemNode = (props) => {
|
|
6260
6657
|
const NodeTypes2 = {
|
|
6261
6658
|
text: TextNode_default,
|
|
@@ -6272,37 +6669,37 @@ var ListItemNode = (props) => {
|
|
|
6272
6669
|
liStyle.fontSize = match[1].trim();
|
|
6273
6670
|
}
|
|
6274
6671
|
}
|
|
6275
|
-
return /* @__PURE__ */ (0,
|
|
6672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
6276
6673
|
const SelectedNode = NodeTypes2[node.type];
|
|
6277
6674
|
if (node.type === "linebreak") {
|
|
6278
6675
|
if (!foundFirstBreak) {
|
|
6279
6676
|
foundFirstBreak = true;
|
|
6280
|
-
return /* @__PURE__ */ (0,
|
|
6677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", {}, index);
|
|
6281
6678
|
} else {
|
|
6282
|
-
return /* @__PURE__ */ (0,
|
|
6679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
6283
6680
|
}
|
|
6284
6681
|
} else {
|
|
6285
6682
|
foundFirstBreak = false;
|
|
6286
|
-
return /* @__PURE__ */ (0,
|
|
6683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
6287
6684
|
}
|
|
6288
6685
|
}) });
|
|
6289
6686
|
};
|
|
6290
6687
|
var ListItemNode_default = ListItemNode;
|
|
6291
6688
|
|
|
6292
6689
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
6293
|
-
var
|
|
6690
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6294
6691
|
var ListNode = (props) => {
|
|
6295
6692
|
const NodeTypes2 = {
|
|
6296
6693
|
listitem: ListItemNode_default
|
|
6297
6694
|
};
|
|
6298
|
-
return /* @__PURE__ */ (0,
|
|
6299
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
6695
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react50.default.Fragment, { children: [
|
|
6696
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6300
6697
|
const SelectedNode = NodeTypes2[node.type];
|
|
6301
|
-
return /* @__PURE__ */ (0,
|
|
6698
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
6302
6699
|
}) }),
|
|
6303
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
6700
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6304
6701
|
const SelectedNode = NodeTypes2[node.type];
|
|
6305
|
-
return /* @__PURE__ */ (0,
|
|
6702
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
6306
6703
|
}) })
|
|
6307
6704
|
] });
|
|
6308
6705
|
};
|
|
@@ -6310,16 +6707,16 @@ var ListNode_default = ListNode;
|
|
|
6310
6707
|
|
|
6311
6708
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
6312
6709
|
var import_react51 = __toESM(require("react"));
|
|
6313
|
-
var
|
|
6710
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
6314
6711
|
var QuoteNode = (props) => {
|
|
6315
6712
|
const NodeTypes2 = {
|
|
6316
6713
|
["text"]: TextNode_default,
|
|
6317
6714
|
["linebreak"]: LineBreakNode_default,
|
|
6318
6715
|
["link"]: LinkNode_default
|
|
6319
6716
|
};
|
|
6320
|
-
return /* @__PURE__ */ (0,
|
|
6717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6321
6718
|
const SelectedNode = NodeTypes2[node.type];
|
|
6322
|
-
return /* @__PURE__ */ (0,
|
|
6719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
6323
6720
|
}) });
|
|
6324
6721
|
};
|
|
6325
6722
|
var QuoteNode_default = QuoteNode;
|
|
@@ -6327,11 +6724,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
6327
6724
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
6328
6725
|
var import_react53 = __toESM(require("react"));
|
|
6329
6726
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
6330
|
-
var
|
|
6727
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6331
6728
|
var CopyButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
6332
6729
|
ssr: false,
|
|
6333
6730
|
// optional: fallback UI while loading
|
|
6334
|
-
loading: () => /* @__PURE__ */ (0,
|
|
6731
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
6335
6732
|
});
|
|
6336
6733
|
var CodeNode = (props) => {
|
|
6337
6734
|
const NodeTypes2 = {
|
|
@@ -6345,14 +6742,14 @@ var CodeNode = (props) => {
|
|
|
6345
6742
|
if (node.type === "link") return node.text || node.url || "";
|
|
6346
6743
|
return "";
|
|
6347
6744
|
}).join("") ?? "";
|
|
6348
|
-
return /* @__PURE__ */ (0,
|
|
6349
|
-
/* @__PURE__ */ (0,
|
|
6350
|
-
/* @__PURE__ */ (0,
|
|
6351
|
-
/* @__PURE__ */ (0,
|
|
6745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
|
|
6746
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
6747
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: "Code Snippet" }),
|
|
6748
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CopyButton2, { text: textContent })
|
|
6352
6749
|
] }),
|
|
6353
|
-
/* @__PURE__ */ (0,
|
|
6750
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.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) => {
|
|
6354
6751
|
const SelectedNode = NodeTypes2[node.type];
|
|
6355
|
-
return /* @__PURE__ */ (0,
|
|
6752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6356
6753
|
SelectedNode,
|
|
6357
6754
|
{
|
|
6358
6755
|
node,
|
|
@@ -6367,15 +6764,15 @@ var CodeNode = (props) => {
|
|
|
6367
6764
|
var CodeNode_default = CodeNode;
|
|
6368
6765
|
|
|
6369
6766
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
6370
|
-
var
|
|
6767
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6371
6768
|
var HorizontalRuleNode = () => {
|
|
6372
|
-
return /* @__PURE__ */ (0,
|
|
6769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("hr", {});
|
|
6373
6770
|
};
|
|
6374
6771
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
6375
6772
|
|
|
6376
6773
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
6377
6774
|
var import_react54 = __toESM(require("react"));
|
|
6378
|
-
var
|
|
6775
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6379
6776
|
var WidgetNode = (props) => {
|
|
6380
6777
|
const getWidgetParameters = () => {
|
|
6381
6778
|
const widgetInputParameters = {
|
|
@@ -6439,7 +6836,7 @@ var WidgetNode = (props) => {
|
|
|
6439
6836
|
};
|
|
6440
6837
|
const widgetCode = props.node?.widgetCode;
|
|
6441
6838
|
if (!widgetCode) {
|
|
6442
|
-
return /* @__PURE__ */ (0,
|
|
6839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: "Invalid widget" });
|
|
6443
6840
|
}
|
|
6444
6841
|
const widgetParams = getWidgetParameters();
|
|
6445
6842
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -6448,7 +6845,7 @@ var WidgetNode = (props) => {
|
|
|
6448
6845
|
}
|
|
6449
6846
|
return (
|
|
6450
6847
|
// eslint-disable-next-line react-hooks/static-components
|
|
6451
|
-
/* @__PURE__ */ (0,
|
|
6848
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6452
6849
|
WidgetRenderer,
|
|
6453
6850
|
{
|
|
6454
6851
|
params: widgetParams,
|
|
@@ -6470,7 +6867,7 @@ var import_react60 = __toESM(require("react"));
|
|
|
6470
6867
|
|
|
6471
6868
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
6472
6869
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
6473
|
-
var
|
|
6870
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6474
6871
|
var IframeClient2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
6475
6872
|
ssr: false
|
|
6476
6873
|
});
|
|
@@ -6483,7 +6880,7 @@ var EmbedNode = (props) => {
|
|
|
6483
6880
|
} else {
|
|
6484
6881
|
src = props.node.embedSrc;
|
|
6485
6882
|
}
|
|
6486
|
-
return /* @__PURE__ */ (0,
|
|
6883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(IframeClient2, { src }) });
|
|
6487
6884
|
};
|
|
6488
6885
|
var EmbedNode_default = EmbedNode;
|
|
6489
6886
|
|
|
@@ -6683,10 +7080,10 @@ var PathUtility = class {
|
|
|
6683
7080
|
var PathUtility_default = new PathUtility();
|
|
6684
7081
|
|
|
6685
7082
|
// src/components/NoDataFound.tsx
|
|
6686
|
-
var
|
|
7083
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
6687
7084
|
var NoDataFound = () => {
|
|
6688
|
-
return /* @__PURE__ */ (0,
|
|
6689
|
-
/* @__PURE__ */ (0,
|
|
7085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
7086
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6690
7087
|
"svg",
|
|
6691
7088
|
{
|
|
6692
7089
|
className: "w-10 h-10",
|
|
@@ -6694,7 +7091,7 @@ var NoDataFound = () => {
|
|
|
6694
7091
|
stroke: "currentColor",
|
|
6695
7092
|
viewBox: "0 0 24 24",
|
|
6696
7093
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6697
|
-
children: /* @__PURE__ */ (0,
|
|
7094
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6698
7095
|
"path",
|
|
6699
7096
|
{
|
|
6700
7097
|
strokeLinecap: "round",
|
|
@@ -6705,8 +7102,8 @@ var NoDataFound = () => {
|
|
|
6705
7102
|
)
|
|
6706
7103
|
}
|
|
6707
7104
|
) }) }),
|
|
6708
|
-
/* @__PURE__ */ (0,
|
|
6709
|
-
/* @__PURE__ */ (0,
|
|
7105
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
7106
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
6710
7107
|
] });
|
|
6711
7108
|
};
|
|
6712
7109
|
var NoDataFound_default = NoDataFound;
|
|
@@ -6714,7 +7111,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
6714
7111
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
6715
7112
|
init_AssetUtility();
|
|
6716
7113
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
6717
|
-
var
|
|
7114
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6718
7115
|
var HlsPlayer4 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6719
7116
|
var deviceToMediaQuery = (device) => {
|
|
6720
7117
|
switch (device) {
|
|
@@ -6870,8 +7267,8 @@ var ImageGalleryNode = (props) => {
|
|
|
6870
7267
|
right: "justify-end"
|
|
6871
7268
|
};
|
|
6872
7269
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
6873
|
-
return /* @__PURE__ */ (0,
|
|
6874
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
7270
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7271
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6875
7272
|
HlsPlayer4,
|
|
6876
7273
|
{
|
|
6877
7274
|
sources: hlsSources,
|
|
@@ -6886,7 +7283,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6886
7283
|
styles: hlsStyles
|
|
6887
7284
|
}
|
|
6888
7285
|
) }),
|
|
6889
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
7286
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("picture", { children: [
|
|
6890
7287
|
DEVICE_ORDER.map((deviceKey) => {
|
|
6891
7288
|
const match = staticSources.find(
|
|
6892
7289
|
(img) => img.device === deviceKey
|
|
@@ -6902,7 +7299,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6902
7299
|
if (!srcUrl) {
|
|
6903
7300
|
return null;
|
|
6904
7301
|
}
|
|
6905
|
-
return /* @__PURE__ */ (0,
|
|
7302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6906
7303
|
"source",
|
|
6907
7304
|
{
|
|
6908
7305
|
media: deviceToMediaQuery(match.device),
|
|
@@ -6927,7 +7324,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6927
7324
|
if (img.borderRadius) {
|
|
6928
7325
|
styles.borderRadius = img.borderRadius;
|
|
6929
7326
|
}
|
|
6930
|
-
return /* @__PURE__ */ (0,
|
|
7327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6931
7328
|
"img",
|
|
6932
7329
|
{
|
|
6933
7330
|
loading: "lazy",
|
|
@@ -6942,7 +7339,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6942
7339
|
})()
|
|
6943
7340
|
] }) : (
|
|
6944
7341
|
/* Case 2: Only device-specific images exist */
|
|
6945
|
-
/* @__PURE__ */ (0,
|
|
7342
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: staticSources.map((img, index) => {
|
|
6946
7343
|
const resolved = resolveImage(img);
|
|
6947
7344
|
const imageUrl = resolved?.imageUrl;
|
|
6948
7345
|
if (!imageUrl) {
|
|
@@ -6969,7 +7366,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6969
7366
|
default:
|
|
6970
7367
|
display = "block";
|
|
6971
7368
|
}
|
|
6972
|
-
return /* @__PURE__ */ (0,
|
|
7369
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6973
7370
|
"img",
|
|
6974
7371
|
{
|
|
6975
7372
|
loading: "lazy",
|
|
@@ -7110,28 +7507,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
7110
7507
|
|
|
7111
7508
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
7112
7509
|
init_AssetUtility();
|
|
7113
|
-
var
|
|
7510
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7114
7511
|
var getNestedValue5 = (obj, path) => {
|
|
7115
7512
|
if (!obj || !path) return void 0;
|
|
7116
7513
|
return path.split(".").reduce((current, key) => {
|
|
7117
7514
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
7118
7515
|
}, obj);
|
|
7119
7516
|
};
|
|
7120
|
-
var
|
|
7517
|
+
var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7121
7518
|
"svg",
|
|
7122
7519
|
{
|
|
7123
7520
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7124
7521
|
viewBox: "0 0 48 48",
|
|
7125
7522
|
className: "w-10 h-10",
|
|
7126
7523
|
children: [
|
|
7127
|
-
/* @__PURE__ */ (0,
|
|
7524
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7128
7525
|
"path",
|
|
7129
7526
|
{
|
|
7130
7527
|
fill: "#e53935",
|
|
7131
7528
|
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"
|
|
7132
7529
|
}
|
|
7133
7530
|
),
|
|
7134
|
-
/* @__PURE__ */ (0,
|
|
7531
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7135
7532
|
"path",
|
|
7136
7533
|
{
|
|
7137
7534
|
fill: "#fff",
|
|
@@ -7141,55 +7538,55 @@ var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7141
7538
|
]
|
|
7142
7539
|
}
|
|
7143
7540
|
);
|
|
7144
|
-
var
|
|
7541
|
+
var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7145
7542
|
"svg",
|
|
7146
7543
|
{
|
|
7147
7544
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7148
7545
|
viewBox: "0 0 48 48",
|
|
7149
7546
|
className: "w-10 h-10",
|
|
7150
7547
|
children: [
|
|
7151
|
-
/* @__PURE__ */ (0,
|
|
7548
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7152
7549
|
"path",
|
|
7153
7550
|
{
|
|
7154
7551
|
fill: "#169154",
|
|
7155
7552
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
7156
7553
|
}
|
|
7157
7554
|
),
|
|
7158
|
-
/* @__PURE__ */ (0,
|
|
7555
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7159
7556
|
"path",
|
|
7160
7557
|
{
|
|
7161
7558
|
fill: "#18482a",
|
|
7162
7559
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
7163
7560
|
}
|
|
7164
7561
|
),
|
|
7165
|
-
/* @__PURE__ */ (0,
|
|
7166
|
-
/* @__PURE__ */ (0,
|
|
7167
|
-
/* @__PURE__ */ (0,
|
|
7168
|
-
/* @__PURE__ */ (0,
|
|
7562
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
7563
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
7564
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("g", { children: [
|
|
7565
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7169
7566
|
"path",
|
|
7170
7567
|
{
|
|
7171
7568
|
fill: "#29c27f",
|
|
7172
7569
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
7173
7570
|
}
|
|
7174
7571
|
),
|
|
7175
|
-
/* @__PURE__ */ (0,
|
|
7572
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7176
7573
|
"path",
|
|
7177
7574
|
{
|
|
7178
7575
|
fill: "#27663f",
|
|
7179
7576
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
7180
7577
|
}
|
|
7181
7578
|
),
|
|
7182
|
-
/* @__PURE__ */ (0,
|
|
7183
|
-
/* @__PURE__ */ (0,
|
|
7579
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
7580
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
7184
7581
|
] }),
|
|
7185
|
-
/* @__PURE__ */ (0,
|
|
7582
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7186
7583
|
"path",
|
|
7187
7584
|
{
|
|
7188
7585
|
fill: "#0c7238",
|
|
7189
7586
|
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"
|
|
7190
7587
|
}
|
|
7191
7588
|
),
|
|
7192
|
-
/* @__PURE__ */ (0,
|
|
7589
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7193
7590
|
"path",
|
|
7194
7591
|
{
|
|
7195
7592
|
fill: "#fff",
|
|
@@ -7199,7 +7596,7 @@ var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7199
7596
|
]
|
|
7200
7597
|
}
|
|
7201
7598
|
);
|
|
7202
|
-
var
|
|
7599
|
+
var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7203
7600
|
"svg",
|
|
7204
7601
|
{
|
|
7205
7602
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7207,14 +7604,14 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7207
7604
|
className: "w-10 h-10",
|
|
7208
7605
|
baseProfile: "basic",
|
|
7209
7606
|
children: [
|
|
7210
|
-
/* @__PURE__ */ (0,
|
|
7607
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7211
7608
|
"path",
|
|
7212
7609
|
{
|
|
7213
7610
|
fill: "#283593",
|
|
7214
7611
|
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"
|
|
7215
7612
|
}
|
|
7216
7613
|
),
|
|
7217
|
-
/* @__PURE__ */ (0,
|
|
7614
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7218
7615
|
"linearGradient",
|
|
7219
7616
|
{
|
|
7220
7617
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -7225,19 +7622,19 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7225
7622
|
gradientTransform: "translate(0 -339.89)",
|
|
7226
7623
|
gradientUnits: "userSpaceOnUse",
|
|
7227
7624
|
children: [
|
|
7228
|
-
/* @__PURE__ */ (0,
|
|
7229
|
-
/* @__PURE__ */ (0,
|
|
7625
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
7626
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
7230
7627
|
]
|
|
7231
7628
|
}
|
|
7232
7629
|
),
|
|
7233
|
-
/* @__PURE__ */ (0,
|
|
7630
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7234
7631
|
"path",
|
|
7235
7632
|
{
|
|
7236
7633
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
7237
7634
|
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"
|
|
7238
7635
|
}
|
|
7239
7636
|
),
|
|
7240
|
-
/* @__PURE__ */ (0,
|
|
7637
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7241
7638
|
"path",
|
|
7242
7639
|
{
|
|
7243
7640
|
fill: "#1e88e5",
|
|
@@ -7245,21 +7642,21 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7245
7642
|
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"
|
|
7246
7643
|
}
|
|
7247
7644
|
),
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7645
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7249
7646
|
"path",
|
|
7250
7647
|
{
|
|
7251
7648
|
fill: "#00e5ff",
|
|
7252
7649
|
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"
|
|
7253
7650
|
}
|
|
7254
7651
|
),
|
|
7255
|
-
/* @__PURE__ */ (0,
|
|
7652
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7256
7653
|
"path",
|
|
7257
7654
|
{
|
|
7258
7655
|
fill: "#1565c0",
|
|
7259
7656
|
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"
|
|
7260
7657
|
}
|
|
7261
7658
|
),
|
|
7262
|
-
/* @__PURE__ */ (0,
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7263
7660
|
"path",
|
|
7264
7661
|
{
|
|
7265
7662
|
fill: "#fff",
|
|
@@ -7269,42 +7666,42 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7269
7666
|
]
|
|
7270
7667
|
}
|
|
7271
7668
|
);
|
|
7272
|
-
var
|
|
7669
|
+
var StandardIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7273
7670
|
"svg",
|
|
7274
7671
|
{
|
|
7275
7672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7276
7673
|
viewBox: "0 0 48 48",
|
|
7277
7674
|
className: "w-10 h-10",
|
|
7278
7675
|
children: [
|
|
7279
|
-
/* @__PURE__ */ (0,
|
|
7280
|
-
/* @__PURE__ */ (0,
|
|
7676
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
7677
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
7281
7678
|
]
|
|
7282
7679
|
}
|
|
7283
7680
|
);
|
|
7284
|
-
var
|
|
7681
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7285
7682
|
"svg",
|
|
7286
7683
|
{
|
|
7287
7684
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7288
7685
|
viewBox: "0 0 48 48",
|
|
7289
7686
|
className: "w-10 h-10",
|
|
7290
7687
|
children: [
|
|
7291
|
-
/* @__PURE__ */ (0,
|
|
7688
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7292
7689
|
"path",
|
|
7293
7690
|
{
|
|
7294
7691
|
fill: "#dc4c2c",
|
|
7295
7692
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
7296
7693
|
}
|
|
7297
7694
|
),
|
|
7298
|
-
/* @__PURE__ */ (0,
|
|
7299
|
-
/* @__PURE__ */ (0,
|
|
7300
|
-
/* @__PURE__ */ (0,
|
|
7695
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
7696
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
7697
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7301
7698
|
"path",
|
|
7302
7699
|
{
|
|
7303
7700
|
fill: "#9b341f",
|
|
7304
7701
|
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"
|
|
7305
7702
|
}
|
|
7306
7703
|
),
|
|
7307
|
-
/* @__PURE__ */ (0,
|
|
7704
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7308
7705
|
"path",
|
|
7309
7706
|
{
|
|
7310
7707
|
fill: "#fff",
|
|
@@ -7314,16 +7711,16 @@ var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7314
7711
|
]
|
|
7315
7712
|
}
|
|
7316
7713
|
);
|
|
7317
|
-
var
|
|
7714
|
+
var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7318
7715
|
"svg",
|
|
7319
7716
|
{
|
|
7320
7717
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7321
7718
|
viewBox: "0 0 48 48",
|
|
7322
7719
|
className: "w-10 h-10",
|
|
7323
7720
|
children: [
|
|
7324
|
-
/* @__PURE__ */ (0,
|
|
7325
|
-
/* @__PURE__ */ (0,
|
|
7326
|
-
/* @__PURE__ */ (0,
|
|
7721
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
7722
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
7723
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7327
7724
|
"path",
|
|
7328
7725
|
{
|
|
7329
7726
|
fill: "#1976D2",
|
|
@@ -7333,7 +7730,7 @@ var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7333
7730
|
]
|
|
7334
7731
|
}
|
|
7335
7732
|
);
|
|
7336
|
-
var
|
|
7733
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7337
7734
|
"svg",
|
|
7338
7735
|
{
|
|
7339
7736
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7343,14 +7740,14 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7343
7740
|
version: "1.0",
|
|
7344
7741
|
className: "w-10 h-10",
|
|
7345
7742
|
children: [
|
|
7346
|
-
/* @__PURE__ */ (0,
|
|
7743
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7347
7744
|
"path",
|
|
7348
7745
|
{
|
|
7349
7746
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
7350
7747
|
"clip-rule": "nonzero"
|
|
7351
7748
|
}
|
|
7352
7749
|
) }) }),
|
|
7353
|
-
/* @__PURE__ */ (0,
|
|
7750
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7354
7751
|
"path",
|
|
7355
7752
|
{
|
|
7356
7753
|
fill: "#ff9100",
|
|
@@ -7359,7 +7756,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7359
7756
|
"fill-rule": "nonzero"
|
|
7360
7757
|
}
|
|
7361
7758
|
) }),
|
|
7362
|
-
/* @__PURE__ */ (0,
|
|
7759
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7363
7760
|
"path",
|
|
7364
7761
|
{
|
|
7365
7762
|
fill: "#fbe9e7",
|
|
@@ -7368,7 +7765,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7368
7765
|
"fill-rule": "nonzero"
|
|
7369
7766
|
}
|
|
7370
7767
|
),
|
|
7371
|
-
/* @__PURE__ */ (0,
|
|
7768
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7372
7769
|
"path",
|
|
7373
7770
|
{
|
|
7374
7771
|
fill: "#ffe0b2",
|
|
@@ -7377,7 +7774,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7377
7774
|
"fill-rule": "nonzero"
|
|
7378
7775
|
}
|
|
7379
7776
|
),
|
|
7380
|
-
/* @__PURE__ */ (0,
|
|
7777
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7381
7778
|
"path",
|
|
7382
7779
|
{
|
|
7383
7780
|
fill: "#ffe0b2",
|
|
@@ -7386,7 +7783,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7386
7783
|
"fill-rule": "nonzero"
|
|
7387
7784
|
}
|
|
7388
7785
|
),
|
|
7389
|
-
/* @__PURE__ */ (0,
|
|
7786
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7390
7787
|
"path",
|
|
7391
7788
|
{
|
|
7392
7789
|
fill: "#ffe0b2",
|
|
@@ -7398,28 +7795,28 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
|
7398
7795
|
]
|
|
7399
7796
|
}
|
|
7400
7797
|
);
|
|
7401
|
-
var
|
|
7798
|
+
var getFileDetails2 = (url) => {
|
|
7402
7799
|
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
7403
7800
|
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
7404
|
-
let Icon2 =
|
|
7801
|
+
let Icon2 = StandardIcon2;
|
|
7405
7802
|
let extLabel = "FILE";
|
|
7406
7803
|
if (ext === "pdf") {
|
|
7407
|
-
Icon2 =
|
|
7804
|
+
Icon2 = PdfIcon2;
|
|
7408
7805
|
extLabel = "PDF";
|
|
7409
7806
|
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
7410
|
-
Icon2 =
|
|
7807
|
+
Icon2 = ExcelIcon2;
|
|
7411
7808
|
extLabel = "Excel";
|
|
7412
7809
|
} else if (["doc", "docx"].includes(ext)) {
|
|
7413
|
-
Icon2 =
|
|
7810
|
+
Icon2 = WordIcon2;
|
|
7414
7811
|
extLabel = "Word";
|
|
7415
7812
|
} else if (["ppt", "pptx"].includes(ext)) {
|
|
7416
|
-
Icon2 =
|
|
7813
|
+
Icon2 = PowerPointIcon2;
|
|
7417
7814
|
extLabel = "PowerPoint";
|
|
7418
7815
|
} else if (["txt", "rtf"].includes(ext)) {
|
|
7419
|
-
Icon2 =
|
|
7816
|
+
Icon2 = TextIcon2;
|
|
7420
7817
|
extLabel = "Text";
|
|
7421
7818
|
} else if (["zip", "rar", "7z"].includes(ext)) {
|
|
7422
|
-
Icon2 =
|
|
7819
|
+
Icon2 = ArchiveIcon2;
|
|
7423
7820
|
extLabel = "Archive";
|
|
7424
7821
|
} else if (ext) {
|
|
7425
7822
|
extLabel = ext.toUpperCase();
|
|
@@ -7461,8 +7858,8 @@ var DocumentNode = (props) => {
|
|
|
7461
7858
|
}
|
|
7462
7859
|
}
|
|
7463
7860
|
if (documents.length === 0) {
|
|
7464
|
-
return /* @__PURE__ */ (0,
|
|
7465
|
-
/* @__PURE__ */ (0,
|
|
7861
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
7862
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7466
7863
|
"svg",
|
|
7467
7864
|
{
|
|
7468
7865
|
className: "w-5 h-5",
|
|
@@ -7470,7 +7867,7 @@ var DocumentNode = (props) => {
|
|
|
7470
7867
|
stroke: "currentColor",
|
|
7471
7868
|
viewBox: "0 0 24 24",
|
|
7472
7869
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7473
|
-
children: /* @__PURE__ */ (0,
|
|
7870
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7474
7871
|
"path",
|
|
7475
7872
|
{
|
|
7476
7873
|
strokeLinecap: "round",
|
|
@@ -7481,11 +7878,11 @@ var DocumentNode = (props) => {
|
|
|
7481
7878
|
)
|
|
7482
7879
|
}
|
|
7483
7880
|
) }),
|
|
7484
|
-
/* @__PURE__ */ (0,
|
|
7485
|
-
/* @__PURE__ */ (0,
|
|
7881
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
7882
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
7486
7883
|
] }) });
|
|
7487
7884
|
}
|
|
7488
|
-
return /* @__PURE__ */ (0,
|
|
7885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
7489
7886
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
7490
7887
|
props.assetBaseUrl,
|
|
7491
7888
|
doc.assetUrl
|
|
@@ -7502,17 +7899,17 @@ var DocumentNode = (props) => {
|
|
|
7502
7899
|
documentTitle = documentUrl.split("/").pop()?.replace(/\.[^/.]+$/, "") || "Document";
|
|
7503
7900
|
}
|
|
7504
7901
|
}
|
|
7505
|
-
const { Icon: Icon2, extLabel } =
|
|
7506
|
-
return /* @__PURE__ */ (0,
|
|
7902
|
+
const { Icon: Icon2, extLabel } = getFileDetails2(documentUrl);
|
|
7903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7507
7904
|
"div",
|
|
7508
7905
|
{
|
|
7509
7906
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
7510
7907
|
children: [
|
|
7511
|
-
/* @__PURE__ */ (0,
|
|
7512
|
-
/* @__PURE__ */ (0,
|
|
7513
|
-
/* @__PURE__ */ (0,
|
|
7908
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
7909
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon2, {}) }),
|
|
7910
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
7514
7911
|
] }),
|
|
7515
|
-
/* @__PURE__ */ (0,
|
|
7912
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7516
7913
|
"a",
|
|
7517
7914
|
{
|
|
7518
7915
|
href: documentUrl,
|
|
@@ -7520,7 +7917,7 @@ var DocumentNode = (props) => {
|
|
|
7520
7917
|
rel: "noopener noreferrer",
|
|
7521
7918
|
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",
|
|
7522
7919
|
children: [
|
|
7523
|
-
/* @__PURE__ */ (0,
|
|
7920
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7524
7921
|
"svg",
|
|
7525
7922
|
{
|
|
7526
7923
|
className: "w-4 h-4 mr-2",
|
|
@@ -7528,7 +7925,7 @@ var DocumentNode = (props) => {
|
|
|
7528
7925
|
stroke: "currentColor",
|
|
7529
7926
|
viewBox: "0 0 24 24",
|
|
7530
7927
|
children: [
|
|
7531
|
-
/* @__PURE__ */ (0,
|
|
7928
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7532
7929
|
"path",
|
|
7533
7930
|
{
|
|
7534
7931
|
strokeLinecap: "round",
|
|
@@ -7537,7 +7934,7 @@ var DocumentNode = (props) => {
|
|
|
7537
7934
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
7538
7935
|
}
|
|
7539
7936
|
),
|
|
7540
|
-
/* @__PURE__ */ (0,
|
|
7937
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7541
7938
|
"path",
|
|
7542
7939
|
{
|
|
7543
7940
|
strokeLinecap: "round",
|
|
@@ -7563,13 +7960,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
7563
7960
|
|
|
7564
7961
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
7565
7962
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7566
|
-
var
|
|
7963
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7567
7964
|
var IframeClient3 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7568
7965
|
ssr: false
|
|
7569
7966
|
});
|
|
7570
7967
|
var GoogleMapNode = (props) => {
|
|
7571
7968
|
let src = props.node.embedUrl;
|
|
7572
|
-
return /* @__PURE__ */ (0,
|
|
7969
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7573
7970
|
IframeClient3,
|
|
7574
7971
|
{
|
|
7575
7972
|
src,
|
|
@@ -7581,7 +7978,7 @@ var GoogleMapNode = (props) => {
|
|
|
7581
7978
|
var GoogleMapNode_default = GoogleMapNode;
|
|
7582
7979
|
|
|
7583
7980
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
7584
|
-
var
|
|
7981
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
7585
7982
|
var Pagination2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
7586
7983
|
var DataBindingControls2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
7587
7984
|
ssr: true
|
|
@@ -7840,7 +8237,7 @@ var DivContainer = async (props) => {
|
|
|
7840
8237
|
response = await serviceClient.get(endpoint);
|
|
7841
8238
|
result = response?.result;
|
|
7842
8239
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
7843
|
-
return /* @__PURE__ */ (0,
|
|
8240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NoDataFound_default, {});
|
|
7844
8241
|
}
|
|
7845
8242
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
7846
8243
|
childCollectionData = getNestedValue6(
|
|
@@ -7860,7 +8257,7 @@ var DivContainer = async (props) => {
|
|
|
7860
8257
|
}
|
|
7861
8258
|
const SelectedNode = NodeTypes2[node.type];
|
|
7862
8259
|
if (!SelectedNode) return null;
|
|
7863
|
-
return /* @__PURE__ */ (0,
|
|
8260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7864
8261
|
SelectedNode,
|
|
7865
8262
|
{
|
|
7866
8263
|
node,
|
|
@@ -7997,7 +8394,7 @@ var DivContainer = async (props) => {
|
|
|
7997
8394
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
7998
8395
|
);
|
|
7999
8396
|
const WrapperComponent = Wrapper;
|
|
8000
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8397
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8001
8398
|
WrapperComponent,
|
|
8002
8399
|
{
|
|
8003
8400
|
id: guid,
|
|
@@ -8011,11 +8408,11 @@ var DivContainer = async (props) => {
|
|
|
8011
8408
|
item,
|
|
8012
8409
|
idx,
|
|
8013
8410
|
props.href ? void 0 : item?.links?.view
|
|
8014
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
8411
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
8015
8412
|
)
|
|
8016
8413
|
}
|
|
8017
8414
|
);
|
|
8018
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8415
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8019
8416
|
Pagination2,
|
|
8020
8417
|
{
|
|
8021
8418
|
path: props.path,
|
|
@@ -8023,15 +8420,15 @@ var DivContainer = async (props) => {
|
|
|
8023
8420
|
dataset: response
|
|
8024
8421
|
}
|
|
8025
8422
|
) : null;
|
|
8026
|
-
return /* @__PURE__ */ (0,
|
|
8027
|
-
/* @__PURE__ */ (0,
|
|
8423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react60.default.Fragment, { children: [
|
|
8424
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8028
8425
|
"style",
|
|
8029
8426
|
{
|
|
8030
8427
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
8031
8428
|
}
|
|
8032
8429
|
),
|
|
8033
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
8034
|
-
/* @__PURE__ */ (0,
|
|
8430
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react60.default.Fragment, { children: [
|
|
8431
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8035
8432
|
DataBindingControls2,
|
|
8036
8433
|
{
|
|
8037
8434
|
mode: "toolbar",
|
|
@@ -8043,18 +8440,18 @@ var DivContainer = async (props) => {
|
|
|
8043
8440
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
8044
8441
|
}
|
|
8045
8442
|
),
|
|
8046
|
-
/* @__PURE__ */ (0,
|
|
8443
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
8047
8444
|
"div",
|
|
8048
8445
|
{
|
|
8049
8446
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
8050
8447
|
children: [
|
|
8051
|
-
/* @__PURE__ */ (0,
|
|
8448
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "min-w-0", children: [
|
|
8052
8449
|
renderedContainer,
|
|
8053
8450
|
paginationControl
|
|
8054
8451
|
] }),
|
|
8055
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
8056
|
-
/* @__PURE__ */ (0,
|
|
8057
|
-
/* @__PURE__ */ (0,
|
|
8452
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
8453
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
8454
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8058
8455
|
DataBindingControls2,
|
|
8059
8456
|
{
|
|
8060
8457
|
mode: "facets",
|
|
@@ -8068,16 +8465,16 @@ var DivContainer = async (props) => {
|
|
|
8068
8465
|
]
|
|
8069
8466
|
}
|
|
8070
8467
|
)
|
|
8071
|
-
] }) : /* @__PURE__ */ (0,
|
|
8468
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react60.default.Fragment, { children: [
|
|
8072
8469
|
renderedContainer,
|
|
8073
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
8470
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: paginationControl })
|
|
8074
8471
|
] })
|
|
8075
8472
|
] });
|
|
8076
8473
|
};
|
|
8077
8474
|
var DivContainer_default = DivContainer;
|
|
8078
8475
|
|
|
8079
8476
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
8080
|
-
var
|
|
8477
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8081
8478
|
var NodeTypes = {
|
|
8082
8479
|
["paragraph"]: ParagraphNode_default,
|
|
8083
8480
|
["heading"]: HeadingNode_default,
|
|
@@ -8115,14 +8512,14 @@ var PageBodyRenderer = (props) => {
|
|
|
8115
8512
|
}
|
|
8116
8513
|
return true;
|
|
8117
8514
|
};
|
|
8118
|
-
return /* @__PURE__ */ (0,
|
|
8515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
8119
8516
|
{
|
|
8120
8517
|
}
|
|
8121
8518
|
const SelectedNode = NodeTypes[node.type];
|
|
8122
8519
|
if (!shouldRenderNode(node)) {
|
|
8123
8520
|
return null;
|
|
8124
8521
|
}
|
|
8125
|
-
return /* @__PURE__ */ (0,
|
|
8522
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8126
8523
|
SelectedNode,
|
|
8127
8524
|
{
|
|
8128
8525
|
node,
|
|
@@ -8138,7 +8535,7 @@ var PageBodyRenderer = (props) => {
|
|
|
8138
8535
|
device: props.device,
|
|
8139
8536
|
widgetRenderer: props.widgetRenderer
|
|
8140
8537
|
}
|
|
8141
|
-
) }) : /* @__PURE__ */ (0,
|
|
8538
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8142
8539
|
SelectedNode,
|
|
8143
8540
|
{
|
|
8144
8541
|
node,
|
|
@@ -8209,7 +8606,7 @@ function EnterAnimationHydrator() {
|
|
|
8209
8606
|
// src/components/Toast.tsx
|
|
8210
8607
|
var import_react63 = require("react");
|
|
8211
8608
|
init_ToastService();
|
|
8212
|
-
var
|
|
8609
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
8213
8610
|
var Toast = () => {
|
|
8214
8611
|
const [showToast, setShowToast] = (0, import_react63.useState)(false);
|
|
8215
8612
|
const [message, setMessage] = (0, import_react63.useState)("");
|
|
@@ -8243,8 +8640,8 @@ var Toast = () => {
|
|
|
8243
8640
|
});
|
|
8244
8641
|
};
|
|
8245
8642
|
}, [closeToast, showMessage]);
|
|
8246
|
-
return /* @__PURE__ */ (0,
|
|
8247
|
-
/* @__PURE__ */ (0,
|
|
8643
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
8644
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8248
8645
|
"span",
|
|
8249
8646
|
{
|
|
8250
8647
|
className: "font-medium text-inherit text-sm",
|
|
@@ -8252,7 +8649,7 @@ var Toast = () => {
|
|
|
8252
8649
|
children: message
|
|
8253
8650
|
}
|
|
8254
8651
|
),
|
|
8255
|
-
/* @__PURE__ */ (0,
|
|
8652
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8256
8653
|
"svg",
|
|
8257
8654
|
{
|
|
8258
8655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8260,7 +8657,7 @@ var Toast = () => {
|
|
|
8260
8657
|
fill: "none",
|
|
8261
8658
|
viewBox: "0 0 24 24",
|
|
8262
8659
|
stroke: "currentColor",
|
|
8263
|
-
children: /* @__PURE__ */ (0,
|
|
8660
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
8264
8661
|
}
|
|
8265
8662
|
) })
|
|
8266
8663
|
] }) }) });
|
|
@@ -8291,7 +8688,7 @@ init_Switcher();
|
|
|
8291
8688
|
// src/components/NavigationTabsV2.tsx
|
|
8292
8689
|
var import_link3 = __toESM(require("next/link"));
|
|
8293
8690
|
var import_navigation2 = require("next/navigation");
|
|
8294
|
-
var
|
|
8691
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
8295
8692
|
function resolveRoutePlaceholders(route, params) {
|
|
8296
8693
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
8297
8694
|
const value = params[key];
|
|
@@ -8316,8 +8713,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
8316
8713
|
isActive: tab.isActive
|
|
8317
8714
|
})) || [];
|
|
8318
8715
|
if (mappedTabs.length === 0) return null;
|
|
8319
|
-
return /* @__PURE__ */ (0,
|
|
8320
|
-
return /* @__PURE__ */ (0,
|
|
8716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
8717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
8321
8718
|
"div",
|
|
8322
8719
|
{
|
|
8323
8720
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -8336,9 +8733,9 @@ var import_navigation3 = require("next/navigation");
|
|
|
8336
8733
|
|
|
8337
8734
|
// src/components/dataForm/NoContentView.tsx
|
|
8338
8735
|
var import_react64 = __toESM(require("react"));
|
|
8339
|
-
var
|
|
8736
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8340
8737
|
var NoContentView = (props) => {
|
|
8341
|
-
return /* @__PURE__ */ (0,
|
|
8738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react64.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
8342
8739
|
};
|
|
8343
8740
|
var NoContentView_default = NoContentView;
|
|
8344
8741
|
|
|
@@ -8347,38 +8744,38 @@ init_InputControlType();
|
|
|
8347
8744
|
|
|
8348
8745
|
// src/components/dataForm/ContentView.tsx
|
|
8349
8746
|
var import_react65 = __toESM(require("react"));
|
|
8350
|
-
var
|
|
8747
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8351
8748
|
var ContentView = (props) => {
|
|
8352
|
-
return /* @__PURE__ */ (0,
|
|
8353
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
8354
|
-
/* @__PURE__ */ (0,
|
|
8355
|
-
/* @__PURE__ */ (0,
|
|
8356
|
-
/* @__PURE__ */ (0,
|
|
8357
|
-
/* @__PURE__ */ (0,
|
|
8358
|
-
/* @__PURE__ */ (0,
|
|
8749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react65.default.Fragment, { children: [
|
|
8750
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
8751
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
8752
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
8753
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ml-2", children: [
|
|
8754
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
8755
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
8359
8756
|
] })
|
|
8360
8757
|
] }),
|
|
8361
|
-
/* @__PURE__ */ (0,
|
|
8362
|
-
/* @__PURE__ */ (0,
|
|
8363
|
-
/* @__PURE__ */ (0,
|
|
8364
|
-
/* @__PURE__ */ (0,
|
|
8365
|
-
/* @__PURE__ */ (0,
|
|
8366
|
-
/* @__PURE__ */ (0,
|
|
8367
|
-
/* @__PURE__ */ (0,
|
|
8758
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
8759
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "animate-pulse", children: [
|
|
8760
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
8761
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
8762
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
8763
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
8764
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
8368
8765
|
] }),
|
|
8369
|
-
/* @__PURE__ */ (0,
|
|
8370
|
-
/* @__PURE__ */ (0,
|
|
8371
|
-
/* @__PURE__ */ (0,
|
|
8372
|
-
/* @__PURE__ */ (0,
|
|
8373
|
-
/* @__PURE__ */ (0,
|
|
8374
|
-
/* @__PURE__ */ (0,
|
|
8766
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "animate-pulse", children: [
|
|
8767
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
8768
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
8769
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
8770
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
8771
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
8375
8772
|
] }),
|
|
8376
|
-
/* @__PURE__ */ (0,
|
|
8377
|
-
/* @__PURE__ */ (0,
|
|
8378
|
-
/* @__PURE__ */ (0,
|
|
8379
|
-
/* @__PURE__ */ (0,
|
|
8380
|
-
/* @__PURE__ */ (0,
|
|
8381
|
-
/* @__PURE__ */ (0,
|
|
8773
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "animate-pulse", children: [
|
|
8774
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
8775
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
8776
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
8777
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
8778
|
+
/* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
8382
8779
|
] })
|
|
8383
8780
|
] })
|
|
8384
8781
|
] }) }),
|
|
@@ -8438,7 +8835,7 @@ function FormReducer(state, action) {
|
|
|
8438
8835
|
var FormReducer_default = FormReducer;
|
|
8439
8836
|
|
|
8440
8837
|
// src/components/dataForm/DataList.tsx
|
|
8441
|
-
var
|
|
8838
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
8442
8839
|
var DataList = (props) => {
|
|
8443
8840
|
const router = (0, import_navigation3.useRouter)();
|
|
8444
8841
|
let builder = new OdataBuilder(props.path);
|
|
@@ -8476,7 +8873,7 @@ var DataList = (props) => {
|
|
|
8476
8873
|
if (path.includes(".")) {
|
|
8477
8874
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
8478
8875
|
} else if (Array.isArray(obj[path])) {
|
|
8479
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
8876
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: item }, index));
|
|
8480
8877
|
} else {
|
|
8481
8878
|
return obj[path];
|
|
8482
8879
|
}
|
|
@@ -8555,30 +8952,30 @@ var DataList = (props) => {
|
|
|
8555
8952
|
const renderPageNumbers = () => {
|
|
8556
8953
|
if (pages <= 10) {
|
|
8557
8954
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
8558
|
-
(page) => /* @__PURE__ */ (0,
|
|
8955
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8559
8956
|
Hyperlink,
|
|
8560
8957
|
{
|
|
8561
8958
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8562
8959
|
href: builder.getNewPageUrl(page),
|
|
8563
8960
|
children: page
|
|
8564
8961
|
}
|
|
8565
|
-
) : /* @__PURE__ */ (0,
|
|
8962
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
8566
8963
|
);
|
|
8567
8964
|
} else {
|
|
8568
8965
|
const showFirstPages = activePageNumber <= 5;
|
|
8569
8966
|
const showLastPages = activePageNumber > pages - 5;
|
|
8570
8967
|
if (showFirstPages) {
|
|
8571
|
-
return /* @__PURE__ */ (0,
|
|
8572
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
8968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
|
|
8969
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8573
8970
|
Hyperlink,
|
|
8574
8971
|
{
|
|
8575
8972
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8576
8973
|
href: builder.getNewPageUrl(page),
|
|
8577
8974
|
children: page
|
|
8578
8975
|
}
|
|
8579
|
-
) : /* @__PURE__ */ (0,
|
|
8580
|
-
/* @__PURE__ */ (0,
|
|
8581
|
-
/* @__PURE__ */ (0,
|
|
8976
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
8977
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8978
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8582
8979
|
Hyperlink,
|
|
8583
8980
|
{
|
|
8584
8981
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8586,7 +8983,7 @@ var DataList = (props) => {
|
|
|
8586
8983
|
children: pages - 1
|
|
8587
8984
|
}
|
|
8588
8985
|
),
|
|
8589
|
-
/* @__PURE__ */ (0,
|
|
8986
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8590
8987
|
Hyperlink,
|
|
8591
8988
|
{
|
|
8592
8989
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8594,7 +8991,7 @@ var DataList = (props) => {
|
|
|
8594
8991
|
children: pages
|
|
8595
8992
|
}
|
|
8596
8993
|
),
|
|
8597
|
-
/* @__PURE__ */ (0,
|
|
8994
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8598
8995
|
"select",
|
|
8599
8996
|
{
|
|
8600
8997
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8606,18 +9003,18 @@ var DataList = (props) => {
|
|
|
8606
9003
|
}
|
|
8607
9004
|
},
|
|
8608
9005
|
children: [
|
|
8609
|
-
/* @__PURE__ */ (0,
|
|
9006
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
8610
9007
|
Array.from(
|
|
8611
9008
|
{ length: Math.max(0, pages - 10) },
|
|
8612
9009
|
(_, index) => index + 9
|
|
8613
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9010
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("option", { value: page, children: page }, page))
|
|
8614
9011
|
]
|
|
8615
9012
|
}
|
|
8616
9013
|
) })
|
|
8617
9014
|
] });
|
|
8618
9015
|
} else if (showLastPages) {
|
|
8619
|
-
return /* @__PURE__ */ (0,
|
|
8620
|
-
/* @__PURE__ */ (0,
|
|
9016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
|
|
9017
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8621
9018
|
Hyperlink,
|
|
8622
9019
|
{
|
|
8623
9020
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8625,7 +9022,7 @@ var DataList = (props) => {
|
|
|
8625
9022
|
children: "1"
|
|
8626
9023
|
}
|
|
8627
9024
|
),
|
|
8628
|
-
/* @__PURE__ */ (0,
|
|
9025
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8629
9026
|
Hyperlink,
|
|
8630
9027
|
{
|
|
8631
9028
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8633,21 +9030,21 @@ var DataList = (props) => {
|
|
|
8633
9030
|
children: "2"
|
|
8634
9031
|
}
|
|
8635
9032
|
),
|
|
8636
|
-
/* @__PURE__ */ (0,
|
|
9033
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8637
9034
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
8638
|
-
(page) => /* @__PURE__ */ (0,
|
|
9035
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8639
9036
|
Hyperlink,
|
|
8640
9037
|
{
|
|
8641
9038
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8642
9039
|
href: builder.getNewPageUrl(page),
|
|
8643
9040
|
children: page
|
|
8644
9041
|
}
|
|
8645
|
-
) : /* @__PURE__ */ (0,
|
|
9042
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
8646
9043
|
)
|
|
8647
9044
|
] });
|
|
8648
9045
|
} else {
|
|
8649
|
-
return /* @__PURE__ */ (0,
|
|
8650
|
-
/* @__PURE__ */ (0,
|
|
9046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
|
|
9047
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8651
9048
|
Hyperlink,
|
|
8652
9049
|
{
|
|
8653
9050
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8655,7 +9052,7 @@ var DataList = (props) => {
|
|
|
8655
9052
|
children: "1"
|
|
8656
9053
|
}
|
|
8657
9054
|
),
|
|
8658
|
-
/* @__PURE__ */ (0,
|
|
9055
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8659
9056
|
Hyperlink,
|
|
8660
9057
|
{
|
|
8661
9058
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8663,20 +9060,20 @@ var DataList = (props) => {
|
|
|
8663
9060
|
children: "2"
|
|
8664
9061
|
}
|
|
8665
9062
|
),
|
|
8666
|
-
/* @__PURE__ */ (0,
|
|
9063
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8667
9064
|
Array.from(
|
|
8668
9065
|
{ length: 5 },
|
|
8669
9066
|
(_, index) => activePageNumber - 2 + index
|
|
8670
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9067
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8671
9068
|
Hyperlink,
|
|
8672
9069
|
{
|
|
8673
9070
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8674
9071
|
href: builder.getNewPageUrl(page),
|
|
8675
9072
|
children: page
|
|
8676
9073
|
}
|
|
8677
|
-
) : /* @__PURE__ */ (0,
|
|
8678
|
-
/* @__PURE__ */ (0,
|
|
8679
|
-
/* @__PURE__ */ (0,
|
|
9074
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
9075
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9076
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8680
9077
|
Hyperlink,
|
|
8681
9078
|
{
|
|
8682
9079
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8684,7 +9081,7 @@ var DataList = (props) => {
|
|
|
8684
9081
|
children: pages - 1
|
|
8685
9082
|
}
|
|
8686
9083
|
),
|
|
8687
|
-
/* @__PURE__ */ (0,
|
|
9084
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8688
9085
|
Hyperlink,
|
|
8689
9086
|
{
|
|
8690
9087
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8692,7 +9089,7 @@ var DataList = (props) => {
|
|
|
8692
9089
|
children: pages
|
|
8693
9090
|
}
|
|
8694
9091
|
),
|
|
8695
|
-
/* @__PURE__ */ (0,
|
|
9092
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8696
9093
|
"select",
|
|
8697
9094
|
{
|
|
8698
9095
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8704,8 +9101,8 @@ var DataList = (props) => {
|
|
|
8704
9101
|
}
|
|
8705
9102
|
},
|
|
8706
9103
|
children: [
|
|
8707
|
-
/* @__PURE__ */ (0,
|
|
8708
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
9104
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("option", { value: "", children: "Jump to" }),
|
|
9105
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("option", { value: page, children: page }, page))
|
|
8709
9106
|
]
|
|
8710
9107
|
}
|
|
8711
9108
|
) })
|
|
@@ -8713,16 +9110,16 @@ var DataList = (props) => {
|
|
|
8713
9110
|
}
|
|
8714
9111
|
}
|
|
8715
9112
|
};
|
|
8716
|
-
return /* @__PURE__ */ (0,
|
|
8717
|
-
/* @__PURE__ */ (0,
|
|
8718
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_react66.default.Fragment, { children: [
|
|
9114
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ContentView_default, { isDataFound, children: [
|
|
9115
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8719
9116
|
"div",
|
|
8720
9117
|
{
|
|
8721
9118
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
8722
9119
|
children: [
|
|
8723
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8724
|
-
/* @__PURE__ */ (0,
|
|
8725
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9120
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", {}),
|
|
9121
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9122
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8726
9123
|
InputControl_default,
|
|
8727
9124
|
{
|
|
8728
9125
|
name: "Search_input",
|
|
@@ -8734,7 +9131,7 @@ var DataList = (props) => {
|
|
|
8734
9131
|
}
|
|
8735
9132
|
}
|
|
8736
9133
|
),
|
|
8737
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9134
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8738
9135
|
InputControl_default,
|
|
8739
9136
|
{
|
|
8740
9137
|
name: filter.name,
|
|
@@ -8749,15 +9146,15 @@ var DataList = (props) => {
|
|
|
8749
9146
|
},
|
|
8750
9147
|
filter.name
|
|
8751
9148
|
)),
|
|
8752
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9149
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8753
9150
|
Hyperlink,
|
|
8754
9151
|
{
|
|
8755
9152
|
className: "gap-1",
|
|
8756
9153
|
linkType: "Primary" /* Solid */,
|
|
8757
9154
|
href: props.addLinkHref,
|
|
8758
9155
|
children: [
|
|
8759
|
-
/* @__PURE__ */ (0,
|
|
8760
|
-
/* @__PURE__ */ (0,
|
|
9156
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9157
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8761
9158
|
]
|
|
8762
9159
|
}
|
|
8763
9160
|
)
|
|
@@ -8765,8 +9162,8 @@ var DataList = (props) => {
|
|
|
8765
9162
|
]
|
|
8766
9163
|
}
|
|
8767
9164
|
),
|
|
8768
|
-
/* @__PURE__ */ (0,
|
|
8769
|
-
/* @__PURE__ */ (0,
|
|
9165
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
9166
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8770
9167
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8771
9168
|
let icon = "chevronUpDown";
|
|
8772
9169
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8776,18 +9173,18 @@ var DataList = (props) => {
|
|
|
8776
9173
|
icon = "chevronUp";
|
|
8777
9174
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8778
9175
|
}
|
|
8779
|
-
return /* @__PURE__ */ (0,
|
|
9176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8780
9177
|
"th",
|
|
8781
9178
|
{
|
|
8782
9179
|
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" : ""),
|
|
8783
|
-
children: /* @__PURE__ */ (0,
|
|
9180
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8784
9181
|
Hyperlink,
|
|
8785
9182
|
{
|
|
8786
9183
|
href: column.enableSorting ? url : void 0,
|
|
8787
9184
|
className: "!text-neutral-contrast ",
|
|
8788
|
-
children: /* @__PURE__ */ (0,
|
|
8789
|
-
/* @__PURE__ */ (0,
|
|
8790
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9185
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9186
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-black", children: column.label }),
|
|
9187
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8791
9188
|
] })
|
|
8792
9189
|
}
|
|
8793
9190
|
)
|
|
@@ -8795,22 +9192,22 @@ var DataList = (props) => {
|
|
|
8795
9192
|
column.name
|
|
8796
9193
|
);
|
|
8797
9194
|
}) }) }),
|
|
8798
|
-
/* @__PURE__ */ (0,
|
|
9195
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
8799
9196
|
let validityClass = "";
|
|
8800
9197
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
8801
9198
|
validityClass = "bg-alert-200";
|
|
8802
9199
|
}
|
|
8803
|
-
return /* @__PURE__ */ (0,
|
|
8804
|
-
return /* @__PURE__ */ (0,
|
|
9200
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
9201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8805
9202
|
"td",
|
|
8806
9203
|
{
|
|
8807
9204
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
8808
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
9205
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8809
9206
|
Hyperlink,
|
|
8810
9207
|
{
|
|
8811
9208
|
className: "",
|
|
8812
9209
|
href: `https://${dataitem[column.name]}`,
|
|
8813
|
-
children: /* @__PURE__ */ (0,
|
|
9210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8814
9211
|
ViewControl_default,
|
|
8815
9212
|
{
|
|
8816
9213
|
controlType: column.controlType,
|
|
@@ -8823,11 +9220,11 @@ var DataList = (props) => {
|
|
|
8823
9220
|
}
|
|
8824
9221
|
)
|
|
8825
9222
|
}
|
|
8826
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
9223
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8827
9224
|
Hyperlink,
|
|
8828
9225
|
{
|
|
8829
9226
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
8830
|
-
children: /* @__PURE__ */ (0,
|
|
9227
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8831
9228
|
ViewControl_default,
|
|
8832
9229
|
{
|
|
8833
9230
|
controlType: column.controlType,
|
|
@@ -8837,7 +9234,7 @@ var DataList = (props) => {
|
|
|
8837
9234
|
}
|
|
8838
9235
|
)
|
|
8839
9236
|
}
|
|
8840
|
-
) : /* @__PURE__ */ (0,
|
|
9237
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8841
9238
|
ViewControl_default,
|
|
8842
9239
|
{
|
|
8843
9240
|
controlType: column.controlType,
|
|
@@ -8851,10 +9248,10 @@ var DataList = (props) => {
|
|
|
8851
9248
|
}) }, index);
|
|
8852
9249
|
}) })
|
|
8853
9250
|
] }) }),
|
|
8854
|
-
/* @__PURE__ */ (0,
|
|
8855
|
-
/* @__PURE__ */ (0,
|
|
8856
|
-
/* @__PURE__ */ (0,
|
|
8857
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
9251
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
9252
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "text-gray-700", children: label }),
|
|
9253
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
9254
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8858
9255
|
Hyperlink,
|
|
8859
9256
|
{
|
|
8860
9257
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8862,9 +9259,9 @@ var DataList = (props) => {
|
|
|
8862
9259
|
children: "Prev"
|
|
8863
9260
|
}
|
|
8864
9261
|
),
|
|
8865
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
9262
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime91.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" }),
|
|
8866
9263
|
renderPageNumbers(),
|
|
8867
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
9264
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8868
9265
|
Hyperlink,
|
|
8869
9266
|
{
|
|
8870
9267
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8872,19 +9269,19 @@ var DataList = (props) => {
|
|
|
8872
9269
|
children: "Next"
|
|
8873
9270
|
}
|
|
8874
9271
|
),
|
|
8875
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
9272
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
8876
9273
|
] })
|
|
8877
9274
|
] }) })
|
|
8878
9275
|
] }),
|
|
8879
|
-
/* @__PURE__ */ (0,
|
|
8880
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9276
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
9277
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8881
9278
|
"div",
|
|
8882
9279
|
{
|
|
8883
9280
|
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`,
|
|
8884
9281
|
children: [
|
|
8885
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8886
|
-
/* @__PURE__ */ (0,
|
|
8887
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9282
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", {}),
|
|
9283
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9284
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8888
9285
|
InputControl_default,
|
|
8889
9286
|
{
|
|
8890
9287
|
name: "Search_input",
|
|
@@ -8896,7 +9293,7 @@ var DataList = (props) => {
|
|
|
8896
9293
|
}
|
|
8897
9294
|
}
|
|
8898
9295
|
),
|
|
8899
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9296
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8900
9297
|
InputControl_default,
|
|
8901
9298
|
{
|
|
8902
9299
|
name: filter.name,
|
|
@@ -8911,15 +9308,15 @@ var DataList = (props) => {
|
|
|
8911
9308
|
},
|
|
8912
9309
|
filter.name
|
|
8913
9310
|
)),
|
|
8914
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9311
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8915
9312
|
Hyperlink,
|
|
8916
9313
|
{
|
|
8917
9314
|
className: "gap-1",
|
|
8918
9315
|
linkType: "Primary" /* Solid */,
|
|
8919
9316
|
href: props.addLinkHref,
|
|
8920
9317
|
children: [
|
|
8921
|
-
/* @__PURE__ */ (0,
|
|
8922
|
-
/* @__PURE__ */ (0,
|
|
9318
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9319
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8923
9320
|
]
|
|
8924
9321
|
}
|
|
8925
9322
|
)
|
|
@@ -8927,8 +9324,8 @@ var DataList = (props) => {
|
|
|
8927
9324
|
]
|
|
8928
9325
|
}
|
|
8929
9326
|
),
|
|
8930
|
-
/* @__PURE__ */ (0,
|
|
8931
|
-
/* @__PURE__ */ (0,
|
|
9327
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
9328
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8932
9329
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8933
9330
|
let icon = "chevronUpDown";
|
|
8934
9331
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8938,18 +9335,18 @@ var DataList = (props) => {
|
|
|
8938
9335
|
icon = "chevronUp";
|
|
8939
9336
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8940
9337
|
}
|
|
8941
|
-
return /* @__PURE__ */ (0,
|
|
9338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8942
9339
|
"th",
|
|
8943
9340
|
{
|
|
8944
9341
|
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" : ""),
|
|
8945
|
-
children: /* @__PURE__ */ (0,
|
|
9342
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8946
9343
|
Hyperlink,
|
|
8947
9344
|
{
|
|
8948
9345
|
href: column.enableSorting ? url : void 0,
|
|
8949
9346
|
className: "text-body-950",
|
|
8950
|
-
children: /* @__PURE__ */ (0,
|
|
8951
|
-
/* @__PURE__ */ (0,
|
|
8952
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9347
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9348
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: column.label }),
|
|
9349
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8953
9350
|
] })
|
|
8954
9351
|
}
|
|
8955
9352
|
)
|
|
@@ -8957,7 +9354,7 @@ var DataList = (props) => {
|
|
|
8957
9354
|
column.name
|
|
8958
9355
|
);
|
|
8959
9356
|
}) }) }) }) }),
|
|
8960
|
-
/* @__PURE__ */ (0,
|
|
9357
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
8961
9358
|
] })
|
|
8962
9359
|
] })
|
|
8963
9360
|
] });
|
|
@@ -8970,7 +9367,7 @@ init_ServiceClient();
|
|
|
8970
9367
|
init_OdataBuilder();
|
|
8971
9368
|
init_SelectWithSearchInput();
|
|
8972
9369
|
var import_navigation4 = require("next/navigation");
|
|
8973
|
-
var
|
|
9370
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
8974
9371
|
var viewControlMap = {
|
|
8975
9372
|
number: ViewControlTypes.number,
|
|
8976
9373
|
lineText: ViewControlTypes.lineText,
|
|
@@ -9065,13 +9462,13 @@ var DataListRenderer = ({
|
|
|
9065
9462
|
isActive: landingPageUrl === pathname
|
|
9066
9463
|
};
|
|
9067
9464
|
});
|
|
9068
|
-
return /* @__PURE__ */ (0,
|
|
9465
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react67.default.Fragment, { children: [
|
|
9069
9466
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
9070
9467
|
// tabs={resolvedTabs}
|
|
9071
9468
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
9072
9469
|
// />
|
|
9073
|
-
/* @__PURE__ */ (0,
|
|
9074
|
-
/* @__PURE__ */ (0,
|
|
9470
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
9471
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9075
9472
|
DataList_default,
|
|
9076
9473
|
{
|
|
9077
9474
|
addLinkHref,
|
|
@@ -9128,7 +9525,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
9128
9525
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
9129
9526
|
|
|
9130
9527
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
9131
|
-
var
|
|
9528
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9132
9529
|
var DataFormChildSection = (props) => {
|
|
9133
9530
|
const { section } = props;
|
|
9134
9531
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -9196,14 +9593,14 @@ var DataFormChildSection = (props) => {
|
|
|
9196
9593
|
childItemsToRender,
|
|
9197
9594
|
allChildItems: childItems
|
|
9198
9595
|
});
|
|
9199
|
-
return /* @__PURE__ */ (0,
|
|
9200
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
9201
|
-
/* @__PURE__ */ (0,
|
|
9202
|
-
/* @__PURE__ */ (0,
|
|
9203
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
9204
|
-
return /* @__PURE__ */ (0,
|
|
9596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react68.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
9597
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
9598
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
9599
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
9600
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
9601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tr", { className: "", children: [
|
|
9205
9602
|
sectionRow.elements.map((field, index) => {
|
|
9206
|
-
return /* @__PURE__ */ (0,
|
|
9603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9207
9604
|
"th",
|
|
9208
9605
|
{
|
|
9209
9606
|
className: "py-3 font-normal text-left",
|
|
@@ -9212,21 +9609,21 @@ var DataFormChildSection = (props) => {
|
|
|
9212
9609
|
field.name
|
|
9213
9610
|
);
|
|
9214
9611
|
}),
|
|
9215
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9612
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
9216
9613
|
] }, sectionRowIndex);
|
|
9217
9614
|
}) }),
|
|
9218
|
-
/* @__PURE__ */ (0,
|
|
9615
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
9219
9616
|
const { item, originalIndex } = visibleItem;
|
|
9220
9617
|
const rowKey = originalIndex;
|
|
9221
|
-
return /* @__PURE__ */ (0,
|
|
9618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react68.default.Fragment, { children: section.sectionRows.map(
|
|
9222
9619
|
(sectionRow, sectionRowIndex) => {
|
|
9223
|
-
return /* @__PURE__ */ (0,
|
|
9620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9224
9621
|
"tr",
|
|
9225
9622
|
{
|
|
9226
9623
|
className: "",
|
|
9227
9624
|
children: [
|
|
9228
9625
|
sectionRow.elements.map((field, index) => {
|
|
9229
|
-
return /* @__PURE__ */ (0,
|
|
9626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9230
9627
|
InputControl_default,
|
|
9231
9628
|
{
|
|
9232
9629
|
index: filteredIndex,
|
|
@@ -9246,7 +9643,7 @@ var DataFormChildSection = (props) => {
|
|
|
9246
9643
|
}
|
|
9247
9644
|
) }) }) }, field.name);
|
|
9248
9645
|
}),
|
|
9249
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9646
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9250
9647
|
ClientButton_default,
|
|
9251
9648
|
{
|
|
9252
9649
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -9255,7 +9652,7 @@ var DataFormChildSection = (props) => {
|
|
|
9255
9652
|
},
|
|
9256
9653
|
dataRole: "delete",
|
|
9257
9654
|
tabIndex: -1,
|
|
9258
|
-
children: /* @__PURE__ */ (0,
|
|
9655
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9259
9656
|
Icon_default,
|
|
9260
9657
|
{
|
|
9261
9658
|
className: "w-4 h-4",
|
|
@@ -9272,7 +9669,7 @@ var DataFormChildSection = (props) => {
|
|
|
9272
9669
|
) }, rowKey);
|
|
9273
9670
|
}) })
|
|
9274
9671
|
] }) }),
|
|
9275
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9672
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9276
9673
|
ClientButton_default,
|
|
9277
9674
|
{
|
|
9278
9675
|
ButtonType: "Link" /* Link */,
|
|
@@ -9287,7 +9684,7 @@ var DataFormChildSection = (props) => {
|
|
|
9287
9684
|
var DataFormChildSection_default = DataFormChildSection;
|
|
9288
9685
|
|
|
9289
9686
|
// src/components/dataForm/DataForm.tsx
|
|
9290
|
-
var
|
|
9687
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
9291
9688
|
var DataForm = (props) => {
|
|
9292
9689
|
const formRef = (0, import_react69.useRef)(null);
|
|
9293
9690
|
console.log(props.dataItem, "dssads");
|
|
@@ -9507,19 +9904,19 @@ var DataForm = (props) => {
|
|
|
9507
9904
|
return false;
|
|
9508
9905
|
}
|
|
9509
9906
|
}
|
|
9510
|
-
return /* @__PURE__ */ (0,
|
|
9511
|
-
props.title && /* @__PURE__ */ (0,
|
|
9907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react69.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
9908
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsxs)(
|
|
9512
9909
|
"div",
|
|
9513
9910
|
{
|
|
9514
9911
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
9515
9912
|
onClick: () => window.history.back(),
|
|
9516
9913
|
children: [
|
|
9517
|
-
/* @__PURE__ */ (0,
|
|
9518
|
-
/* @__PURE__ */ (0,
|
|
9914
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
9915
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
9519
9916
|
]
|
|
9520
9917
|
}
|
|
9521
9918
|
) }),
|
|
9522
|
-
/* @__PURE__ */ (0,
|
|
9919
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9523
9920
|
"form",
|
|
9524
9921
|
{
|
|
9525
9922
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -9540,8 +9937,8 @@ var DataForm = (props) => {
|
|
|
9540
9937
|
}
|
|
9541
9938
|
}
|
|
9542
9939
|
},
|
|
9543
|
-
children: /* @__PURE__ */ (0,
|
|
9544
|
-
return /* @__PURE__ */ (0,
|
|
9940
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
9941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react69.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
9545
9942
|
section.sectionRows?.map(
|
|
9546
9943
|
(sectionRow, sectionRowIndex) => {
|
|
9547
9944
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -9552,14 +9949,14 @@ var DataForm = (props) => {
|
|
|
9552
9949
|
sectionRow.visible
|
|
9553
9950
|
);
|
|
9554
9951
|
}
|
|
9555
|
-
return /* @__PURE__ */ (0,
|
|
9556
|
-
return /* @__PURE__ */ (0,
|
|
9952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react69.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
9953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
9557
9954
|
"div",
|
|
9558
9955
|
{
|
|
9559
9956
|
className: sectionRow.grow ? "grow" : "",
|
|
9560
9957
|
children: [
|
|
9561
|
-
/* @__PURE__ */ (0,
|
|
9562
|
-
/* @__PURE__ */ (0,
|
|
9958
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: field.controlType }),
|
|
9959
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9563
9960
|
InputControl_default,
|
|
9564
9961
|
{
|
|
9565
9962
|
name: field.name,
|
|
@@ -9589,12 +9986,12 @@ var DataForm = (props) => {
|
|
|
9589
9986
|
}) }) }, sectionRowIndex);
|
|
9590
9987
|
}
|
|
9591
9988
|
),
|
|
9592
|
-
/* @__PURE__ */ (0,
|
|
9989
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: section.childSections?.map(
|
|
9593
9990
|
(childSection, childSectionIndex) => {
|
|
9594
|
-
return /* @__PURE__ */ (0,
|
|
9991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
9595
9992
|
formState.inputValues,
|
|
9596
9993
|
childSection.visible
|
|
9597
|
-
) && /* @__PURE__ */ (0,
|
|
9994
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9598
9995
|
DataFormChildSection_default,
|
|
9599
9996
|
{
|
|
9600
9997
|
section: childSection,
|
|
@@ -9609,8 +10006,8 @@ var DataForm = (props) => {
|
|
|
9609
10006
|
}) })
|
|
9610
10007
|
}
|
|
9611
10008
|
),
|
|
9612
|
-
/* @__PURE__ */ (0,
|
|
9613
|
-
/* @__PURE__ */ (0,
|
|
10009
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
10010
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9614
10011
|
Button_default,
|
|
9615
10012
|
{
|
|
9616
10013
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9618,7 +10015,7 @@ var DataForm = (props) => {
|
|
|
9618
10015
|
children: props.additionalActions.title
|
|
9619
10016
|
}
|
|
9620
10017
|
) }),
|
|
9621
|
-
/* @__PURE__ */ (0,
|
|
10018
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9622
10019
|
Button_default,
|
|
9623
10020
|
{
|
|
9624
10021
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9629,7 +10026,7 @@ var DataForm = (props) => {
|
|
|
9629
10026
|
children: "Delete"
|
|
9630
10027
|
}
|
|
9631
10028
|
) }),
|
|
9632
|
-
/* @__PURE__ */ (0,
|
|
10029
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9633
10030
|
Button_default,
|
|
9634
10031
|
{
|
|
9635
10032
|
onValidate,
|
|
@@ -9647,7 +10044,7 @@ var DataForm_default = DataForm;
|
|
|
9647
10044
|
|
|
9648
10045
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
9649
10046
|
init_ServiceClient();
|
|
9650
|
-
var
|
|
10047
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
9651
10048
|
function getAction(actions, code) {
|
|
9652
10049
|
return actions?.find((a) => a.actionCode === code);
|
|
9653
10050
|
}
|
|
@@ -9673,9 +10070,9 @@ var DataFormRenderer = ({
|
|
|
9673
10070
|
"Delete"
|
|
9674
10071
|
);
|
|
9675
10072
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
9676
|
-
return /* @__PURE__ */ (0,
|
|
9677
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
9678
|
-
/* @__PURE__ */ (0,
|
|
10073
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
10074
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
10075
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
9679
10076
|
DataForm_default,
|
|
9680
10077
|
{
|
|
9681
10078
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|