@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260827034013 → 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 +1162 -714
- package/dist/index.mjs +804 -360
- package/dist/server.js +945 -497
- package/dist/server.mjs +621 -177
- 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()}`,
|
|
@@ -5511,23 +5511,454 @@ var parseSerializedContent = (raw) => {
|
|
|
5511
5511
|
|
|
5512
5512
|
// src/components/controls/view/CommentNodeRenderer.tsx
|
|
5513
5513
|
var import_react17 = __toESM(require("react"));
|
|
5514
|
+
|
|
5515
|
+
// src/components/controls/view/CommentImageNode.tsx
|
|
5516
|
+
init_AssetUtility();
|
|
5514
5517
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
5518
|
+
var CommentImageNode = ({ node, assetBaseUrl }) => {
|
|
5519
|
+
const rawUrl = typeof node.url === "string" && node.url || typeof node.src === "string" && node.src || typeof node.assetUrl === "string" && node.assetUrl || "";
|
|
5520
|
+
if (!rawUrl) {
|
|
5521
|
+
return null;
|
|
5522
|
+
}
|
|
5523
|
+
const resolvedUrl = AssetUtility_default.resolveUrl(assetBaseUrl, rawUrl);
|
|
5524
|
+
if (!resolvedUrl) {
|
|
5525
|
+
return null;
|
|
5526
|
+
}
|
|
5527
|
+
console.log("resolvedUrl", resolvedUrl);
|
|
5528
|
+
const alt = typeof node.fileName === "string" && node.fileName || typeof node.altText === "string" && node.altText || typeof node.alt === "string" && node.alt || "";
|
|
5529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
5530
|
+
"img",
|
|
5531
|
+
{
|
|
5532
|
+
className: "comment-node-image",
|
|
5533
|
+
src: resolvedUrl,
|
|
5534
|
+
alt,
|
|
5535
|
+
loading: "lazy",
|
|
5536
|
+
style: { maxWidth: "100%", height: "auto", display: "block" }
|
|
5537
|
+
}
|
|
5538
|
+
);
|
|
5539
|
+
};
|
|
5540
|
+
var CommentImageNode_default = CommentImageNode;
|
|
5541
|
+
|
|
5542
|
+
// src/components/controls/view/CommentFileNode.tsx
|
|
5543
|
+
init_AssetUtility();
|
|
5544
|
+
|
|
5545
|
+
// src/components/controls/view/FileIcon.tsx
|
|
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");
|
|
5515
5939
|
var TextLeafNode = ({ node }) => {
|
|
5516
5940
|
let content = node.text;
|
|
5517
|
-
if (node.code) content = /* @__PURE__ */ (0,
|
|
5518
|
-
if (node.bold) content = /* @__PURE__ */ (0,
|
|
5519
|
-
if (node.italic) content = /* @__PURE__ */ (0,
|
|
5520
|
-
if (node.underline) content = /* @__PURE__ */ (0,
|
|
5521
|
-
if (node.strikethrough) content = /* @__PURE__ */ (0,
|
|
5522
|
-
return /* @__PURE__ */ (0,
|
|
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 });
|
|
5523
5947
|
};
|
|
5524
|
-
var renderChildren = (children, keyPrefix) => {
|
|
5948
|
+
var renderChildren = (children, keyPrefix, assetBaseUrl) => {
|
|
5525
5949
|
if (!children || children.length === 0) {
|
|
5526
5950
|
return null;
|
|
5527
5951
|
}
|
|
5528
5952
|
return children.map((child, index) => {
|
|
5529
5953
|
const childKey = isTextNode(child) ? void 0 : asElementNode(child).id;
|
|
5530
|
-
return /* @__PURE__ */ (0,
|
|
5954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
5955
|
+
CommentNodeRenderer,
|
|
5956
|
+
{
|
|
5957
|
+
node: child,
|
|
5958
|
+
assetBaseUrl
|
|
5959
|
+
},
|
|
5960
|
+
childKey ?? `${keyPrefix}-${index}`
|
|
5961
|
+
);
|
|
5531
5962
|
});
|
|
5532
5963
|
};
|
|
5533
5964
|
var headingLevelFromTag = (tag) => {
|
|
@@ -5535,70 +5966,83 @@ var headingLevelFromTag = (tag) => {
|
|
|
5535
5966
|
const parsed = match ? Number(match[0]) : Number(tag);
|
|
5536
5967
|
return Number.isFinite(parsed) && parsed >= 1 && parsed <= 6 ? parsed : 3;
|
|
5537
5968
|
};
|
|
5538
|
-
var CommentNodeRenderer = ({ node }) => {
|
|
5969
|
+
var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
|
|
5539
5970
|
if (!node || typeof node !== "object") {
|
|
5540
5971
|
return null;
|
|
5541
5972
|
}
|
|
5542
5973
|
if (isTextNode(node)) {
|
|
5543
|
-
return /* @__PURE__ */ (0,
|
|
5974
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextLeafNode, { node });
|
|
5544
5975
|
}
|
|
5545
5976
|
const element = asElementNode(node);
|
|
5546
5977
|
const key = element.id ?? element.type;
|
|
5547
5978
|
switch (element.type) {
|
|
5548
5979
|
case "paragraph":
|
|
5549
|
-
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", {}) });
|
|
5550
5981
|
case "heading": {
|
|
5551
5982
|
const level = headingLevelFromTag(element.tag ?? element.level);
|
|
5552
5983
|
const HeadingTag = `h${level}`;
|
|
5553
|
-
return /* @__PURE__ */ (0,
|
|
5984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HeadingTag, { className: "comment-node-heading", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5554
5985
|
}
|
|
5555
5986
|
case "list": {
|
|
5556
5987
|
const ordered = element.listType === "number" || element.ordered === true;
|
|
5557
5988
|
const ListTag = ordered ? "ol" : "ul";
|
|
5558
|
-
return /* @__PURE__ */ (0,
|
|
5989
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ListTag, { className: "comment-node-list", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5559
5990
|
}
|
|
5560
5991
|
case "listitem":
|
|
5561
5992
|
case "list-item":
|
|
5562
|
-
return /* @__PURE__ */ (0,
|
|
5993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { className: "comment-node-listitem", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5563
5994
|
case "quote":
|
|
5564
5995
|
case "blockquote":
|
|
5565
|
-
return /* @__PURE__ */ (0,
|
|
5996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5566
5997
|
case "code":
|
|
5567
5998
|
case "code-block":
|
|
5568
|
-
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) }) });
|
|
6000
|
+
case "image":
|
|
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 });
|
|
5569
6004
|
case "link": {
|
|
5570
6005
|
const url = typeof element.url === "string" ? element.url : "#";
|
|
5571
|
-
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) });
|
|
5572
6007
|
}
|
|
5573
6008
|
case "mention": {
|
|
5574
6009
|
const label = element.label ?? element.mentionName ?? element.text ?? "";
|
|
5575
|
-
return /* @__PURE__ */ (0,
|
|
6010
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: "comment-node-mention", children: [
|
|
5576
6011
|
"@",
|
|
5577
6012
|
label
|
|
5578
6013
|
] });
|
|
5579
6014
|
}
|
|
5580
6015
|
case "linebreak":
|
|
5581
6016
|
case "line-break":
|
|
5582
|
-
return /* @__PURE__ */ (0,
|
|
6017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("br", {});
|
|
5583
6018
|
default:
|
|
5584
|
-
return /* @__PURE__ */ (0,
|
|
6019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react17.default.Fragment, { children: renderChildren(element.children, key, assetBaseUrl) });
|
|
5585
6020
|
}
|
|
5586
6021
|
};
|
|
5587
6022
|
var CommentNodeRenderer_default = CommentNodeRenderer;
|
|
5588
6023
|
|
|
5589
6024
|
// src/components/controls/view/Commentrenderer.tsx
|
|
5590
|
-
var
|
|
5591
|
-
var CommentRenderer = ({ value, className }) => {
|
|
6025
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
6026
|
+
var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
5592
6027
|
const nodes = import_react18.default.useMemo(() => parseSerializedContent(value), [value]);
|
|
5593
6028
|
if (!nodes || nodes.length === 0) {
|
|
5594
6029
|
return null;
|
|
5595
6030
|
}
|
|
5596
|
-
|
|
6031
|
+
const resolvedAssetBaseUrl = assetBaseUrl ?? apiBaseUrl;
|
|
6032
|
+
console.log(resolvedAssetBaseUrl, "resolvedAssetBaseUrl");
|
|
6033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: className ?? "comment-renderer", children: nodes.map((node, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
6034
|
+
CommentNodeRenderer_default,
|
|
6035
|
+
{
|
|
6036
|
+
node,
|
|
6037
|
+
assetBaseUrl: resolvedAssetBaseUrl
|
|
6038
|
+
},
|
|
6039
|
+
node.id ?? `comment-node-${index}`
|
|
6040
|
+
)) });
|
|
5597
6041
|
};
|
|
5598
6042
|
var Commentrenderer_default = CommentRenderer;
|
|
5599
6043
|
|
|
5600
6044
|
// src/components/controls/view/ViewControl.tsx
|
|
5601
|
-
var
|
|
6045
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
5602
6046
|
var ViewControl = (props) => {
|
|
5603
6047
|
const ControlComponents = {
|
|
5604
6048
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -5629,7 +6073,7 @@ var ViewControl = (props) => {
|
|
|
5629
6073
|
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
5630
6074
|
};
|
|
5631
6075
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
5632
|
-
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 });
|
|
5633
6077
|
};
|
|
5634
6078
|
var ViewControl_default = ViewControl;
|
|
5635
6079
|
|
|
@@ -5644,7 +6088,7 @@ var import_react61 = __toESM(require("react"));
|
|
|
5644
6088
|
var import_react47 = __toESM(require("react"));
|
|
5645
6089
|
|
|
5646
6090
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
5647
|
-
var
|
|
6091
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5648
6092
|
var TextNode = (props) => {
|
|
5649
6093
|
function cssStringToJson(cssString) {
|
|
5650
6094
|
const styleObject = {};
|
|
@@ -5699,26 +6143,26 @@ var TextNode = (props) => {
|
|
|
5699
6143
|
});
|
|
5700
6144
|
}
|
|
5701
6145
|
function renderWithLineBreaks(text) {
|
|
5702
|
-
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: [
|
|
5703
6147
|
line,
|
|
5704
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
6148
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("br", {})
|
|
5705
6149
|
] }, index));
|
|
5706
6150
|
}
|
|
5707
6151
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
5708
6152
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
5709
6153
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
5710
|
-
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;
|
|
5711
6155
|
return (
|
|
5712
6156
|
// @ts-expect-error custom code
|
|
5713
|
-
/* @__PURE__ */ (0,
|
|
6157
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
5714
6158
|
);
|
|
5715
6159
|
};
|
|
5716
6160
|
var TextNode_default = TextNode;
|
|
5717
6161
|
|
|
5718
6162
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
5719
|
-
var
|
|
6163
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5720
6164
|
var LineBreakNode = () => {
|
|
5721
|
-
return /* @__PURE__ */ (0,
|
|
6165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
5722
6166
|
};
|
|
5723
6167
|
var LineBreakNode_default = LineBreakNode;
|
|
5724
6168
|
|
|
@@ -5728,7 +6172,7 @@ var import_react46 = __toESM(require("react"));
|
|
|
5728
6172
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
5729
6173
|
init_AssetUtility();
|
|
5730
6174
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
5731
|
-
var
|
|
6175
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5732
6176
|
var HlsPlayer3 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5733
6177
|
var getNestedValue = (obj, path) => {
|
|
5734
6178
|
if (!obj || !path) return void 0;
|
|
@@ -5761,7 +6205,7 @@ var ImageNode = (props) => {
|
|
|
5761
6205
|
assets = [image];
|
|
5762
6206
|
}
|
|
5763
6207
|
if (assets && assets.length > 0) {
|
|
5764
|
-
return /* @__PURE__ */ (0,
|
|
6208
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5765
6209
|
DeviceAssetSelector_default,
|
|
5766
6210
|
{
|
|
5767
6211
|
device: props.device,
|
|
@@ -5802,7 +6246,7 @@ var ImageNode = (props) => {
|
|
|
5802
6246
|
right: "justify-end"
|
|
5803
6247
|
};
|
|
5804
6248
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
5805
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
6249
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5806
6250
|
HlsPlayer3,
|
|
5807
6251
|
{
|
|
5808
6252
|
assetUrl: imageUrl,
|
|
@@ -5815,7 +6259,7 @@ var ImageNode = (props) => {
|
|
|
5815
6259
|
apiBaseUrl: props.apiBaseUrl,
|
|
5816
6260
|
session: props.session
|
|
5817
6261
|
}
|
|
5818
|
-
) : /* @__PURE__ */ (0,
|
|
6262
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
5819
6263
|
"img",
|
|
5820
6264
|
{
|
|
5821
6265
|
style: styles,
|
|
@@ -5828,7 +6272,7 @@ var ImageNode = (props) => {
|
|
|
5828
6272
|
}
|
|
5829
6273
|
);
|
|
5830
6274
|
if (props.node.width) {
|
|
5831
|
-
return /* @__PURE__ */ (0,
|
|
6275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
5832
6276
|
}
|
|
5833
6277
|
return renderMedia();
|
|
5834
6278
|
};
|
|
@@ -5838,7 +6282,7 @@ var ImageNode_default = ImageNode;
|
|
|
5838
6282
|
init_StyleTypes();
|
|
5839
6283
|
init_Hyperlink();
|
|
5840
6284
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5841
|
-
var
|
|
6285
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5842
6286
|
var LinkNodeButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
5843
6287
|
ssr: false
|
|
5844
6288
|
});
|
|
@@ -5891,13 +6335,13 @@ var LinkNode = (props) => {
|
|
|
5891
6335
|
const isButton = node.isButton === true;
|
|
5892
6336
|
const renderChildren2 = () => {
|
|
5893
6337
|
if (!node.children || node.children.length === 0) return null;
|
|
5894
|
-
return /* @__PURE__ */ (0,
|
|
6338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: node.children.map((childNode, index) => {
|
|
5895
6339
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5896
6340
|
if (!SelectedNode) {
|
|
5897
6341
|
console.warn("Unknown node type:", childNode.type);
|
|
5898
6342
|
return null;
|
|
5899
6343
|
}
|
|
5900
|
-
return /* @__PURE__ */ (0,
|
|
6344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
5901
6345
|
SelectedNode,
|
|
5902
6346
|
{
|
|
5903
6347
|
node: childNode,
|
|
@@ -5910,15 +6354,15 @@ var LinkNode = (props) => {
|
|
|
5910
6354
|
};
|
|
5911
6355
|
const renderFallback = () => {
|
|
5912
6356
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
5913
|
-
return /* @__PURE__ */ (0,
|
|
6357
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: linkText });
|
|
5914
6358
|
}
|
|
5915
6359
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
5916
|
-
return /* @__PURE__ */ (0,
|
|
6360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("br", {});
|
|
5917
6361
|
}
|
|
5918
6362
|
return null;
|
|
5919
6363
|
};
|
|
5920
6364
|
if (isButton) {
|
|
5921
|
-
return /* @__PURE__ */ (0,
|
|
6365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
5922
6366
|
LinkNodeButton2,
|
|
5923
6367
|
{
|
|
5924
6368
|
node,
|
|
@@ -5936,7 +6380,7 @@ var LinkNode = (props) => {
|
|
|
5936
6380
|
}
|
|
5937
6381
|
);
|
|
5938
6382
|
}
|
|
5939
|
-
return /* @__PURE__ */ (0,
|
|
6383
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
|
|
5940
6384
|
Hyperlink,
|
|
5941
6385
|
{
|
|
5942
6386
|
href: linkUrl || "#",
|
|
@@ -5952,10 +6396,10 @@ var LinkNode = (props) => {
|
|
|
5952
6396
|
var LinkNode_default = LinkNode;
|
|
5953
6397
|
|
|
5954
6398
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
5955
|
-
var
|
|
6399
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5956
6400
|
var SVGIconNode = ({ node }) => {
|
|
5957
6401
|
if (!node?.svgCode) return null;
|
|
5958
|
-
return /* @__PURE__ */ (0,
|
|
6402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5959
6403
|
"span",
|
|
5960
6404
|
{
|
|
5961
6405
|
style: {
|
|
@@ -5972,7 +6416,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
5972
6416
|
|
|
5973
6417
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
5974
6418
|
var import_katex = __toESM(require("katex"));
|
|
5975
|
-
var
|
|
6419
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
5976
6420
|
var EquationNode = ({ node }) => {
|
|
5977
6421
|
const { equation, inline } = node;
|
|
5978
6422
|
let html = "";
|
|
@@ -5987,7 +6431,7 @@ var EquationNode = ({ node }) => {
|
|
|
5987
6431
|
});
|
|
5988
6432
|
}
|
|
5989
6433
|
if (inline) {
|
|
5990
|
-
return /* @__PURE__ */ (0,
|
|
6434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5991
6435
|
"span",
|
|
5992
6436
|
{
|
|
5993
6437
|
className: "katex-inline",
|
|
@@ -5995,7 +6439,7 @@ var EquationNode = ({ node }) => {
|
|
|
5995
6439
|
}
|
|
5996
6440
|
);
|
|
5997
6441
|
}
|
|
5998
|
-
return /* @__PURE__ */ (0,
|
|
6442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
5999
6443
|
"div",
|
|
6000
6444
|
{
|
|
6001
6445
|
className: "katex-block my-3 text-center",
|
|
@@ -6006,7 +6450,7 @@ var EquationNode = ({ node }) => {
|
|
|
6006
6450
|
var EquationNode_default = EquationNode;
|
|
6007
6451
|
|
|
6008
6452
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
6009
|
-
var
|
|
6453
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6010
6454
|
function getNestedProperty(obj, path) {
|
|
6011
6455
|
if (!obj || !path) return null;
|
|
6012
6456
|
if (path.includes(".")) {
|
|
@@ -6019,7 +6463,7 @@ function getNestedProperty(obj, path) {
|
|
|
6019
6463
|
}
|
|
6020
6464
|
const value = obj[path];
|
|
6021
6465
|
if (Array.isArray(value)) {
|
|
6022
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
6466
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { children: String(item) }, index));
|
|
6023
6467
|
}
|
|
6024
6468
|
return value;
|
|
6025
6469
|
}
|
|
@@ -6082,7 +6526,7 @@ var DatafieldNode = (props) => {
|
|
|
6082
6526
|
const dataType = props.node.dataType;
|
|
6083
6527
|
if (isEmptyValue) return null;
|
|
6084
6528
|
if (dataType === "rawContent") {
|
|
6085
|
-
return /* @__PURE__ */ (0,
|
|
6529
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6086
6530
|
PageBodyRenderer_default,
|
|
6087
6531
|
{
|
|
6088
6532
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -6098,17 +6542,19 @@ var DatafieldNode = (props) => {
|
|
|
6098
6542
|
}
|
|
6099
6543
|
);
|
|
6100
6544
|
}
|
|
6101
|
-
return /* @__PURE__ */ (0,
|
|
6545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6102
6546
|
"span",
|
|
6103
6547
|
{
|
|
6104
6548
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
6105
6549
|
style: styles,
|
|
6106
6550
|
title,
|
|
6107
|
-
children: /* @__PURE__ */ (0,
|
|
6551
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6108
6552
|
ViewControl_default,
|
|
6109
6553
|
{
|
|
6110
6554
|
controlType: dataType,
|
|
6111
|
-
value: value ?? `@databound[${fieldName}]
|
|
6555
|
+
value: value ?? `@databound[${fieldName}]`,
|
|
6556
|
+
apiBaseUrl: props.apiBaseUrl,
|
|
6557
|
+
assetBaseUrl: props.assetBaseUrl
|
|
6112
6558
|
}
|
|
6113
6559
|
)
|
|
6114
6560
|
}
|
|
@@ -6117,7 +6563,7 @@ var DatafieldNode = (props) => {
|
|
|
6117
6563
|
var DatafieldNode_default = DatafieldNode;
|
|
6118
6564
|
|
|
6119
6565
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
6120
|
-
var
|
|
6566
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6121
6567
|
var ParagraphNode = (props) => {
|
|
6122
6568
|
const NodeTypes2 = {
|
|
6123
6569
|
["text"]: TextNode_default,
|
|
@@ -6137,42 +6583,44 @@ var ParagraphNode = (props) => {
|
|
|
6137
6583
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
6138
6584
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
6139
6585
|
if (isInlineOnlyParent) {
|
|
6140
|
-
return /* @__PURE__ */ (0,
|
|
6586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
6141
6587
|
const SelectedNode = NodeTypes2[node.type];
|
|
6142
|
-
return /* @__PURE__ */ (0,
|
|
6588
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6143
6589
|
SelectedNode,
|
|
6144
6590
|
{
|
|
6145
6591
|
node,
|
|
6146
6592
|
dataitem: props.dataitem,
|
|
6147
6593
|
session: props.session,
|
|
6148
6594
|
apiBaseUrl: props.apiBaseUrl,
|
|
6595
|
+
assetBaseUrl: props.assetBaseUrl,
|
|
6149
6596
|
routeParameters: props.routeParameters
|
|
6150
6597
|
}
|
|
6151
6598
|
) }, index);
|
|
6152
6599
|
}) });
|
|
6153
6600
|
}
|
|
6154
|
-
return /* @__PURE__ */ (0,
|
|
6601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: " " + formatClasses, children: [
|
|
6155
6602
|
hasChildren && props.node.children.map((node, index) => {
|
|
6156
6603
|
const SelectedNode = NodeTypes2[node.type];
|
|
6157
|
-
return /* @__PURE__ */ (0,
|
|
6604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
6158
6605
|
SelectedNode,
|
|
6159
6606
|
{
|
|
6160
6607
|
node,
|
|
6161
6608
|
dataitem: props.dataitem,
|
|
6162
6609
|
session: props.session,
|
|
6163
6610
|
apiBaseUrl: props.apiBaseUrl,
|
|
6611
|
+
assetBaseUrl: props.assetBaseUrl,
|
|
6164
6612
|
routeParameters: props.routeParameters
|
|
6165
6613
|
}
|
|
6166
6614
|
) }, index);
|
|
6167
6615
|
}),
|
|
6168
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
6616
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
6169
6617
|
] });
|
|
6170
6618
|
};
|
|
6171
6619
|
var ParagraphNode_default = ParagraphNode;
|
|
6172
6620
|
|
|
6173
6621
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
6174
6622
|
var import_react48 = __toESM(require("react"));
|
|
6175
|
-
var
|
|
6623
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
6176
6624
|
var HeadingNode = (props) => {
|
|
6177
6625
|
const NodeTypes2 = {
|
|
6178
6626
|
["text"]: TextNode_default,
|
|
@@ -6188,12 +6636,12 @@ var HeadingNode = (props) => {
|
|
|
6188
6636
|
{
|
|
6189
6637
|
}
|
|
6190
6638
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
6191
|
-
return /* @__PURE__ */ (0,
|
|
6639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: import_react48.default.createElement(
|
|
6192
6640
|
HeadingTag,
|
|
6193
6641
|
{ className: formatClasses },
|
|
6194
6642
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
6195
6643
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
6196
|
-
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);
|
|
6197
6645
|
})
|
|
6198
6646
|
) });
|
|
6199
6647
|
};
|
|
@@ -6204,7 +6652,7 @@ var import_react50 = __toESM(require("react"));
|
|
|
6204
6652
|
|
|
6205
6653
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
6206
6654
|
var import_react49 = __toESM(require("react"));
|
|
6207
|
-
var
|
|
6655
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
6208
6656
|
var ListItemNode = (props) => {
|
|
6209
6657
|
const NodeTypes2 = {
|
|
6210
6658
|
text: TextNode_default,
|
|
@@ -6221,37 +6669,37 @@ var ListItemNode = (props) => {
|
|
|
6221
6669
|
liStyle.fontSize = match[1].trim();
|
|
6222
6670
|
}
|
|
6223
6671
|
}
|
|
6224
|
-
return /* @__PURE__ */ (0,
|
|
6672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
6225
6673
|
const SelectedNode = NodeTypes2[node.type];
|
|
6226
6674
|
if (node.type === "linebreak") {
|
|
6227
6675
|
if (!foundFirstBreak) {
|
|
6228
6676
|
foundFirstBreak = true;
|
|
6229
|
-
return /* @__PURE__ */ (0,
|
|
6677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", {}, index);
|
|
6230
6678
|
} else {
|
|
6231
|
-
return /* @__PURE__ */ (0,
|
|
6679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
6232
6680
|
}
|
|
6233
6681
|
} else {
|
|
6234
6682
|
foundFirstBreak = false;
|
|
6235
|
-
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);
|
|
6236
6684
|
}
|
|
6237
6685
|
}) });
|
|
6238
6686
|
};
|
|
6239
6687
|
var ListItemNode_default = ListItemNode;
|
|
6240
6688
|
|
|
6241
6689
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
6242
|
-
var
|
|
6690
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6243
6691
|
var ListNode = (props) => {
|
|
6244
6692
|
const NodeTypes2 = {
|
|
6245
6693
|
listitem: ListItemNode_default
|
|
6246
6694
|
};
|
|
6247
|
-
return /* @__PURE__ */ (0,
|
|
6248
|
-
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) => {
|
|
6249
6697
|
const SelectedNode = NodeTypes2[node.type];
|
|
6250
|
-
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);
|
|
6251
6699
|
}) }),
|
|
6252
|
-
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) => {
|
|
6253
6701
|
const SelectedNode = NodeTypes2[node.type];
|
|
6254
|
-
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);
|
|
6255
6703
|
}) })
|
|
6256
6704
|
] });
|
|
6257
6705
|
};
|
|
@@ -6259,16 +6707,16 @@ var ListNode_default = ListNode;
|
|
|
6259
6707
|
|
|
6260
6708
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
6261
6709
|
var import_react51 = __toESM(require("react"));
|
|
6262
|
-
var
|
|
6710
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
6263
6711
|
var QuoteNode = (props) => {
|
|
6264
6712
|
const NodeTypes2 = {
|
|
6265
6713
|
["text"]: TextNode_default,
|
|
6266
6714
|
["linebreak"]: LineBreakNode_default,
|
|
6267
6715
|
["link"]: LinkNode_default
|
|
6268
6716
|
};
|
|
6269
|
-
return /* @__PURE__ */ (0,
|
|
6717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
6270
6718
|
const SelectedNode = NodeTypes2[node.type];
|
|
6271
|
-
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);
|
|
6272
6720
|
}) });
|
|
6273
6721
|
};
|
|
6274
6722
|
var QuoteNode_default = QuoteNode;
|
|
@@ -6276,11 +6724,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
6276
6724
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
6277
6725
|
var import_react53 = __toESM(require("react"));
|
|
6278
6726
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
6279
|
-
var
|
|
6727
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6280
6728
|
var CopyButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
6281
6729
|
ssr: false,
|
|
6282
6730
|
// optional: fallback UI while loading
|
|
6283
|
-
loading: () => /* @__PURE__ */ (0,
|
|
6731
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
6284
6732
|
});
|
|
6285
6733
|
var CodeNode = (props) => {
|
|
6286
6734
|
const NodeTypes2 = {
|
|
@@ -6294,14 +6742,14 @@ var CodeNode = (props) => {
|
|
|
6294
6742
|
if (node.type === "link") return node.text || node.url || "";
|
|
6295
6743
|
return "";
|
|
6296
6744
|
}).join("") ?? "";
|
|
6297
|
-
return /* @__PURE__ */ (0,
|
|
6298
|
-
/* @__PURE__ */ (0,
|
|
6299
|
-
/* @__PURE__ */ (0,
|
|
6300
|
-
/* @__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 })
|
|
6301
6749
|
] }),
|
|
6302
|
-
/* @__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) => {
|
|
6303
6751
|
const SelectedNode = NodeTypes2[node.type];
|
|
6304
|
-
return /* @__PURE__ */ (0,
|
|
6752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6305
6753
|
SelectedNode,
|
|
6306
6754
|
{
|
|
6307
6755
|
node,
|
|
@@ -6316,15 +6764,15 @@ var CodeNode = (props) => {
|
|
|
6316
6764
|
var CodeNode_default = CodeNode;
|
|
6317
6765
|
|
|
6318
6766
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
6319
|
-
var
|
|
6767
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6320
6768
|
var HorizontalRuleNode = () => {
|
|
6321
|
-
return /* @__PURE__ */ (0,
|
|
6769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("hr", {});
|
|
6322
6770
|
};
|
|
6323
6771
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
6324
6772
|
|
|
6325
6773
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
6326
6774
|
var import_react54 = __toESM(require("react"));
|
|
6327
|
-
var
|
|
6775
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6328
6776
|
var WidgetNode = (props) => {
|
|
6329
6777
|
const getWidgetParameters = () => {
|
|
6330
6778
|
const widgetInputParameters = {
|
|
@@ -6388,7 +6836,7 @@ var WidgetNode = (props) => {
|
|
|
6388
6836
|
};
|
|
6389
6837
|
const widgetCode = props.node?.widgetCode;
|
|
6390
6838
|
if (!widgetCode) {
|
|
6391
|
-
return /* @__PURE__ */ (0,
|
|
6839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: "Invalid widget" });
|
|
6392
6840
|
}
|
|
6393
6841
|
const widgetParams = getWidgetParameters();
|
|
6394
6842
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -6397,7 +6845,7 @@ var WidgetNode = (props) => {
|
|
|
6397
6845
|
}
|
|
6398
6846
|
return (
|
|
6399
6847
|
// eslint-disable-next-line react-hooks/static-components
|
|
6400
|
-
/* @__PURE__ */ (0,
|
|
6848
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6401
6849
|
WidgetRenderer,
|
|
6402
6850
|
{
|
|
6403
6851
|
params: widgetParams,
|
|
@@ -6419,7 +6867,7 @@ var import_react60 = __toESM(require("react"));
|
|
|
6419
6867
|
|
|
6420
6868
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
6421
6869
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
6422
|
-
var
|
|
6870
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6423
6871
|
var IframeClient2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
6424
6872
|
ssr: false
|
|
6425
6873
|
});
|
|
@@ -6432,7 +6880,7 @@ var EmbedNode = (props) => {
|
|
|
6432
6880
|
} else {
|
|
6433
6881
|
src = props.node.embedSrc;
|
|
6434
6882
|
}
|
|
6435
|
-
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 }) });
|
|
6436
6884
|
};
|
|
6437
6885
|
var EmbedNode_default = EmbedNode;
|
|
6438
6886
|
|
|
@@ -6632,10 +7080,10 @@ var PathUtility = class {
|
|
|
6632
7080
|
var PathUtility_default = new PathUtility();
|
|
6633
7081
|
|
|
6634
7082
|
// src/components/NoDataFound.tsx
|
|
6635
|
-
var
|
|
7083
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
6636
7084
|
var NoDataFound = () => {
|
|
6637
|
-
return /* @__PURE__ */ (0,
|
|
6638
|
-
/* @__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)(
|
|
6639
7087
|
"svg",
|
|
6640
7088
|
{
|
|
6641
7089
|
className: "w-10 h-10",
|
|
@@ -6643,7 +7091,7 @@ var NoDataFound = () => {
|
|
|
6643
7091
|
stroke: "currentColor",
|
|
6644
7092
|
viewBox: "0 0 24 24",
|
|
6645
7093
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6646
|
-
children: /* @__PURE__ */ (0,
|
|
7094
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6647
7095
|
"path",
|
|
6648
7096
|
{
|
|
6649
7097
|
strokeLinecap: "round",
|
|
@@ -6654,8 +7102,8 @@ var NoDataFound = () => {
|
|
|
6654
7102
|
)
|
|
6655
7103
|
}
|
|
6656
7104
|
) }) }),
|
|
6657
|
-
/* @__PURE__ */ (0,
|
|
6658
|
-
/* @__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." })
|
|
6659
7107
|
] });
|
|
6660
7108
|
};
|
|
6661
7109
|
var NoDataFound_default = NoDataFound;
|
|
@@ -6663,7 +7111,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
6663
7111
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
6664
7112
|
init_AssetUtility();
|
|
6665
7113
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
6666
|
-
var
|
|
7114
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6667
7115
|
var HlsPlayer4 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6668
7116
|
var deviceToMediaQuery = (device) => {
|
|
6669
7117
|
switch (device) {
|
|
@@ -6819,8 +7267,8 @@ var ImageGalleryNode = (props) => {
|
|
|
6819
7267
|
right: "justify-end"
|
|
6820
7268
|
};
|
|
6821
7269
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
6822
|
-
return /* @__PURE__ */ (0,
|
|
6823
|
-
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)(
|
|
6824
7272
|
HlsPlayer4,
|
|
6825
7273
|
{
|
|
6826
7274
|
sources: hlsSources,
|
|
@@ -6835,7 +7283,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6835
7283
|
styles: hlsStyles
|
|
6836
7284
|
}
|
|
6837
7285
|
) }),
|
|
6838
|
-
(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: [
|
|
6839
7287
|
DEVICE_ORDER.map((deviceKey) => {
|
|
6840
7288
|
const match = staticSources.find(
|
|
6841
7289
|
(img) => img.device === deviceKey
|
|
@@ -6851,7 +7299,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6851
7299
|
if (!srcUrl) {
|
|
6852
7300
|
return null;
|
|
6853
7301
|
}
|
|
6854
|
-
return /* @__PURE__ */ (0,
|
|
7302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6855
7303
|
"source",
|
|
6856
7304
|
{
|
|
6857
7305
|
media: deviceToMediaQuery(match.device),
|
|
@@ -6876,7 +7324,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6876
7324
|
if (img.borderRadius) {
|
|
6877
7325
|
styles.borderRadius = img.borderRadius;
|
|
6878
7326
|
}
|
|
6879
|
-
return /* @__PURE__ */ (0,
|
|
7327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6880
7328
|
"img",
|
|
6881
7329
|
{
|
|
6882
7330
|
loading: "lazy",
|
|
@@ -6891,7 +7339,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6891
7339
|
})()
|
|
6892
7340
|
] }) : (
|
|
6893
7341
|
/* Case 2: Only device-specific images exist */
|
|
6894
|
-
/* @__PURE__ */ (0,
|
|
7342
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: staticSources.map((img, index) => {
|
|
6895
7343
|
const resolved = resolveImage(img);
|
|
6896
7344
|
const imageUrl = resolved?.imageUrl;
|
|
6897
7345
|
if (!imageUrl) {
|
|
@@ -6918,7 +7366,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6918
7366
|
default:
|
|
6919
7367
|
display = "block";
|
|
6920
7368
|
}
|
|
6921
|
-
return /* @__PURE__ */ (0,
|
|
7369
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
6922
7370
|
"img",
|
|
6923
7371
|
{
|
|
6924
7372
|
loading: "lazy",
|
|
@@ -7059,28 +7507,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
7059
7507
|
|
|
7060
7508
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
7061
7509
|
init_AssetUtility();
|
|
7062
|
-
var
|
|
7510
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7063
7511
|
var getNestedValue5 = (obj, path) => {
|
|
7064
7512
|
if (!obj || !path) return void 0;
|
|
7065
7513
|
return path.split(".").reduce((current, key) => {
|
|
7066
7514
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
7067
7515
|
}, obj);
|
|
7068
7516
|
};
|
|
7069
|
-
var
|
|
7517
|
+
var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7070
7518
|
"svg",
|
|
7071
7519
|
{
|
|
7072
7520
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7073
7521
|
viewBox: "0 0 48 48",
|
|
7074
7522
|
className: "w-10 h-10",
|
|
7075
7523
|
children: [
|
|
7076
|
-
/* @__PURE__ */ (0,
|
|
7524
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7077
7525
|
"path",
|
|
7078
7526
|
{
|
|
7079
7527
|
fill: "#e53935",
|
|
7080
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"
|
|
7081
7529
|
}
|
|
7082
7530
|
),
|
|
7083
|
-
/* @__PURE__ */ (0,
|
|
7531
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7084
7532
|
"path",
|
|
7085
7533
|
{
|
|
7086
7534
|
fill: "#fff",
|
|
@@ -7090,55 +7538,55 @@ var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7090
7538
|
]
|
|
7091
7539
|
}
|
|
7092
7540
|
);
|
|
7093
|
-
var
|
|
7541
|
+
var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7094
7542
|
"svg",
|
|
7095
7543
|
{
|
|
7096
7544
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7097
7545
|
viewBox: "0 0 48 48",
|
|
7098
7546
|
className: "w-10 h-10",
|
|
7099
7547
|
children: [
|
|
7100
|
-
/* @__PURE__ */ (0,
|
|
7548
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7101
7549
|
"path",
|
|
7102
7550
|
{
|
|
7103
7551
|
fill: "#169154",
|
|
7104
7552
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
7105
7553
|
}
|
|
7106
7554
|
),
|
|
7107
|
-
/* @__PURE__ */ (0,
|
|
7555
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7108
7556
|
"path",
|
|
7109
7557
|
{
|
|
7110
7558
|
fill: "#18482a",
|
|
7111
7559
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
7112
7560
|
}
|
|
7113
7561
|
),
|
|
7114
|
-
/* @__PURE__ */ (0,
|
|
7115
|
-
/* @__PURE__ */ (0,
|
|
7116
|
-
/* @__PURE__ */ (0,
|
|
7117
|
-
/* @__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)(
|
|
7118
7566
|
"path",
|
|
7119
7567
|
{
|
|
7120
7568
|
fill: "#29c27f",
|
|
7121
7569
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
7122
7570
|
}
|
|
7123
7571
|
),
|
|
7124
|
-
/* @__PURE__ */ (0,
|
|
7572
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7125
7573
|
"path",
|
|
7126
7574
|
{
|
|
7127
7575
|
fill: "#27663f",
|
|
7128
7576
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
7129
7577
|
}
|
|
7130
7578
|
),
|
|
7131
|
-
/* @__PURE__ */ (0,
|
|
7132
|
-
/* @__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" })
|
|
7133
7581
|
] }),
|
|
7134
|
-
/* @__PURE__ */ (0,
|
|
7582
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7135
7583
|
"path",
|
|
7136
7584
|
{
|
|
7137
7585
|
fill: "#0c7238",
|
|
7138
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"
|
|
7139
7587
|
}
|
|
7140
7588
|
),
|
|
7141
|
-
/* @__PURE__ */ (0,
|
|
7589
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7142
7590
|
"path",
|
|
7143
7591
|
{
|
|
7144
7592
|
fill: "#fff",
|
|
@@ -7148,7 +7596,7 @@ var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7148
7596
|
]
|
|
7149
7597
|
}
|
|
7150
7598
|
);
|
|
7151
|
-
var
|
|
7599
|
+
var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7152
7600
|
"svg",
|
|
7153
7601
|
{
|
|
7154
7602
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7156,14 +7604,14 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7156
7604
|
className: "w-10 h-10",
|
|
7157
7605
|
baseProfile: "basic",
|
|
7158
7606
|
children: [
|
|
7159
|
-
/* @__PURE__ */ (0,
|
|
7607
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7160
7608
|
"path",
|
|
7161
7609
|
{
|
|
7162
7610
|
fill: "#283593",
|
|
7163
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"
|
|
7164
7612
|
}
|
|
7165
7613
|
),
|
|
7166
|
-
/* @__PURE__ */ (0,
|
|
7614
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7167
7615
|
"linearGradient",
|
|
7168
7616
|
{
|
|
7169
7617
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -7174,19 +7622,19 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7174
7622
|
gradientTransform: "translate(0 -339.89)",
|
|
7175
7623
|
gradientUnits: "userSpaceOnUse",
|
|
7176
7624
|
children: [
|
|
7177
|
-
/* @__PURE__ */ (0,
|
|
7178
|
-
/* @__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" })
|
|
7179
7627
|
]
|
|
7180
7628
|
}
|
|
7181
7629
|
),
|
|
7182
|
-
/* @__PURE__ */ (0,
|
|
7630
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7183
7631
|
"path",
|
|
7184
7632
|
{
|
|
7185
7633
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
7186
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"
|
|
7187
7635
|
}
|
|
7188
7636
|
),
|
|
7189
|
-
/* @__PURE__ */ (0,
|
|
7637
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7190
7638
|
"path",
|
|
7191
7639
|
{
|
|
7192
7640
|
fill: "#1e88e5",
|
|
@@ -7194,21 +7642,21 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7194
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"
|
|
7195
7643
|
}
|
|
7196
7644
|
),
|
|
7197
|
-
/* @__PURE__ */ (0,
|
|
7645
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7198
7646
|
"path",
|
|
7199
7647
|
{
|
|
7200
7648
|
fill: "#00e5ff",
|
|
7201
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"
|
|
7202
7650
|
}
|
|
7203
7651
|
),
|
|
7204
|
-
/* @__PURE__ */ (0,
|
|
7652
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7205
7653
|
"path",
|
|
7206
7654
|
{
|
|
7207
7655
|
fill: "#1565c0",
|
|
7208
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"
|
|
7209
7657
|
}
|
|
7210
7658
|
),
|
|
7211
|
-
/* @__PURE__ */ (0,
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7212
7660
|
"path",
|
|
7213
7661
|
{
|
|
7214
7662
|
fill: "#fff",
|
|
@@ -7218,42 +7666,42 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7218
7666
|
]
|
|
7219
7667
|
}
|
|
7220
7668
|
);
|
|
7221
|
-
var
|
|
7669
|
+
var StandardIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7222
7670
|
"svg",
|
|
7223
7671
|
{
|
|
7224
7672
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7225
7673
|
viewBox: "0 0 48 48",
|
|
7226
7674
|
className: "w-10 h-10",
|
|
7227
7675
|
children: [
|
|
7228
|
-
/* @__PURE__ */ (0,
|
|
7229
|
-
/* @__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" })
|
|
7230
7678
|
]
|
|
7231
7679
|
}
|
|
7232
7680
|
);
|
|
7233
|
-
var
|
|
7681
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7234
7682
|
"svg",
|
|
7235
7683
|
{
|
|
7236
7684
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7237
7685
|
viewBox: "0 0 48 48",
|
|
7238
7686
|
className: "w-10 h-10",
|
|
7239
7687
|
children: [
|
|
7240
|
-
/* @__PURE__ */ (0,
|
|
7688
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7241
7689
|
"path",
|
|
7242
7690
|
{
|
|
7243
7691
|
fill: "#dc4c2c",
|
|
7244
7692
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
7245
7693
|
}
|
|
7246
7694
|
),
|
|
7247
|
-
/* @__PURE__ */ (0,
|
|
7248
|
-
/* @__PURE__ */ (0,
|
|
7249
|
-
/* @__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)(
|
|
7250
7698
|
"path",
|
|
7251
7699
|
{
|
|
7252
7700
|
fill: "#9b341f",
|
|
7253
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"
|
|
7254
7702
|
}
|
|
7255
7703
|
),
|
|
7256
|
-
/* @__PURE__ */ (0,
|
|
7704
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7257
7705
|
"path",
|
|
7258
7706
|
{
|
|
7259
7707
|
fill: "#fff",
|
|
@@ -7263,16 +7711,16 @@ var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7263
7711
|
]
|
|
7264
7712
|
}
|
|
7265
7713
|
);
|
|
7266
|
-
var
|
|
7714
|
+
var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7267
7715
|
"svg",
|
|
7268
7716
|
{
|
|
7269
7717
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7270
7718
|
viewBox: "0 0 48 48",
|
|
7271
7719
|
className: "w-10 h-10",
|
|
7272
7720
|
children: [
|
|
7273
|
-
/* @__PURE__ */ (0,
|
|
7274
|
-
/* @__PURE__ */ (0,
|
|
7275
|
-
/* @__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)(
|
|
7276
7724
|
"path",
|
|
7277
7725
|
{
|
|
7278
7726
|
fill: "#1976D2",
|
|
@@ -7282,7 +7730,7 @@ var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7282
7730
|
]
|
|
7283
7731
|
}
|
|
7284
7732
|
);
|
|
7285
|
-
var
|
|
7733
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7286
7734
|
"svg",
|
|
7287
7735
|
{
|
|
7288
7736
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7292,14 +7740,14 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7292
7740
|
version: "1.0",
|
|
7293
7741
|
className: "w-10 h-10",
|
|
7294
7742
|
children: [
|
|
7295
|
-
/* @__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)(
|
|
7296
7744
|
"path",
|
|
7297
7745
|
{
|
|
7298
7746
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
7299
7747
|
"clip-rule": "nonzero"
|
|
7300
7748
|
}
|
|
7301
7749
|
) }) }),
|
|
7302
|
-
/* @__PURE__ */ (0,
|
|
7750
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7303
7751
|
"path",
|
|
7304
7752
|
{
|
|
7305
7753
|
fill: "#ff9100",
|
|
@@ -7308,7 +7756,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7308
7756
|
"fill-rule": "nonzero"
|
|
7309
7757
|
}
|
|
7310
7758
|
) }),
|
|
7311
|
-
/* @__PURE__ */ (0,
|
|
7759
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7312
7760
|
"path",
|
|
7313
7761
|
{
|
|
7314
7762
|
fill: "#fbe9e7",
|
|
@@ -7317,7 +7765,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7317
7765
|
"fill-rule": "nonzero"
|
|
7318
7766
|
}
|
|
7319
7767
|
),
|
|
7320
|
-
/* @__PURE__ */ (0,
|
|
7768
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7321
7769
|
"path",
|
|
7322
7770
|
{
|
|
7323
7771
|
fill: "#ffe0b2",
|
|
@@ -7326,7 +7774,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7326
7774
|
"fill-rule": "nonzero"
|
|
7327
7775
|
}
|
|
7328
7776
|
),
|
|
7329
|
-
/* @__PURE__ */ (0,
|
|
7777
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7330
7778
|
"path",
|
|
7331
7779
|
{
|
|
7332
7780
|
fill: "#ffe0b2",
|
|
@@ -7335,7 +7783,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7335
7783
|
"fill-rule": "nonzero"
|
|
7336
7784
|
}
|
|
7337
7785
|
),
|
|
7338
|
-
/* @__PURE__ */ (0,
|
|
7786
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7339
7787
|
"path",
|
|
7340
7788
|
{
|
|
7341
7789
|
fill: "#ffe0b2",
|
|
@@ -7347,28 +7795,28 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
|
7347
7795
|
]
|
|
7348
7796
|
}
|
|
7349
7797
|
);
|
|
7350
|
-
var
|
|
7798
|
+
var getFileDetails2 = (url) => {
|
|
7351
7799
|
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
7352
7800
|
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
7353
|
-
let Icon2 =
|
|
7801
|
+
let Icon2 = StandardIcon2;
|
|
7354
7802
|
let extLabel = "FILE";
|
|
7355
7803
|
if (ext === "pdf") {
|
|
7356
|
-
Icon2 =
|
|
7804
|
+
Icon2 = PdfIcon2;
|
|
7357
7805
|
extLabel = "PDF";
|
|
7358
7806
|
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
7359
|
-
Icon2 =
|
|
7807
|
+
Icon2 = ExcelIcon2;
|
|
7360
7808
|
extLabel = "Excel";
|
|
7361
7809
|
} else if (["doc", "docx"].includes(ext)) {
|
|
7362
|
-
Icon2 =
|
|
7810
|
+
Icon2 = WordIcon2;
|
|
7363
7811
|
extLabel = "Word";
|
|
7364
7812
|
} else if (["ppt", "pptx"].includes(ext)) {
|
|
7365
|
-
Icon2 =
|
|
7813
|
+
Icon2 = PowerPointIcon2;
|
|
7366
7814
|
extLabel = "PowerPoint";
|
|
7367
7815
|
} else if (["txt", "rtf"].includes(ext)) {
|
|
7368
|
-
Icon2 =
|
|
7816
|
+
Icon2 = TextIcon2;
|
|
7369
7817
|
extLabel = "Text";
|
|
7370
7818
|
} else if (["zip", "rar", "7z"].includes(ext)) {
|
|
7371
|
-
Icon2 =
|
|
7819
|
+
Icon2 = ArchiveIcon2;
|
|
7372
7820
|
extLabel = "Archive";
|
|
7373
7821
|
} else if (ext) {
|
|
7374
7822
|
extLabel = ext.toUpperCase();
|
|
@@ -7410,8 +7858,8 @@ var DocumentNode = (props) => {
|
|
|
7410
7858
|
}
|
|
7411
7859
|
}
|
|
7412
7860
|
if (documents.length === 0) {
|
|
7413
|
-
return /* @__PURE__ */ (0,
|
|
7414
|
-
/* @__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)(
|
|
7415
7863
|
"svg",
|
|
7416
7864
|
{
|
|
7417
7865
|
className: "w-5 h-5",
|
|
@@ -7419,7 +7867,7 @@ var DocumentNode = (props) => {
|
|
|
7419
7867
|
stroke: "currentColor",
|
|
7420
7868
|
viewBox: "0 0 24 24",
|
|
7421
7869
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7422
|
-
children: /* @__PURE__ */ (0,
|
|
7870
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7423
7871
|
"path",
|
|
7424
7872
|
{
|
|
7425
7873
|
strokeLinecap: "round",
|
|
@@ -7430,11 +7878,11 @@ var DocumentNode = (props) => {
|
|
|
7430
7878
|
)
|
|
7431
7879
|
}
|
|
7432
7880
|
) }),
|
|
7433
|
-
/* @__PURE__ */ (0,
|
|
7434
|
-
/* @__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." })
|
|
7435
7883
|
] }) });
|
|
7436
7884
|
}
|
|
7437
|
-
return /* @__PURE__ */ (0,
|
|
7885
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
7438
7886
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
7439
7887
|
props.assetBaseUrl,
|
|
7440
7888
|
doc.assetUrl
|
|
@@ -7451,17 +7899,17 @@ var DocumentNode = (props) => {
|
|
|
7451
7899
|
documentTitle = documentUrl.split("/").pop()?.replace(/\.[^/.]+$/, "") || "Document";
|
|
7452
7900
|
}
|
|
7453
7901
|
}
|
|
7454
|
-
const { Icon: Icon2, extLabel } =
|
|
7455
|
-
return /* @__PURE__ */ (0,
|
|
7902
|
+
const { Icon: Icon2, extLabel } = getFileDetails2(documentUrl);
|
|
7903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7456
7904
|
"div",
|
|
7457
7905
|
{
|
|
7458
7906
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
7459
7907
|
children: [
|
|
7460
|
-
/* @__PURE__ */ (0,
|
|
7461
|
-
/* @__PURE__ */ (0,
|
|
7462
|
-
/* @__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 }) })
|
|
7463
7911
|
] }),
|
|
7464
|
-
/* @__PURE__ */ (0,
|
|
7912
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7465
7913
|
"a",
|
|
7466
7914
|
{
|
|
7467
7915
|
href: documentUrl,
|
|
@@ -7469,7 +7917,7 @@ var DocumentNode = (props) => {
|
|
|
7469
7917
|
rel: "noopener noreferrer",
|
|
7470
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",
|
|
7471
7919
|
children: [
|
|
7472
|
-
/* @__PURE__ */ (0,
|
|
7920
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7473
7921
|
"svg",
|
|
7474
7922
|
{
|
|
7475
7923
|
className: "w-4 h-4 mr-2",
|
|
@@ -7477,7 +7925,7 @@ var DocumentNode = (props) => {
|
|
|
7477
7925
|
stroke: "currentColor",
|
|
7478
7926
|
viewBox: "0 0 24 24",
|
|
7479
7927
|
children: [
|
|
7480
|
-
/* @__PURE__ */ (0,
|
|
7928
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7481
7929
|
"path",
|
|
7482
7930
|
{
|
|
7483
7931
|
strokeLinecap: "round",
|
|
@@ -7486,7 +7934,7 @@ var DocumentNode = (props) => {
|
|
|
7486
7934
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
7487
7935
|
}
|
|
7488
7936
|
),
|
|
7489
|
-
/* @__PURE__ */ (0,
|
|
7937
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7490
7938
|
"path",
|
|
7491
7939
|
{
|
|
7492
7940
|
strokeLinecap: "round",
|
|
@@ -7512,13 +7960,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
7512
7960
|
|
|
7513
7961
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
7514
7962
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7515
|
-
var
|
|
7963
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7516
7964
|
var IframeClient3 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7517
7965
|
ssr: false
|
|
7518
7966
|
});
|
|
7519
7967
|
var GoogleMapNode = (props) => {
|
|
7520
7968
|
let src = props.node.embedUrl;
|
|
7521
|
-
return /* @__PURE__ */ (0,
|
|
7969
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7522
7970
|
IframeClient3,
|
|
7523
7971
|
{
|
|
7524
7972
|
src,
|
|
@@ -7530,7 +7978,7 @@ var GoogleMapNode = (props) => {
|
|
|
7530
7978
|
var GoogleMapNode_default = GoogleMapNode;
|
|
7531
7979
|
|
|
7532
7980
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
7533
|
-
var
|
|
7981
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
7534
7982
|
var Pagination2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
7535
7983
|
var DataBindingControls2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
7536
7984
|
ssr: true
|
|
@@ -7789,7 +8237,7 @@ var DivContainer = async (props) => {
|
|
|
7789
8237
|
response = await serviceClient.get(endpoint);
|
|
7790
8238
|
result = response?.result;
|
|
7791
8239
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
7792
|
-
return /* @__PURE__ */ (0,
|
|
8240
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NoDataFound_default, {});
|
|
7793
8241
|
}
|
|
7794
8242
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
7795
8243
|
childCollectionData = getNestedValue6(
|
|
@@ -7809,7 +8257,7 @@ var DivContainer = async (props) => {
|
|
|
7809
8257
|
}
|
|
7810
8258
|
const SelectedNode = NodeTypes2[node.type];
|
|
7811
8259
|
if (!SelectedNode) return null;
|
|
7812
|
-
return /* @__PURE__ */ (0,
|
|
8260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7813
8261
|
SelectedNode,
|
|
7814
8262
|
{
|
|
7815
8263
|
node,
|
|
@@ -7946,7 +8394,7 @@ var DivContainer = async (props) => {
|
|
|
7946
8394
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
7947
8395
|
);
|
|
7948
8396
|
const WrapperComponent = Wrapper;
|
|
7949
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8397
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7950
8398
|
WrapperComponent,
|
|
7951
8399
|
{
|
|
7952
8400
|
id: guid,
|
|
@@ -7960,11 +8408,11 @@ var DivContainer = async (props) => {
|
|
|
7960
8408
|
item,
|
|
7961
8409
|
idx,
|
|
7962
8410
|
props.href ? void 0 : item?.links?.view
|
|
7963
|
-
)?.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)
|
|
7964
8412
|
)
|
|
7965
8413
|
}
|
|
7966
8414
|
);
|
|
7967
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8415
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7968
8416
|
Pagination2,
|
|
7969
8417
|
{
|
|
7970
8418
|
path: props.path,
|
|
@@ -7972,15 +8420,15 @@ var DivContainer = async (props) => {
|
|
|
7972
8420
|
dataset: response
|
|
7973
8421
|
}
|
|
7974
8422
|
) : null;
|
|
7975
|
-
return /* @__PURE__ */ (0,
|
|
7976
|
-
/* @__PURE__ */ (0,
|
|
8423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react60.default.Fragment, { children: [
|
|
8424
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7977
8425
|
"style",
|
|
7978
8426
|
{
|
|
7979
8427
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7980
8428
|
}
|
|
7981
8429
|
),
|
|
7982
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
7983
|
-
/* @__PURE__ */ (0,
|
|
8430
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react60.default.Fragment, { children: [
|
|
8431
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
7984
8432
|
DataBindingControls2,
|
|
7985
8433
|
{
|
|
7986
8434
|
mode: "toolbar",
|
|
@@ -7992,18 +8440,18 @@ var DivContainer = async (props) => {
|
|
|
7992
8440
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
7993
8441
|
}
|
|
7994
8442
|
),
|
|
7995
|
-
/* @__PURE__ */ (0,
|
|
8443
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
7996
8444
|
"div",
|
|
7997
8445
|
{
|
|
7998
8446
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
7999
8447
|
children: [
|
|
8000
|
-
/* @__PURE__ */ (0,
|
|
8448
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "min-w-0", children: [
|
|
8001
8449
|
renderedContainer,
|
|
8002
8450
|
paginationControl
|
|
8003
8451
|
] }),
|
|
8004
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
8005
|
-
/* @__PURE__ */ (0,
|
|
8006
|
-
/* @__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)(
|
|
8007
8455
|
DataBindingControls2,
|
|
8008
8456
|
{
|
|
8009
8457
|
mode: "facets",
|
|
@@ -8017,16 +8465,16 @@ var DivContainer = async (props) => {
|
|
|
8017
8465
|
]
|
|
8018
8466
|
}
|
|
8019
8467
|
)
|
|
8020
|
-
] }) : /* @__PURE__ */ (0,
|
|
8468
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react60.default.Fragment, { children: [
|
|
8021
8469
|
renderedContainer,
|
|
8022
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
8470
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: paginationControl })
|
|
8023
8471
|
] })
|
|
8024
8472
|
] });
|
|
8025
8473
|
};
|
|
8026
8474
|
var DivContainer_default = DivContainer;
|
|
8027
8475
|
|
|
8028
8476
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
8029
|
-
var
|
|
8477
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8030
8478
|
var NodeTypes = {
|
|
8031
8479
|
["paragraph"]: ParagraphNode_default,
|
|
8032
8480
|
["heading"]: HeadingNode_default,
|
|
@@ -8064,14 +8512,14 @@ var PageBodyRenderer = (props) => {
|
|
|
8064
8512
|
}
|
|
8065
8513
|
return true;
|
|
8066
8514
|
};
|
|
8067
|
-
return /* @__PURE__ */ (0,
|
|
8515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
8068
8516
|
{
|
|
8069
8517
|
}
|
|
8070
8518
|
const SelectedNode = NodeTypes[node.type];
|
|
8071
8519
|
if (!shouldRenderNode(node)) {
|
|
8072
8520
|
return null;
|
|
8073
8521
|
}
|
|
8074
|
-
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)(
|
|
8075
8523
|
SelectedNode,
|
|
8076
8524
|
{
|
|
8077
8525
|
node,
|
|
@@ -8087,7 +8535,7 @@ var PageBodyRenderer = (props) => {
|
|
|
8087
8535
|
device: props.device,
|
|
8088
8536
|
widgetRenderer: props.widgetRenderer
|
|
8089
8537
|
}
|
|
8090
|
-
) }) : /* @__PURE__ */ (0,
|
|
8538
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8091
8539
|
SelectedNode,
|
|
8092
8540
|
{
|
|
8093
8541
|
node,
|
|
@@ -8158,7 +8606,7 @@ function EnterAnimationHydrator() {
|
|
|
8158
8606
|
// src/components/Toast.tsx
|
|
8159
8607
|
var import_react63 = require("react");
|
|
8160
8608
|
init_ToastService();
|
|
8161
|
-
var
|
|
8609
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
8162
8610
|
var Toast = () => {
|
|
8163
8611
|
const [showToast, setShowToast] = (0, import_react63.useState)(false);
|
|
8164
8612
|
const [message, setMessage] = (0, import_react63.useState)("");
|
|
@@ -8192,8 +8640,8 @@ var Toast = () => {
|
|
|
8192
8640
|
});
|
|
8193
8641
|
};
|
|
8194
8642
|
}, [closeToast, showMessage]);
|
|
8195
|
-
return /* @__PURE__ */ (0,
|
|
8196
|
-
/* @__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)(
|
|
8197
8645
|
"span",
|
|
8198
8646
|
{
|
|
8199
8647
|
className: "font-medium text-inherit text-sm",
|
|
@@ -8201,7 +8649,7 @@ var Toast = () => {
|
|
|
8201
8649
|
children: message
|
|
8202
8650
|
}
|
|
8203
8651
|
),
|
|
8204
|
-
/* @__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)(
|
|
8205
8653
|
"svg",
|
|
8206
8654
|
{
|
|
8207
8655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8209,7 +8657,7 @@ var Toast = () => {
|
|
|
8209
8657
|
fill: "none",
|
|
8210
8658
|
viewBox: "0 0 24 24",
|
|
8211
8659
|
stroke: "currentColor",
|
|
8212
|
-
children: /* @__PURE__ */ (0,
|
|
8660
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
8213
8661
|
}
|
|
8214
8662
|
) })
|
|
8215
8663
|
] }) }) });
|
|
@@ -8240,7 +8688,7 @@ init_Switcher();
|
|
|
8240
8688
|
// src/components/NavigationTabsV2.tsx
|
|
8241
8689
|
var import_link3 = __toESM(require("next/link"));
|
|
8242
8690
|
var import_navigation2 = require("next/navigation");
|
|
8243
|
-
var
|
|
8691
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
8244
8692
|
function resolveRoutePlaceholders(route, params) {
|
|
8245
8693
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
8246
8694
|
const value = params[key];
|
|
@@ -8265,8 +8713,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
8265
8713
|
isActive: tab.isActive
|
|
8266
8714
|
})) || [];
|
|
8267
8715
|
if (mappedTabs.length === 0) return null;
|
|
8268
|
-
return /* @__PURE__ */ (0,
|
|
8269
|
-
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)(
|
|
8270
8718
|
"div",
|
|
8271
8719
|
{
|
|
8272
8720
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -8285,9 +8733,9 @@ var import_navigation3 = require("next/navigation");
|
|
|
8285
8733
|
|
|
8286
8734
|
// src/components/dataForm/NoContentView.tsx
|
|
8287
8735
|
var import_react64 = __toESM(require("react"));
|
|
8288
|
-
var
|
|
8736
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
8289
8737
|
var NoContentView = (props) => {
|
|
8290
|
-
return /* @__PURE__ */ (0,
|
|
8738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react64.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
8291
8739
|
};
|
|
8292
8740
|
var NoContentView_default = NoContentView;
|
|
8293
8741
|
|
|
@@ -8296,38 +8744,38 @@ init_InputControlType();
|
|
|
8296
8744
|
|
|
8297
8745
|
// src/components/dataForm/ContentView.tsx
|
|
8298
8746
|
var import_react65 = __toESM(require("react"));
|
|
8299
|
-
var
|
|
8747
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
8300
8748
|
var ContentView = (props) => {
|
|
8301
|
-
return /* @__PURE__ */ (0,
|
|
8302
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
8303
|
-
/* @__PURE__ */ (0,
|
|
8304
|
-
/* @__PURE__ */ (0,
|
|
8305
|
-
/* @__PURE__ */ (0,
|
|
8306
|
-
/* @__PURE__ */ (0,
|
|
8307
|
-
/* @__PURE__ */ (0,
|
|
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" })
|
|
8308
8756
|
] })
|
|
8309
8757
|
] }),
|
|
8310
|
-
/* @__PURE__ */ (0,
|
|
8311
|
-
/* @__PURE__ */ (0,
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8313
|
-
/* @__PURE__ */ (0,
|
|
8314
|
-
/* @__PURE__ */ (0,
|
|
8315
|
-
/* @__PURE__ */ (0,
|
|
8316
|
-
/* @__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" })
|
|
8317
8765
|
] }),
|
|
8318
|
-
/* @__PURE__ */ (0,
|
|
8319
|
-
/* @__PURE__ */ (0,
|
|
8320
|
-
/* @__PURE__ */ (0,
|
|
8321
|
-
/* @__PURE__ */ (0,
|
|
8322
|
-
/* @__PURE__ */ (0,
|
|
8323
|
-
/* @__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" })
|
|
8324
8772
|
] }),
|
|
8325
|
-
/* @__PURE__ */ (0,
|
|
8326
|
-
/* @__PURE__ */ (0,
|
|
8327
|
-
/* @__PURE__ */ (0,
|
|
8328
|
-
/* @__PURE__ */ (0,
|
|
8329
|
-
/* @__PURE__ */ (0,
|
|
8330
|
-
/* @__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" })
|
|
8331
8779
|
] })
|
|
8332
8780
|
] })
|
|
8333
8781
|
] }) }),
|
|
@@ -8387,7 +8835,7 @@ function FormReducer(state, action) {
|
|
|
8387
8835
|
var FormReducer_default = FormReducer;
|
|
8388
8836
|
|
|
8389
8837
|
// src/components/dataForm/DataList.tsx
|
|
8390
|
-
var
|
|
8838
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
8391
8839
|
var DataList = (props) => {
|
|
8392
8840
|
const router = (0, import_navigation3.useRouter)();
|
|
8393
8841
|
let builder = new OdataBuilder(props.path);
|
|
@@ -8425,7 +8873,7 @@ var DataList = (props) => {
|
|
|
8425
8873
|
if (path.includes(".")) {
|
|
8426
8874
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
8427
8875
|
} else if (Array.isArray(obj[path])) {
|
|
8428
|
-
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));
|
|
8429
8877
|
} else {
|
|
8430
8878
|
return obj[path];
|
|
8431
8879
|
}
|
|
@@ -8504,30 +8952,30 @@ var DataList = (props) => {
|
|
|
8504
8952
|
const renderPageNumbers = () => {
|
|
8505
8953
|
if (pages <= 10) {
|
|
8506
8954
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
8507
|
-
(page) => /* @__PURE__ */ (0,
|
|
8955
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8508
8956
|
Hyperlink,
|
|
8509
8957
|
{
|
|
8510
8958
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8511
8959
|
href: builder.getNewPageUrl(page),
|
|
8512
8960
|
children: page
|
|
8513
8961
|
}
|
|
8514
|
-
) : /* @__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)
|
|
8515
8963
|
);
|
|
8516
8964
|
} else {
|
|
8517
8965
|
const showFirstPages = activePageNumber <= 5;
|
|
8518
8966
|
const showLastPages = activePageNumber > pages - 5;
|
|
8519
8967
|
if (showFirstPages) {
|
|
8520
|
-
return /* @__PURE__ */ (0,
|
|
8521
|
-
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)(
|
|
8522
8970
|
Hyperlink,
|
|
8523
8971
|
{
|
|
8524
8972
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8525
8973
|
href: builder.getNewPageUrl(page),
|
|
8526
8974
|
children: page
|
|
8527
8975
|
}
|
|
8528
|
-
) : /* @__PURE__ */ (0,
|
|
8529
|
-
/* @__PURE__ */ (0,
|
|
8530
|
-
/* @__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)(
|
|
8531
8979
|
Hyperlink,
|
|
8532
8980
|
{
|
|
8533
8981
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8535,7 +8983,7 @@ var DataList = (props) => {
|
|
|
8535
8983
|
children: pages - 1
|
|
8536
8984
|
}
|
|
8537
8985
|
),
|
|
8538
|
-
/* @__PURE__ */ (0,
|
|
8986
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8539
8987
|
Hyperlink,
|
|
8540
8988
|
{
|
|
8541
8989
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8543,7 +8991,7 @@ var DataList = (props) => {
|
|
|
8543
8991
|
children: pages
|
|
8544
8992
|
}
|
|
8545
8993
|
),
|
|
8546
|
-
/* @__PURE__ */ (0,
|
|
8994
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8547
8995
|
"select",
|
|
8548
8996
|
{
|
|
8549
8997
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8555,18 +9003,18 @@ var DataList = (props) => {
|
|
|
8555
9003
|
}
|
|
8556
9004
|
},
|
|
8557
9005
|
children: [
|
|
8558
|
-
/* @__PURE__ */ (0,
|
|
9006
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
8559
9007
|
Array.from(
|
|
8560
9008
|
{ length: Math.max(0, pages - 10) },
|
|
8561
9009
|
(_, index) => index + 9
|
|
8562
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9010
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("option", { value: page, children: page }, page))
|
|
8563
9011
|
]
|
|
8564
9012
|
}
|
|
8565
9013
|
) })
|
|
8566
9014
|
] });
|
|
8567
9015
|
} else if (showLastPages) {
|
|
8568
|
-
return /* @__PURE__ */ (0,
|
|
8569
|
-
/* @__PURE__ */ (0,
|
|
9016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
|
|
9017
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8570
9018
|
Hyperlink,
|
|
8571
9019
|
{
|
|
8572
9020
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8574,7 +9022,7 @@ var DataList = (props) => {
|
|
|
8574
9022
|
children: "1"
|
|
8575
9023
|
}
|
|
8576
9024
|
),
|
|
8577
|
-
/* @__PURE__ */ (0,
|
|
9025
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8578
9026
|
Hyperlink,
|
|
8579
9027
|
{
|
|
8580
9028
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8582,21 +9030,21 @@ var DataList = (props) => {
|
|
|
8582
9030
|
children: "2"
|
|
8583
9031
|
}
|
|
8584
9032
|
),
|
|
8585
|
-
/* @__PURE__ */ (0,
|
|
9033
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8586
9034
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
8587
|
-
(page) => /* @__PURE__ */ (0,
|
|
9035
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8588
9036
|
Hyperlink,
|
|
8589
9037
|
{
|
|
8590
9038
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8591
9039
|
href: builder.getNewPageUrl(page),
|
|
8592
9040
|
children: page
|
|
8593
9041
|
}
|
|
8594
|
-
) : /* @__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)
|
|
8595
9043
|
)
|
|
8596
9044
|
] });
|
|
8597
9045
|
} else {
|
|
8598
|
-
return /* @__PURE__ */ (0,
|
|
8599
|
-
/* @__PURE__ */ (0,
|
|
9046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
|
|
9047
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8600
9048
|
Hyperlink,
|
|
8601
9049
|
{
|
|
8602
9050
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8604,7 +9052,7 @@ var DataList = (props) => {
|
|
|
8604
9052
|
children: "1"
|
|
8605
9053
|
}
|
|
8606
9054
|
),
|
|
8607
|
-
/* @__PURE__ */ (0,
|
|
9055
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8608
9056
|
Hyperlink,
|
|
8609
9057
|
{
|
|
8610
9058
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8612,20 +9060,20 @@ var DataList = (props) => {
|
|
|
8612
9060
|
children: "2"
|
|
8613
9061
|
}
|
|
8614
9062
|
),
|
|
8615
|
-
/* @__PURE__ */ (0,
|
|
9063
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8616
9064
|
Array.from(
|
|
8617
9065
|
{ length: 5 },
|
|
8618
9066
|
(_, index) => activePageNumber - 2 + index
|
|
8619
|
-
).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)(
|
|
8620
9068
|
Hyperlink,
|
|
8621
9069
|
{
|
|
8622
9070
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8623
9071
|
href: builder.getNewPageUrl(page),
|
|
8624
9072
|
children: page
|
|
8625
9073
|
}
|
|
8626
|
-
) : /* @__PURE__ */ (0,
|
|
8627
|
-
/* @__PURE__ */ (0,
|
|
8628
|
-
/* @__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)(
|
|
8629
9077
|
Hyperlink,
|
|
8630
9078
|
{
|
|
8631
9079
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8633,7 +9081,7 @@ var DataList = (props) => {
|
|
|
8633
9081
|
children: pages - 1
|
|
8634
9082
|
}
|
|
8635
9083
|
),
|
|
8636
|
-
/* @__PURE__ */ (0,
|
|
9084
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8637
9085
|
Hyperlink,
|
|
8638
9086
|
{
|
|
8639
9087
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8641,7 +9089,7 @@ var DataList = (props) => {
|
|
|
8641
9089
|
children: pages
|
|
8642
9090
|
}
|
|
8643
9091
|
),
|
|
8644
|
-
/* @__PURE__ */ (0,
|
|
9092
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8645
9093
|
"select",
|
|
8646
9094
|
{
|
|
8647
9095
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8653,8 +9101,8 @@ var DataList = (props) => {
|
|
|
8653
9101
|
}
|
|
8654
9102
|
},
|
|
8655
9103
|
children: [
|
|
8656
|
-
/* @__PURE__ */ (0,
|
|
8657
|
-
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))
|
|
8658
9106
|
]
|
|
8659
9107
|
}
|
|
8660
9108
|
) })
|
|
@@ -8662,16 +9110,16 @@ var DataList = (props) => {
|
|
|
8662
9110
|
}
|
|
8663
9111
|
}
|
|
8664
9112
|
};
|
|
8665
|
-
return /* @__PURE__ */ (0,
|
|
8666
|
-
/* @__PURE__ */ (0,
|
|
8667
|
-
(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)(
|
|
8668
9116
|
"div",
|
|
8669
9117
|
{
|
|
8670
9118
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
8671
9119
|
children: [
|
|
8672
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8673
|
-
/* @__PURE__ */ (0,
|
|
8674
|
-
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)(
|
|
8675
9123
|
InputControl_default,
|
|
8676
9124
|
{
|
|
8677
9125
|
name: "Search_input",
|
|
@@ -8683,7 +9131,7 @@ var DataList = (props) => {
|
|
|
8683
9131
|
}
|
|
8684
9132
|
}
|
|
8685
9133
|
),
|
|
8686
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9134
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8687
9135
|
InputControl_default,
|
|
8688
9136
|
{
|
|
8689
9137
|
name: filter.name,
|
|
@@ -8698,15 +9146,15 @@ var DataList = (props) => {
|
|
|
8698
9146
|
},
|
|
8699
9147
|
filter.name
|
|
8700
9148
|
)),
|
|
8701
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9149
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8702
9150
|
Hyperlink,
|
|
8703
9151
|
{
|
|
8704
9152
|
className: "gap-1",
|
|
8705
9153
|
linkType: "Primary" /* Solid */,
|
|
8706
9154
|
href: props.addLinkHref,
|
|
8707
9155
|
children: [
|
|
8708
|
-
/* @__PURE__ */ (0,
|
|
8709
|
-
/* @__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" })
|
|
8710
9158
|
]
|
|
8711
9159
|
}
|
|
8712
9160
|
)
|
|
@@ -8714,8 +9162,8 @@ var DataList = (props) => {
|
|
|
8714
9162
|
]
|
|
8715
9163
|
}
|
|
8716
9164
|
),
|
|
8717
|
-
/* @__PURE__ */ (0,
|
|
8718
|
-
/* @__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) => {
|
|
8719
9167
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8720
9168
|
let icon = "chevronUpDown";
|
|
8721
9169
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8725,18 +9173,18 @@ var DataList = (props) => {
|
|
|
8725
9173
|
icon = "chevronUp";
|
|
8726
9174
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8727
9175
|
}
|
|
8728
|
-
return /* @__PURE__ */ (0,
|
|
9176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8729
9177
|
"th",
|
|
8730
9178
|
{
|
|
8731
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" : ""),
|
|
8732
|
-
children: /* @__PURE__ */ (0,
|
|
9180
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8733
9181
|
Hyperlink,
|
|
8734
9182
|
{
|
|
8735
9183
|
href: column.enableSorting ? url : void 0,
|
|
8736
9184
|
className: "!text-neutral-contrast ",
|
|
8737
|
-
children: /* @__PURE__ */ (0,
|
|
8738
|
-
/* @__PURE__ */ (0,
|
|
8739
|
-
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 })
|
|
8740
9188
|
] })
|
|
8741
9189
|
}
|
|
8742
9190
|
)
|
|
@@ -8744,22 +9192,22 @@ var DataList = (props) => {
|
|
|
8744
9192
|
column.name
|
|
8745
9193
|
);
|
|
8746
9194
|
}) }) }),
|
|
8747
|
-
/* @__PURE__ */ (0,
|
|
9195
|
+
/* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
8748
9196
|
let validityClass = "";
|
|
8749
9197
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
8750
9198
|
validityClass = "bg-alert-200";
|
|
8751
9199
|
}
|
|
8752
|
-
return /* @__PURE__ */ (0,
|
|
8753
|
-
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)(
|
|
8754
9202
|
"td",
|
|
8755
9203
|
{
|
|
8756
9204
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
8757
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
9205
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8758
9206
|
Hyperlink,
|
|
8759
9207
|
{
|
|
8760
9208
|
className: "",
|
|
8761
9209
|
href: `https://${dataitem[column.name]}`,
|
|
8762
|
-
children: /* @__PURE__ */ (0,
|
|
9210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8763
9211
|
ViewControl_default,
|
|
8764
9212
|
{
|
|
8765
9213
|
controlType: column.controlType,
|
|
@@ -8772,11 +9220,11 @@ var DataList = (props) => {
|
|
|
8772
9220
|
}
|
|
8773
9221
|
)
|
|
8774
9222
|
}
|
|
8775
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
9223
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8776
9224
|
Hyperlink,
|
|
8777
9225
|
{
|
|
8778
9226
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
8779
|
-
children: /* @__PURE__ */ (0,
|
|
9227
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8780
9228
|
ViewControl_default,
|
|
8781
9229
|
{
|
|
8782
9230
|
controlType: column.controlType,
|
|
@@ -8786,7 +9234,7 @@ var DataList = (props) => {
|
|
|
8786
9234
|
}
|
|
8787
9235
|
)
|
|
8788
9236
|
}
|
|
8789
|
-
) : /* @__PURE__ */ (0,
|
|
9237
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8790
9238
|
ViewControl_default,
|
|
8791
9239
|
{
|
|
8792
9240
|
controlType: column.controlType,
|
|
@@ -8800,10 +9248,10 @@ var DataList = (props) => {
|
|
|
8800
9248
|
}) }, index);
|
|
8801
9249
|
}) })
|
|
8802
9250
|
] }) }),
|
|
8803
|
-
/* @__PURE__ */ (0,
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8805
|
-
/* @__PURE__ */ (0,
|
|
8806
|
-
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)(
|
|
8807
9255
|
Hyperlink,
|
|
8808
9256
|
{
|
|
8809
9257
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8811,9 +9259,9 @@ var DataList = (props) => {
|
|
|
8811
9259
|
children: "Prev"
|
|
8812
9260
|
}
|
|
8813
9261
|
),
|
|
8814
|
-
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" }),
|
|
8815
9263
|
renderPageNumbers(),
|
|
8816
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
9264
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8817
9265
|
Hyperlink,
|
|
8818
9266
|
{
|
|
8819
9267
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8821,19 +9269,19 @@ var DataList = (props) => {
|
|
|
8821
9269
|
children: "Next"
|
|
8822
9270
|
}
|
|
8823
9271
|
),
|
|
8824
|
-
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" })
|
|
8825
9273
|
] })
|
|
8826
9274
|
] }) })
|
|
8827
9275
|
] }),
|
|
8828
|
-
/* @__PURE__ */ (0,
|
|
8829
|
-
(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)(
|
|
8830
9278
|
"div",
|
|
8831
9279
|
{
|
|
8832
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`,
|
|
8833
9281
|
children: [
|
|
8834
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8835
|
-
/* @__PURE__ */ (0,
|
|
8836
|
-
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)(
|
|
8837
9285
|
InputControl_default,
|
|
8838
9286
|
{
|
|
8839
9287
|
name: "Search_input",
|
|
@@ -8845,7 +9293,7 @@ var DataList = (props) => {
|
|
|
8845
9293
|
}
|
|
8846
9294
|
}
|
|
8847
9295
|
),
|
|
8848
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9296
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8849
9297
|
InputControl_default,
|
|
8850
9298
|
{
|
|
8851
9299
|
name: filter.name,
|
|
@@ -8860,15 +9308,15 @@ var DataList = (props) => {
|
|
|
8860
9308
|
},
|
|
8861
9309
|
filter.name
|
|
8862
9310
|
)),
|
|
8863
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9311
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
|
|
8864
9312
|
Hyperlink,
|
|
8865
9313
|
{
|
|
8866
9314
|
className: "gap-1",
|
|
8867
9315
|
linkType: "Primary" /* Solid */,
|
|
8868
9316
|
href: props.addLinkHref,
|
|
8869
9317
|
children: [
|
|
8870
|
-
/* @__PURE__ */ (0,
|
|
8871
|
-
/* @__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" })
|
|
8872
9320
|
]
|
|
8873
9321
|
}
|
|
8874
9322
|
)
|
|
@@ -8876,8 +9324,8 @@ var DataList = (props) => {
|
|
|
8876
9324
|
]
|
|
8877
9325
|
}
|
|
8878
9326
|
),
|
|
8879
|
-
/* @__PURE__ */ (0,
|
|
8880
|
-
/* @__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) => {
|
|
8881
9329
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8882
9330
|
let icon = "chevronUpDown";
|
|
8883
9331
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8887,18 +9335,18 @@ var DataList = (props) => {
|
|
|
8887
9335
|
icon = "chevronUp";
|
|
8888
9336
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8889
9337
|
}
|
|
8890
|
-
return /* @__PURE__ */ (0,
|
|
9338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8891
9339
|
"th",
|
|
8892
9340
|
{
|
|
8893
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" : ""),
|
|
8894
|
-
children: /* @__PURE__ */ (0,
|
|
9342
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
8895
9343
|
Hyperlink,
|
|
8896
9344
|
{
|
|
8897
9345
|
href: column.enableSorting ? url : void 0,
|
|
8898
9346
|
className: "text-body-950",
|
|
8899
|
-
children: /* @__PURE__ */ (0,
|
|
8900
|
-
/* @__PURE__ */ (0,
|
|
8901
|
-
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 })
|
|
8902
9350
|
] })
|
|
8903
9351
|
}
|
|
8904
9352
|
)
|
|
@@ -8906,7 +9354,7 @@ var DataList = (props) => {
|
|
|
8906
9354
|
column.name
|
|
8907
9355
|
);
|
|
8908
9356
|
}) }) }) }) }),
|
|
8909
|
-
/* @__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." })
|
|
8910
9358
|
] })
|
|
8911
9359
|
] })
|
|
8912
9360
|
] });
|
|
@@ -8919,7 +9367,7 @@ init_ServiceClient();
|
|
|
8919
9367
|
init_OdataBuilder();
|
|
8920
9368
|
init_SelectWithSearchInput();
|
|
8921
9369
|
var import_navigation4 = require("next/navigation");
|
|
8922
|
-
var
|
|
9370
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
8923
9371
|
var viewControlMap = {
|
|
8924
9372
|
number: ViewControlTypes.number,
|
|
8925
9373
|
lineText: ViewControlTypes.lineText,
|
|
@@ -9014,13 +9462,13 @@ var DataListRenderer = ({
|
|
|
9014
9462
|
isActive: landingPageUrl === pathname
|
|
9015
9463
|
};
|
|
9016
9464
|
});
|
|
9017
|
-
return /* @__PURE__ */ (0,
|
|
9465
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react67.default.Fragment, { children: [
|
|
9018
9466
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
9019
9467
|
// tabs={resolvedTabs}
|
|
9020
9468
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
9021
9469
|
// />
|
|
9022
|
-
/* @__PURE__ */ (0,
|
|
9023
|
-
/* @__PURE__ */ (0,
|
|
9470
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
9471
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
9024
9472
|
DataList_default,
|
|
9025
9473
|
{
|
|
9026
9474
|
addLinkHref,
|
|
@@ -9077,7 +9525,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
9077
9525
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
9078
9526
|
|
|
9079
9527
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
9080
|
-
var
|
|
9528
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9081
9529
|
var DataFormChildSection = (props) => {
|
|
9082
9530
|
const { section } = props;
|
|
9083
9531
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -9145,14 +9593,14 @@ var DataFormChildSection = (props) => {
|
|
|
9145
9593
|
childItemsToRender,
|
|
9146
9594
|
allChildItems: childItems
|
|
9147
9595
|
});
|
|
9148
|
-
return /* @__PURE__ */ (0,
|
|
9149
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
9150
|
-
/* @__PURE__ */ (0,
|
|
9151
|
-
/* @__PURE__ */ (0,
|
|
9152
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
9153
|
-
return /* @__PURE__ */ (0,
|
|
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: [
|
|
9154
9602
|
sectionRow.elements.map((field, index) => {
|
|
9155
|
-
return /* @__PURE__ */ (0,
|
|
9603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9156
9604
|
"th",
|
|
9157
9605
|
{
|
|
9158
9606
|
className: "py-3 font-normal text-left",
|
|
@@ -9161,21 +9609,21 @@ var DataFormChildSection = (props) => {
|
|
|
9161
9609
|
field.name
|
|
9162
9610
|
);
|
|
9163
9611
|
}),
|
|
9164
|
-
!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" })
|
|
9165
9613
|
] }, sectionRowIndex);
|
|
9166
9614
|
}) }),
|
|
9167
|
-
/* @__PURE__ */ (0,
|
|
9615
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
9168
9616
|
const { item, originalIndex } = visibleItem;
|
|
9169
9617
|
const rowKey = originalIndex;
|
|
9170
|
-
return /* @__PURE__ */ (0,
|
|
9618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react68.default.Fragment, { children: section.sectionRows.map(
|
|
9171
9619
|
(sectionRow, sectionRowIndex) => {
|
|
9172
|
-
return /* @__PURE__ */ (0,
|
|
9620
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9173
9621
|
"tr",
|
|
9174
9622
|
{
|
|
9175
9623
|
className: "",
|
|
9176
9624
|
children: [
|
|
9177
9625
|
sectionRow.elements.map((field, index) => {
|
|
9178
|
-
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)(
|
|
9179
9627
|
InputControl_default,
|
|
9180
9628
|
{
|
|
9181
9629
|
index: filteredIndex,
|
|
@@ -9195,7 +9643,7 @@ var DataFormChildSection = (props) => {
|
|
|
9195
9643
|
}
|
|
9196
9644
|
) }) }) }, field.name);
|
|
9197
9645
|
}),
|
|
9198
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
9646
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9199
9647
|
ClientButton_default,
|
|
9200
9648
|
{
|
|
9201
9649
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -9204,7 +9652,7 @@ var DataFormChildSection = (props) => {
|
|
|
9204
9652
|
},
|
|
9205
9653
|
dataRole: "delete",
|
|
9206
9654
|
tabIndex: -1,
|
|
9207
|
-
children: /* @__PURE__ */ (0,
|
|
9655
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9208
9656
|
Icon_default,
|
|
9209
9657
|
{
|
|
9210
9658
|
className: "w-4 h-4",
|
|
@@ -9221,7 +9669,7 @@ var DataFormChildSection = (props) => {
|
|
|
9221
9669
|
) }, rowKey);
|
|
9222
9670
|
}) })
|
|
9223
9671
|
] }) }),
|
|
9224
|
-
!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)(
|
|
9225
9673
|
ClientButton_default,
|
|
9226
9674
|
{
|
|
9227
9675
|
ButtonType: "Link" /* Link */,
|
|
@@ -9236,7 +9684,7 @@ var DataFormChildSection = (props) => {
|
|
|
9236
9684
|
var DataFormChildSection_default = DataFormChildSection;
|
|
9237
9685
|
|
|
9238
9686
|
// src/components/dataForm/DataForm.tsx
|
|
9239
|
-
var
|
|
9687
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
9240
9688
|
var DataForm = (props) => {
|
|
9241
9689
|
const formRef = (0, import_react69.useRef)(null);
|
|
9242
9690
|
console.log(props.dataItem, "dssads");
|
|
@@ -9456,19 +9904,19 @@ var DataForm = (props) => {
|
|
|
9456
9904
|
return false;
|
|
9457
9905
|
}
|
|
9458
9906
|
}
|
|
9459
|
-
return /* @__PURE__ */ (0,
|
|
9460
|
-
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)(
|
|
9461
9909
|
"div",
|
|
9462
9910
|
{
|
|
9463
9911
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
9464
9912
|
onClick: () => window.history.back(),
|
|
9465
9913
|
children: [
|
|
9466
|
-
/* @__PURE__ */ (0,
|
|
9467
|
-
/* @__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 })
|
|
9468
9916
|
]
|
|
9469
9917
|
}
|
|
9470
9918
|
) }),
|
|
9471
|
-
/* @__PURE__ */ (0,
|
|
9919
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9472
9920
|
"form",
|
|
9473
9921
|
{
|
|
9474
9922
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -9489,8 +9937,8 @@ var DataForm = (props) => {
|
|
|
9489
9937
|
}
|
|
9490
9938
|
}
|
|
9491
9939
|
},
|
|
9492
|
-
children: /* @__PURE__ */ (0,
|
|
9493
|
-
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: [
|
|
9494
9942
|
section.sectionRows?.map(
|
|
9495
9943
|
(sectionRow, sectionRowIndex) => {
|
|
9496
9944
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -9501,14 +9949,14 @@ var DataForm = (props) => {
|
|
|
9501
9949
|
sectionRow.visible
|
|
9502
9950
|
);
|
|
9503
9951
|
}
|
|
9504
|
-
return /* @__PURE__ */ (0,
|
|
9505
|
-
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)(
|
|
9506
9954
|
"div",
|
|
9507
9955
|
{
|
|
9508
9956
|
className: sectionRow.grow ? "grow" : "",
|
|
9509
9957
|
children: [
|
|
9510
|
-
/* @__PURE__ */ (0,
|
|
9511
|
-
/* @__PURE__ */ (0,
|
|
9958
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: field.controlType }),
|
|
9959
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9512
9960
|
InputControl_default,
|
|
9513
9961
|
{
|
|
9514
9962
|
name: field.name,
|
|
@@ -9538,12 +9986,12 @@ var DataForm = (props) => {
|
|
|
9538
9986
|
}) }) }, sectionRowIndex);
|
|
9539
9987
|
}
|
|
9540
9988
|
),
|
|
9541
|
-
/* @__PURE__ */ (0,
|
|
9989
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: section.childSections?.map(
|
|
9542
9990
|
(childSection, childSectionIndex) => {
|
|
9543
|
-
return /* @__PURE__ */ (0,
|
|
9991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
9544
9992
|
formState.inputValues,
|
|
9545
9993
|
childSection.visible
|
|
9546
|
-
) && /* @__PURE__ */ (0,
|
|
9994
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9547
9995
|
DataFormChildSection_default,
|
|
9548
9996
|
{
|
|
9549
9997
|
section: childSection,
|
|
@@ -9558,8 +10006,8 @@ var DataForm = (props) => {
|
|
|
9558
10006
|
}) })
|
|
9559
10007
|
}
|
|
9560
10008
|
),
|
|
9561
|
-
/* @__PURE__ */ (0,
|
|
9562
|
-
/* @__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)(
|
|
9563
10011
|
Button_default,
|
|
9564
10012
|
{
|
|
9565
10013
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9567,7 +10015,7 @@ var DataForm = (props) => {
|
|
|
9567
10015
|
children: props.additionalActions.title
|
|
9568
10016
|
}
|
|
9569
10017
|
) }),
|
|
9570
|
-
/* @__PURE__ */ (0,
|
|
10018
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9571
10019
|
Button_default,
|
|
9572
10020
|
{
|
|
9573
10021
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9578,7 +10026,7 @@ var DataForm = (props) => {
|
|
|
9578
10026
|
children: "Delete"
|
|
9579
10027
|
}
|
|
9580
10028
|
) }),
|
|
9581
|
-
/* @__PURE__ */ (0,
|
|
10029
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
9582
10030
|
Button_default,
|
|
9583
10031
|
{
|
|
9584
10032
|
onValidate,
|
|
@@ -9596,7 +10044,7 @@ var DataForm_default = DataForm;
|
|
|
9596
10044
|
|
|
9597
10045
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
9598
10046
|
init_ServiceClient();
|
|
9599
|
-
var
|
|
10047
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
9600
10048
|
function getAction(actions, code) {
|
|
9601
10049
|
return actions?.find((a) => a.actionCode === code);
|
|
9602
10050
|
}
|
|
@@ -9622,9 +10070,9 @@ var DataFormRenderer = ({
|
|
|
9622
10070
|
"Delete"
|
|
9623
10071
|
);
|
|
9624
10072
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
9625
|
-
return /* @__PURE__ */ (0,
|
|
9626
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
9627
|
-
/* @__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)(
|
|
9628
10076
|
DataForm_default,
|
|
9629
10077
|
{
|
|
9630
10078
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|