@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260713054521 → 0.8.1-dev.20260713054732
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/{InputControlClient-HSPSCMLF.mjs → InputControlClient-QAZKQLFO.mjs} +5 -96
- package/dist/{InputControlClient-BO7WPPVX.mjs → InputControlClient-QQCQD4EG.mjs} +5 -96
- package/dist/{chunk-6NCGSAPP.mjs → chunk-7ZFZLN56.mjs} +0 -82
- package/dist/{chunk-NT56SZOV.mjs → chunk-YG6FKKQJ.mjs} +0 -82
- package/dist/index.js +624 -812
- package/dist/index.mjs +3 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -807,101 +807,13 @@ var init_DateTimeViewClient = __esm({
|
|
|
807
807
|
}
|
|
808
808
|
});
|
|
809
809
|
|
|
810
|
-
// src/components/controls/view/VideoView.tsx
|
|
811
|
-
var import_jsx_runtime18, parseAssets, VideoView, VideoView_default;
|
|
812
|
-
var init_VideoView = __esm({
|
|
813
|
-
"src/components/controls/view/VideoView.tsx"() {
|
|
814
|
-
"use strict";
|
|
815
|
-
init_AssetUtility();
|
|
816
|
-
import_jsx_runtime18 = require("react/jsx-runtime");
|
|
817
|
-
parseAssets = (value) => {
|
|
818
|
-
if (!value) return [];
|
|
819
|
-
if (Array.isArray(value)) {
|
|
820
|
-
return value;
|
|
821
|
-
}
|
|
822
|
-
if (typeof value === "string") {
|
|
823
|
-
const trimmed = value.trim();
|
|
824
|
-
if (!trimmed) return [];
|
|
825
|
-
try {
|
|
826
|
-
const parsed = JSON.parse(trimmed);
|
|
827
|
-
if (Array.isArray(parsed)) {
|
|
828
|
-
return parsed;
|
|
829
|
-
}
|
|
830
|
-
if (parsed && typeof parsed === "object") {
|
|
831
|
-
return [parsed];
|
|
832
|
-
}
|
|
833
|
-
} catch {
|
|
834
|
-
return [{ assetUrl: trimmed }];
|
|
835
|
-
}
|
|
836
|
-
return [{ assetUrl: trimmed }];
|
|
837
|
-
}
|
|
838
|
-
if (typeof value === "object") {
|
|
839
|
-
return [value];
|
|
840
|
-
}
|
|
841
|
-
return [];
|
|
842
|
-
};
|
|
843
|
-
VideoView = (props) => {
|
|
844
|
-
const assets = parseAssets(props.value);
|
|
845
|
-
const asset = assets.find((item) => item.type?.toLowerCase() === "video") ?? assets[0];
|
|
846
|
-
if (!asset?.assetUrl) {
|
|
847
|
-
return null;
|
|
848
|
-
}
|
|
849
|
-
const resolvedAssetUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl ?? props.apiBaseUrl, asset.assetUrl);
|
|
850
|
-
const resolvedPosterUrl = asset.posterUrl ? AssetUtility_default.resolveUrl(props.assetBaseUrl ?? props.apiBaseUrl, asset.posterUrl) : void 0;
|
|
851
|
-
const isHls = resolvedAssetUrl?.endsWith(".m3u8");
|
|
852
|
-
const isVideoFile = /\.(mp4|webm|ogg|mov)$/i.test(resolvedAssetUrl ?? "");
|
|
853
|
-
const titleText = typeof asset.title === "string" ? asset.title : typeof props.customProps?.title === "string" ? props.customProps.title : "Video";
|
|
854
|
-
const fileName = typeof asset.title === "string" ? asset.title : asset.assetUrl?.split("/").pop() || "video";
|
|
855
|
-
const containerStyle = {
|
|
856
|
-
width: props.width || "100%"
|
|
857
|
-
};
|
|
858
|
-
const renderMedia = () => {
|
|
859
|
-
if (resolvedAssetUrl && isVideoFile) {
|
|
860
|
-
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
861
|
-
"video",
|
|
862
|
-
{
|
|
863
|
-
controls: true,
|
|
864
|
-
playsInline: true,
|
|
865
|
-
preload: "metadata",
|
|
866
|
-
poster: resolvedPosterUrl,
|
|
867
|
-
className: "w-full h-auto max-h-[70vh] object-contain bg-black",
|
|
868
|
-
style: { width: "100%" },
|
|
869
|
-
children: [
|
|
870
|
-
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("source", { src: resolvedAssetUrl }),
|
|
871
|
-
"Your browser does not support the video tag."
|
|
872
|
-
]
|
|
873
|
-
}
|
|
874
|
-
) });
|
|
875
|
-
}
|
|
876
|
-
return null;
|
|
877
|
-
};
|
|
878
|
-
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: containerStyle, className: "flex flex-col gap-2", children: [
|
|
879
|
-
titleText ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "font-medium text-sm", children: titleText }) : null,
|
|
880
|
-
renderMedia(),
|
|
881
|
-
resolvedAssetUrl ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
882
|
-
"a",
|
|
883
|
-
{
|
|
884
|
-
href: resolvedAssetUrl,
|
|
885
|
-
download: fileName,
|
|
886
|
-
target: "_blank",
|
|
887
|
-
rel: "noreferrer",
|
|
888
|
-
className: "inline-flex w-fit items-center rounded-md border border-slate-300 px-3 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50",
|
|
889
|
-
children: "Download video"
|
|
890
|
-
}
|
|
891
|
-
) : null
|
|
892
|
-
] });
|
|
893
|
-
};
|
|
894
|
-
VideoView_default = VideoView;
|
|
895
|
-
}
|
|
896
|
-
});
|
|
897
|
-
|
|
898
810
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
899
|
-
var import_react16,
|
|
811
|
+
var import_react16, import_jsx_runtime19, MultilineTextInput, MultilineTextInput_default;
|
|
900
812
|
var init_MultilineTextInput = __esm({
|
|
901
813
|
"src/components/controls/edit/MultilineTextInput.tsx"() {
|
|
902
814
|
"use strict";
|
|
903
815
|
import_react16 = __toESM(require("react"));
|
|
904
|
-
|
|
816
|
+
import_jsx_runtime19 = require("react/jsx-runtime");
|
|
905
817
|
MultilineTextInput = (props) => {
|
|
906
818
|
const textChangeHandler = (event) => {
|
|
907
819
|
const text = event.target.value;
|
|
@@ -920,11 +832,11 @@ var init_MultilineTextInput = __esm({
|
|
|
920
832
|
if (props.value !== void 0 && props.value !== null) {
|
|
921
833
|
value = props.value;
|
|
922
834
|
}
|
|
923
|
-
return /* @__PURE__ */ (0,
|
|
924
|
-
/* @__PURE__ */ (0,
|
|
835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "block mb-1", children: [
|
|
836
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
925
837
|
" ",
|
|
926
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
927
|
-
/* @__PURE__ */ (0,
|
|
838
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
839
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
928
840
|
"textarea",
|
|
929
841
|
{
|
|
930
842
|
name: props.name,
|
|
@@ -941,7 +853,7 @@ var init_MultilineTextInput = __esm({
|
|
|
941
853
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
|
|
942
854
|
}
|
|
943
855
|
),
|
|
944
|
-
/* @__PURE__ */ (0,
|
|
856
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
945
857
|
] }) });
|
|
946
858
|
};
|
|
947
859
|
MultilineTextInput_default = MultilineTextInput;
|
|
@@ -949,12 +861,12 @@ var init_MultilineTextInput = __esm({
|
|
|
949
861
|
});
|
|
950
862
|
|
|
951
863
|
// src/components/controls/edit/LineTextInput.tsx
|
|
952
|
-
var import_react17,
|
|
864
|
+
var import_react17, import_jsx_runtime20, LineTextInput, LineTextInput_default;
|
|
953
865
|
var init_LineTextInput = __esm({
|
|
954
866
|
"src/components/controls/edit/LineTextInput.tsx"() {
|
|
955
867
|
"use strict";
|
|
956
868
|
import_react17 = __toESM(require("react"));
|
|
957
|
-
|
|
869
|
+
import_jsx_runtime20 = require("react/jsx-runtime");
|
|
958
870
|
LineTextInput = (props) => {
|
|
959
871
|
const textChangeHandler = (event) => {
|
|
960
872
|
const text = event.target.value;
|
|
@@ -973,11 +885,11 @@ var init_LineTextInput = __esm({
|
|
|
973
885
|
if (props.value !== void 0 && props.value !== null) {
|
|
974
886
|
value = props.value;
|
|
975
887
|
}
|
|
976
|
-
return /* @__PURE__ */ (0,
|
|
977
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
888
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block", children: [
|
|
889
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
978
890
|
" ",
|
|
979
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
980
|
-
/* @__PURE__ */ (0,
|
|
891
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
|
|
892
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
981
893
|
"input",
|
|
982
894
|
{
|
|
983
895
|
type: "text",
|
|
@@ -997,7 +909,7 @@ var init_LineTextInput = __esm({
|
|
|
997
909
|
`
|
|
998
910
|
}
|
|
999
911
|
),
|
|
1000
|
-
/* @__PURE__ */ (0,
|
|
912
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1001
913
|
] }) });
|
|
1002
914
|
};
|
|
1003
915
|
LineTextInput_default = LineTextInput;
|
|
@@ -1005,12 +917,12 @@ var init_LineTextInput = __esm({
|
|
|
1005
917
|
});
|
|
1006
918
|
|
|
1007
919
|
// src/components/controls/edit/MoneyInput.tsx
|
|
1008
|
-
var import_react18,
|
|
920
|
+
var import_react18, import_jsx_runtime21, MoneyInput, MoneyInput_default;
|
|
1009
921
|
var init_MoneyInput = __esm({
|
|
1010
922
|
"src/components/controls/edit/MoneyInput.tsx"() {
|
|
1011
923
|
"use strict";
|
|
1012
924
|
import_react18 = __toESM(require("react"));
|
|
1013
|
-
|
|
925
|
+
import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1014
926
|
MoneyInput = (props) => {
|
|
1015
927
|
const textChangeHandler = (event) => {
|
|
1016
928
|
const rawValue = event.target.value;
|
|
@@ -1039,11 +951,11 @@ var init_MoneyInput = __esm({
|
|
|
1039
951
|
e.preventDefault();
|
|
1040
952
|
}
|
|
1041
953
|
};
|
|
1042
|
-
return /* @__PURE__ */ (0,
|
|
1043
|
-
/* @__PURE__ */ (0,
|
|
954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
|
|
955
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1044
956
|
" ",
|
|
1045
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1046
|
-
/* @__PURE__ */ (0,
|
|
957
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
958
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1047
959
|
"input",
|
|
1048
960
|
{
|
|
1049
961
|
type: "number",
|
|
@@ -1063,7 +975,7 @@ var init_MoneyInput = __esm({
|
|
|
1063
975
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
1064
976
|
}
|
|
1065
977
|
),
|
|
1066
|
-
/* @__PURE__ */ (0,
|
|
978
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1067
979
|
] }) });
|
|
1068
980
|
};
|
|
1069
981
|
MoneyInput_default = MoneyInput;
|
|
@@ -1104,12 +1016,12 @@ var init_InputControlType = __esm({
|
|
|
1104
1016
|
});
|
|
1105
1017
|
|
|
1106
1018
|
// src/components/controls/edit/Select.tsx
|
|
1107
|
-
var import_react19,
|
|
1019
|
+
var import_react19, import_jsx_runtime22, Select, Select_default;
|
|
1108
1020
|
var init_Select = __esm({
|
|
1109
1021
|
"src/components/controls/edit/Select.tsx"() {
|
|
1110
1022
|
"use strict";
|
|
1111
1023
|
import_react19 = require("react");
|
|
1112
|
-
|
|
1024
|
+
import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1113
1025
|
Select = (props) => {
|
|
1114
1026
|
const [list, setList] = (0, import_react19.useState)([]);
|
|
1115
1027
|
const getSafeValue = (val) => {
|
|
@@ -1167,11 +1079,11 @@ var init_Select = __esm({
|
|
|
1167
1079
|
props.dataSourceDependsOn
|
|
1168
1080
|
]);
|
|
1169
1081
|
const value = getSafeValue(props.value);
|
|
1170
|
-
return /* @__PURE__ */ (0,
|
|
1171
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
1082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { className: "block", children: [
|
|
1083
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
1172
1084
|
" ",
|
|
1173
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
1174
|
-
/* @__PURE__ */ (0,
|
|
1085
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1086
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
1175
1087
|
"select",
|
|
1176
1088
|
{
|
|
1177
1089
|
name: props.name,
|
|
@@ -1182,16 +1094,16 @@ var init_Select = __esm({
|
|
|
1182
1094
|
disabled: props.attributes?.readOnly,
|
|
1183
1095
|
className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
|
|
1184
1096
|
children: [
|
|
1185
|
-
/* @__PURE__ */ (0,
|
|
1097
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
1186
1098
|
list.map((item, index) => {
|
|
1187
1099
|
const keyField = props.dataKeyFieldName;
|
|
1188
1100
|
const textField = props.dataTextFieldName;
|
|
1189
|
-
return /* @__PURE__ */ (0,
|
|
1101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
1190
1102
|
})
|
|
1191
1103
|
]
|
|
1192
1104
|
}
|
|
1193
1105
|
),
|
|
1194
|
-
/* @__PURE__ */ (0,
|
|
1106
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
1195
1107
|
] });
|
|
1196
1108
|
};
|
|
1197
1109
|
Select_default = Select;
|
|
@@ -1199,12 +1111,12 @@ var init_Select = __esm({
|
|
|
1199
1111
|
});
|
|
1200
1112
|
|
|
1201
1113
|
// src/components/controls/edit/PercentageInput.tsx
|
|
1202
|
-
var import_react20,
|
|
1114
|
+
var import_react20, import_jsx_runtime23, PercentageInput, PercentageInput_default;
|
|
1203
1115
|
var init_PercentageInput = __esm({
|
|
1204
1116
|
"src/components/controls/edit/PercentageInput.tsx"() {
|
|
1205
1117
|
"use strict";
|
|
1206
1118
|
import_react20 = __toESM(require("react"));
|
|
1207
|
-
|
|
1119
|
+
import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1208
1120
|
PercentageInput = (props) => {
|
|
1209
1121
|
const textChangeHandler = (event) => {
|
|
1210
1122
|
const rawValue = event.target.value;
|
|
@@ -1233,11 +1145,11 @@ var init_PercentageInput = __esm({
|
|
|
1233
1145
|
e.preventDefault();
|
|
1234
1146
|
}
|
|
1235
1147
|
};
|
|
1236
|
-
return /* @__PURE__ */ (0,
|
|
1237
|
-
/* @__PURE__ */ (0,
|
|
1148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react20.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { className: "block mb-1", children: [
|
|
1149
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
1238
1150
|
" ",
|
|
1239
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1240
|
-
/* @__PURE__ */ (0,
|
|
1151
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1152
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1241
1153
|
"input",
|
|
1242
1154
|
{
|
|
1243
1155
|
type: "number",
|
|
@@ -1256,7 +1168,7 @@ var init_PercentageInput = __esm({
|
|
|
1256
1168
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
|
|
1257
1169
|
}
|
|
1258
1170
|
),
|
|
1259
|
-
/* @__PURE__ */ (0,
|
|
1171
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1260
1172
|
] }) });
|
|
1261
1173
|
};
|
|
1262
1174
|
PercentageInput_default = PercentageInput;
|
|
@@ -1264,12 +1176,12 @@ var init_PercentageInput = __esm({
|
|
|
1264
1176
|
});
|
|
1265
1177
|
|
|
1266
1178
|
// src/components/controls/edit/PhoneInput.tsx
|
|
1267
|
-
var import_react21,
|
|
1179
|
+
var import_react21, import_jsx_runtime24, PhoneInput, PhoneInput_default;
|
|
1268
1180
|
var init_PhoneInput = __esm({
|
|
1269
1181
|
"src/components/controls/edit/PhoneInput.tsx"() {
|
|
1270
1182
|
"use strict";
|
|
1271
1183
|
import_react21 = __toESM(require("react"));
|
|
1272
|
-
|
|
1184
|
+
import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1273
1185
|
PhoneInput = (props) => {
|
|
1274
1186
|
const textChangeHandler = (event) => {
|
|
1275
1187
|
const text = event.target.value;
|
|
@@ -1288,13 +1200,13 @@ var init_PhoneInput = __esm({
|
|
|
1288
1200
|
if (props.value !== void 0 && props.value !== null) {
|
|
1289
1201
|
value = props.value;
|
|
1290
1202
|
}
|
|
1291
|
-
return /* @__PURE__ */ (0,
|
|
1292
|
-
/* @__PURE__ */ (0,
|
|
1203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react21.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "block mb-1", children: [
|
|
1204
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1293
1205
|
" ",
|
|
1294
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1295
|
-
/* @__PURE__ */ (0,
|
|
1296
|
-
/* @__PURE__ */ (0,
|
|
1297
|
-
/* @__PURE__ */ (0,
|
|
1206
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1207
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center rounded border ", children: [
|
|
1208
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "px-3", children: props.prefix }),
|
|
1209
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1298
1210
|
"input",
|
|
1299
1211
|
{
|
|
1300
1212
|
type: "text",
|
|
@@ -1312,7 +1224,7 @@ var init_PhoneInput = __esm({
|
|
|
1312
1224
|
}
|
|
1313
1225
|
)
|
|
1314
1226
|
] }),
|
|
1315
|
-
/* @__PURE__ */ (0,
|
|
1227
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1316
1228
|
] }) });
|
|
1317
1229
|
};
|
|
1318
1230
|
PhoneInput_default = PhoneInput;
|
|
@@ -1320,12 +1232,12 @@ var init_PhoneInput = __esm({
|
|
|
1320
1232
|
});
|
|
1321
1233
|
|
|
1322
1234
|
// src/components/controls/edit/NumberInput.tsx
|
|
1323
|
-
var import_react22,
|
|
1235
|
+
var import_react22, import_jsx_runtime25, NumberInput, NumberInput_default;
|
|
1324
1236
|
var init_NumberInput = __esm({
|
|
1325
1237
|
"src/components/controls/edit/NumberInput.tsx"() {
|
|
1326
1238
|
"use strict";
|
|
1327
1239
|
import_react22 = __toESM(require("react"));
|
|
1328
|
-
|
|
1240
|
+
import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1329
1241
|
NumberInput = (props) => {
|
|
1330
1242
|
const textChangeHandler = (event) => {
|
|
1331
1243
|
const text = event.target.value;
|
|
@@ -1348,11 +1260,11 @@ var init_NumberInput = __esm({
|
|
|
1348
1260
|
if (props.value !== void 0 && props.value !== null) {
|
|
1349
1261
|
value = props.value;
|
|
1350
1262
|
}
|
|
1351
|
-
return /* @__PURE__ */ (0,
|
|
1352
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { className: "block", children: [
|
|
1264
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
1353
1265
|
" ",
|
|
1354
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1355
|
-
/* @__PURE__ */ (0,
|
|
1266
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1267
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1356
1268
|
"input",
|
|
1357
1269
|
{
|
|
1358
1270
|
type: "number",
|
|
@@ -1371,7 +1283,7 @@ var init_NumberInput = __esm({
|
|
|
1371
1283
|
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 "
|
|
1372
1284
|
}
|
|
1373
1285
|
),
|
|
1374
|
-
/* @__PURE__ */ (0,
|
|
1286
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1375
1287
|
] }) });
|
|
1376
1288
|
};
|
|
1377
1289
|
NumberInput_default = NumberInput;
|
|
@@ -1379,12 +1291,12 @@ var init_NumberInput = __esm({
|
|
|
1379
1291
|
});
|
|
1380
1292
|
|
|
1381
1293
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
1382
|
-
var import_react23,
|
|
1294
|
+
var import_react23, import_jsx_runtime26, CheckboxInput, CheckboxInput_default;
|
|
1383
1295
|
var init_CheckboxInput = __esm({
|
|
1384
1296
|
"src/components/controls/edit/CheckboxInput.tsx"() {
|
|
1385
1297
|
"use strict";
|
|
1386
1298
|
import_react23 = __toESM(require("react"));
|
|
1387
|
-
|
|
1299
|
+
import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1388
1300
|
CheckboxInput = (props) => {
|
|
1389
1301
|
const textChangeHandler = (event) => {
|
|
1390
1302
|
let text = event.target.checked;
|
|
@@ -1401,9 +1313,9 @@ var init_CheckboxInput = __esm({
|
|
|
1401
1313
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
1402
1314
|
value = true;
|
|
1403
1315
|
}
|
|
1404
|
-
return /* @__PURE__ */ (0,
|
|
1405
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1406
|
-
/* @__PURE__ */ (0,
|
|
1316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react23.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-1", children: [
|
|
1317
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
|
|
1318
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1407
1319
|
"label",
|
|
1408
1320
|
{
|
|
1409
1321
|
htmlFor: props.name,
|
|
@@ -1411,9 +1323,9 @@ var init_CheckboxInput = __esm({
|
|
|
1411
1323
|
children: props.attributes.label
|
|
1412
1324
|
}
|
|
1413
1325
|
),
|
|
1414
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1326
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
1415
1327
|
] }),
|
|
1416
|
-
/* @__PURE__ */ (0,
|
|
1328
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1417
1329
|
"input",
|
|
1418
1330
|
{
|
|
1419
1331
|
type: "checkbox",
|
|
@@ -1430,7 +1342,7 @@ var init_CheckboxInput = __esm({
|
|
|
1430
1342
|
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 "
|
|
1431
1343
|
}
|
|
1432
1344
|
),
|
|
1433
|
-
/* @__PURE__ */ (0,
|
|
1345
|
+
/* @__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 || "" })
|
|
1434
1346
|
] }) });
|
|
1435
1347
|
};
|
|
1436
1348
|
CheckboxInput_default = CheckboxInput;
|
|
@@ -1438,12 +1350,12 @@ var init_CheckboxInput = __esm({
|
|
|
1438
1350
|
});
|
|
1439
1351
|
|
|
1440
1352
|
// src/components/controls/edit/OtpInput.tsx
|
|
1441
|
-
var import_react24,
|
|
1353
|
+
var import_react24, import_jsx_runtime27, OtpInput, OtpInput_default;
|
|
1442
1354
|
var init_OtpInput = __esm({
|
|
1443
1355
|
"src/components/controls/edit/OtpInput.tsx"() {
|
|
1444
1356
|
"use strict";
|
|
1445
1357
|
import_react24 = __toESM(require("react"));
|
|
1446
|
-
|
|
1358
|
+
import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1447
1359
|
OtpInput = (props) => {
|
|
1448
1360
|
const textChangeHandler = (event) => {
|
|
1449
1361
|
const text = event.target.value;
|
|
@@ -1465,11 +1377,11 @@ var init_OtpInput = __esm({
|
|
|
1465
1377
|
if (props.value !== void 0 && props.value !== null) {
|
|
1466
1378
|
value = props.value;
|
|
1467
1379
|
}
|
|
1468
|
-
return /* @__PURE__ */ (0,
|
|
1469
|
-
/* @__PURE__ */ (0,
|
|
1380
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react24.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
1381
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1470
1382
|
" ",
|
|
1471
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1472
|
-
/* @__PURE__ */ (0,
|
|
1383
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1384
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
1473
1385
|
"input",
|
|
1474
1386
|
{
|
|
1475
1387
|
type: "text",
|
|
@@ -1489,7 +1401,7 @@ var init_OtpInput = __esm({
|
|
|
1489
1401
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
|
|
1490
1402
|
}
|
|
1491
1403
|
),
|
|
1492
|
-
/* @__PURE__ */ (0,
|
|
1404
|
+
/* @__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 : "" })
|
|
1493
1405
|
] }) });
|
|
1494
1406
|
};
|
|
1495
1407
|
OtpInput_default = OtpInput;
|
|
@@ -1497,12 +1409,12 @@ var init_OtpInput = __esm({
|
|
|
1497
1409
|
});
|
|
1498
1410
|
|
|
1499
1411
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
1500
|
-
var import_react25,
|
|
1412
|
+
var import_react25, import_jsx_runtime28, DateTimeInput, DateTimeInput_default;
|
|
1501
1413
|
var init_DateTimeInput = __esm({
|
|
1502
1414
|
"src/components/controls/edit/DateTimeInput.tsx"() {
|
|
1503
1415
|
"use strict";
|
|
1504
1416
|
import_react25 = __toESM(require("react"));
|
|
1505
|
-
|
|
1417
|
+
import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1506
1418
|
DateTimeInput = (props) => {
|
|
1507
1419
|
const textChangeHandler = (event) => {
|
|
1508
1420
|
const localDate = new Date(event.target.value);
|
|
@@ -1534,12 +1446,12 @@ var init_DateTimeInput = __esm({
|
|
|
1534
1446
|
e.preventDefault();
|
|
1535
1447
|
}
|
|
1536
1448
|
};
|
|
1537
|
-
return /* @__PURE__ */ (0,
|
|
1538
|
-
/* @__PURE__ */ (0,
|
|
1449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react25.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
|
|
1450
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1539
1451
|
" ",
|
|
1540
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1541
|
-
/* @__PURE__ */ (0,
|
|
1542
|
-
/* @__PURE__ */ (0,
|
|
1452
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1453
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1454
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
1543
1455
|
"input",
|
|
1544
1456
|
{
|
|
1545
1457
|
type: "datetime-local",
|
|
@@ -1557,9 +1469,9 @@ var init_DateTimeInput = __esm({
|
|
|
1557
1469
|
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 "
|
|
1558
1470
|
}
|
|
1559
1471
|
),
|
|
1560
|
-
/* @__PURE__ */ (0,
|
|
1472
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: timeZoneAbbr })
|
|
1561
1473
|
] }),
|
|
1562
|
-
/* @__PURE__ */ (0,
|
|
1474
|
+
/* @__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 : "" })
|
|
1563
1475
|
] }) });
|
|
1564
1476
|
};
|
|
1565
1477
|
DateTimeInput_default = DateTimeInput;
|
|
@@ -1567,12 +1479,12 @@ var init_DateTimeInput = __esm({
|
|
|
1567
1479
|
});
|
|
1568
1480
|
|
|
1569
1481
|
// src/components/controls/edit/ColorInput.tsx
|
|
1570
|
-
var import_react26,
|
|
1482
|
+
var import_react26, import_jsx_runtime29, ColorInput, ColorInput_default;
|
|
1571
1483
|
var init_ColorInput = __esm({
|
|
1572
1484
|
"src/components/controls/edit/ColorInput.tsx"() {
|
|
1573
1485
|
"use strict";
|
|
1574
1486
|
import_react26 = __toESM(require("react"));
|
|
1575
|
-
|
|
1487
|
+
import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1576
1488
|
ColorInput = (props) => {
|
|
1577
1489
|
const [color, setColor] = import_react26.default.useState("#3b82f6");
|
|
1578
1490
|
(0, import_react26.useEffect)(() => {
|
|
@@ -1594,11 +1506,11 @@ var init_ColorInput = __esm({
|
|
|
1594
1506
|
});
|
|
1595
1507
|
}
|
|
1596
1508
|
};
|
|
1597
|
-
return /* @__PURE__ */ (0,
|
|
1598
|
-
/* @__PURE__ */ (0,
|
|
1509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
|
|
1510
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1599
1511
|
" ",
|
|
1600
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1601
|
-
/* @__PURE__ */ (0,
|
|
1512
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
1513
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
1602
1514
|
"input",
|
|
1603
1515
|
{
|
|
1604
1516
|
type: "color",
|
|
@@ -1611,7 +1523,7 @@ var init_ColorInput = __esm({
|
|
|
1611
1523
|
className: `w-[78px] h-12 block cursor-pointer`
|
|
1612
1524
|
}
|
|
1613
1525
|
),
|
|
1614
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
1526
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
|
|
1615
1527
|
] });
|
|
1616
1528
|
};
|
|
1617
1529
|
ColorInput_default = ColorInput;
|
|
@@ -1619,13 +1531,13 @@ var init_ColorInput = __esm({
|
|
|
1619
1531
|
});
|
|
1620
1532
|
|
|
1621
1533
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
1622
|
-
var import_react27,
|
|
1534
|
+
var import_react27, import_jsx_runtime30, SelectWithSearchInput, SelectWithSearchInput_default;
|
|
1623
1535
|
var init_SelectWithSearchInput = __esm({
|
|
1624
1536
|
"src/components/controls/edit/SelectWithSearchInput.tsx"() {
|
|
1625
1537
|
"use strict";
|
|
1626
1538
|
"use client";
|
|
1627
1539
|
import_react27 = require("react");
|
|
1628
|
-
|
|
1540
|
+
import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1629
1541
|
SelectWithSearchInput = (props) => {
|
|
1630
1542
|
const [isOpen, setIsOpen] = (0, import_react27.useState)(false);
|
|
1631
1543
|
const [searchTerm, setSearchTerm] = (0, import_react27.useState)("");
|
|
@@ -1696,15 +1608,15 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1696
1608
|
});
|
|
1697
1609
|
}
|
|
1698
1610
|
}, [highlightedIndex]);
|
|
1699
|
-
return /* @__PURE__ */ (0,
|
|
1700
|
-
/* @__PURE__ */ (0,
|
|
1611
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative", children: [
|
|
1612
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { children: [
|
|
1701
1613
|
props.attributes?.label,
|
|
1702
1614
|
" ",
|
|
1703
1615
|
" ",
|
|
1704
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1616
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
1705
1617
|
] }),
|
|
1706
|
-
/* @__PURE__ */ (0,
|
|
1707
|
-
/* @__PURE__ */ (0,
|
|
1618
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative", children: [
|
|
1619
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1708
1620
|
"input",
|
|
1709
1621
|
{
|
|
1710
1622
|
type: "text",
|
|
@@ -1720,13 +1632,13 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1720
1632
|
className: "peer py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1721
1633
|
}
|
|
1722
1634
|
),
|
|
1723
|
-
/* @__PURE__ */ (0,
|
|
1635
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1724
1636
|
"button",
|
|
1725
1637
|
{
|
|
1726
1638
|
type: "button",
|
|
1727
1639
|
onClick: () => setIsOpen(!isOpen),
|
|
1728
1640
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1729
|
-
children: /* @__PURE__ */ (0,
|
|
1641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1730
1642
|
"svg",
|
|
1731
1643
|
{
|
|
1732
1644
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1735,7 +1647,7 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1735
1647
|
strokeWidth: 1.5,
|
|
1736
1648
|
stroke: "currentColor",
|
|
1737
1649
|
className: "w-full h-full",
|
|
1738
|
-
children: /* @__PURE__ */ (0,
|
|
1650
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1739
1651
|
"path",
|
|
1740
1652
|
{
|
|
1741
1653
|
strokeLinecap: "round",
|
|
@@ -1748,12 +1660,12 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1748
1660
|
}
|
|
1749
1661
|
)
|
|
1750
1662
|
] }),
|
|
1751
|
-
isOpen && /* @__PURE__ */ (0,
|
|
1663
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1752
1664
|
"div",
|
|
1753
1665
|
{
|
|
1754
1666
|
ref: dropdownRef,
|
|
1755
1667
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
1756
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1668
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1757
1669
|
"button",
|
|
1758
1670
|
{
|
|
1759
1671
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1761,10 +1673,10 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1761
1673
|
role: "option",
|
|
1762
1674
|
tabIndex: -1,
|
|
1763
1675
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1764
|
-
children: /* @__PURE__ */ (0,
|
|
1676
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
1765
1677
|
},
|
|
1766
1678
|
item[props.dataKeyFieldName]
|
|
1767
|
-
)) : /* @__PURE__ */ (0,
|
|
1679
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1768
1680
|
}
|
|
1769
1681
|
)
|
|
1770
1682
|
] });
|
|
@@ -1852,7 +1764,7 @@ var init_StyleTypes = __esm({
|
|
|
1852
1764
|
});
|
|
1853
1765
|
|
|
1854
1766
|
// src/components/ClientButton.tsx
|
|
1855
|
-
var import_react28,
|
|
1767
|
+
var import_react28, import_jsx_runtime31, ClientButton, ClientButton_default;
|
|
1856
1768
|
var init_ClientButton = __esm({
|
|
1857
1769
|
"src/components/ClientButton.tsx"() {
|
|
1858
1770
|
"use strict";
|
|
@@ -1860,7 +1772,7 @@ var init_ClientButton = __esm({
|
|
|
1860
1772
|
import_react28 = __toESM(require("react"));
|
|
1861
1773
|
init_ToastService();
|
|
1862
1774
|
init_StyleTypes();
|
|
1863
|
-
|
|
1775
|
+
import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1864
1776
|
ClientButton = (props) => {
|
|
1865
1777
|
const execute = async (event) => {
|
|
1866
1778
|
if (props.onClick !== void 0) {
|
|
@@ -1870,7 +1782,7 @@ var init_ClientButton = __esm({
|
|
|
1870
1782
|
}
|
|
1871
1783
|
};
|
|
1872
1784
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1873
|
-
return /* @__PURE__ */ (0,
|
|
1785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
1874
1786
|
"button",
|
|
1875
1787
|
{
|
|
1876
1788
|
type: "button",
|
|
@@ -1885,7 +1797,7 @@ var init_ClientButton = __esm({
|
|
|
1885
1797
|
});
|
|
1886
1798
|
|
|
1887
1799
|
// src/components/Confirm.tsx
|
|
1888
|
-
var import_react29,
|
|
1800
|
+
var import_react29, import_jsx_runtime32, Confirm, Confirm_default;
|
|
1889
1801
|
var init_Confirm = __esm({
|
|
1890
1802
|
"src/components/Confirm.tsx"() {
|
|
1891
1803
|
"use strict";
|
|
@@ -1893,7 +1805,7 @@ var init_Confirm = __esm({
|
|
|
1893
1805
|
import_react29 = require("react");
|
|
1894
1806
|
init_ClientButton();
|
|
1895
1807
|
init_StyleTypes();
|
|
1896
|
-
|
|
1808
|
+
import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1897
1809
|
Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1898
1810
|
const [showModal, setShowModal] = (0, import_react29.useState)(true);
|
|
1899
1811
|
const handleConfirmAction = () => {
|
|
@@ -1908,13 +1820,13 @@ var init_Confirm = __esm({
|
|
|
1908
1820
|
onCancel();
|
|
1909
1821
|
}
|
|
1910
1822
|
};
|
|
1911
|
-
return /* @__PURE__ */ (0,
|
|
1912
|
-
/* @__PURE__ */ (0,
|
|
1913
|
-
/* @__PURE__ */ (0,
|
|
1914
|
-
/* @__PURE__ */ (0,
|
|
1915
|
-
/* @__PURE__ */ (0,
|
|
1916
|
-
/* @__PURE__ */ (0,
|
|
1917
|
-
/* @__PURE__ */ (0,
|
|
1823
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1824
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1825
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1826
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1827
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mb-4", children: message }),
|
|
1828
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
1829
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1918
1830
|
ClientButton_default,
|
|
1919
1831
|
{
|
|
1920
1832
|
onClick: handleCancelAction,
|
|
@@ -1922,7 +1834,7 @@ var init_Confirm = __esm({
|
|
|
1922
1834
|
children: "Cancel"
|
|
1923
1835
|
}
|
|
1924
1836
|
),
|
|
1925
|
-
/* @__PURE__ */ (0,
|
|
1837
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1926
1838
|
ClientButton_default,
|
|
1927
1839
|
{
|
|
1928
1840
|
onClick: handleConfirmAction,
|
|
@@ -1940,7 +1852,7 @@ var init_Confirm = __esm({
|
|
|
1940
1852
|
});
|
|
1941
1853
|
|
|
1942
1854
|
// src/components/Button.tsx
|
|
1943
|
-
var import_react30,
|
|
1855
|
+
var import_react30, import_jsx_runtime33, Button, Button_default;
|
|
1944
1856
|
var init_Button = __esm({
|
|
1945
1857
|
"src/components/Button.tsx"() {
|
|
1946
1858
|
"use strict";
|
|
@@ -1949,7 +1861,7 @@ var init_Button = __esm({
|
|
|
1949
1861
|
init_ToastService();
|
|
1950
1862
|
init_StyleTypes();
|
|
1951
1863
|
init_Confirm();
|
|
1952
|
-
|
|
1864
|
+
import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1953
1865
|
Button = (props) => {
|
|
1954
1866
|
const [inProgress, setInProgress] = (0, import_react30.useState)(false);
|
|
1955
1867
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react30.useState)(false);
|
|
@@ -1998,14 +1910,14 @@ var init_Button = __esm({
|
|
|
1998
1910
|
return new Promise((resolve) => {
|
|
1999
1911
|
const onConfirm = () => resolve(true);
|
|
2000
1912
|
const onCancel = () => resolve(false);
|
|
2001
|
-
setShowModal(/* @__PURE__ */ (0,
|
|
1913
|
+
setShowModal(/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
2002
1914
|
});
|
|
2003
1915
|
};
|
|
2004
1916
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
2005
1917
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
2006
1918
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
2007
|
-
return /* @__PURE__ */ (0,
|
|
2008
|
-
/* @__PURE__ */ (0,
|
|
1919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react30.default.Fragment, { children: [
|
|
1920
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
2009
1921
|
"button",
|
|
2010
1922
|
{
|
|
2011
1923
|
type: "submit",
|
|
@@ -2015,9 +1927,9 @@ var init_Button = __esm({
|
|
|
2015
1927
|
className: buttonClass + " relative " + props.className,
|
|
2016
1928
|
children: [
|
|
2017
1929
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
2018
|
-
inProgress && /* @__PURE__ */ (0,
|
|
2019
|
-
/* @__PURE__ */ (0,
|
|
2020
|
-
/* @__PURE__ */ (0,
|
|
1930
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react30.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
|
|
1931
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
1932
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
|
|
2021
1933
|
] }) })
|
|
2022
1934
|
]
|
|
2023
1935
|
}
|
|
@@ -2030,14 +1942,14 @@ var init_Button = __esm({
|
|
|
2030
1942
|
});
|
|
2031
1943
|
|
|
2032
1944
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
2033
|
-
var import_react31,
|
|
1945
|
+
var import_react31, import_jsx_runtime34, SelectWithSearchPanel, SelectWithSearchPanel_default;
|
|
2034
1946
|
var init_SelectWithSearchPanel = __esm({
|
|
2035
1947
|
"src/components/controls/edit/SelectWithSearchPanel.tsx"() {
|
|
2036
1948
|
"use strict";
|
|
2037
1949
|
"use client";
|
|
2038
1950
|
init_Button();
|
|
2039
1951
|
import_react31 = __toESM(require("react"));
|
|
2040
|
-
|
|
1952
|
+
import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2041
1953
|
SelectWithSearchPanel = (props) => {
|
|
2042
1954
|
const [isOpen, setIsOpen] = (0, import_react31.useState)(false);
|
|
2043
1955
|
const [searchTerm, setSearchTerm] = (0, import_react31.useState)("");
|
|
@@ -2173,14 +2085,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2173
2085
|
console.log("Form Data:", formData);
|
|
2174
2086
|
return formData;
|
|
2175
2087
|
}, []);
|
|
2176
|
-
return /* @__PURE__ */ (0,
|
|
2177
|
-
/* @__PURE__ */ (0,
|
|
2088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
|
|
2089
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "text-sm mb-1 font-medium", children: [
|
|
2178
2090
|
props.attributes?.label,
|
|
2179
2091
|
" ",
|
|
2180
2092
|
" ",
|
|
2181
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2093
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2182
2094
|
] }),
|
|
2183
|
-
/* @__PURE__ */ (0,
|
|
2095
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2184
2096
|
"input",
|
|
2185
2097
|
{
|
|
2186
2098
|
type: "text",
|
|
@@ -2194,14 +2106,14 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2194
2106
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
2195
2107
|
}
|
|
2196
2108
|
) }),
|
|
2197
|
-
/* @__PURE__ */ (0,
|
|
2198
|
-
/* @__PURE__ */ (0,
|
|
2199
|
-
/* @__PURE__ */ (0,
|
|
2109
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react31.default.Fragment, { children: [
|
|
2110
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
2111
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
2200
2112
|
"Select a",
|
|
2201
2113
|
" ",
|
|
2202
2114
|
props.attributes?.label || props.attributes?.heading
|
|
2203
2115
|
] }) }),
|
|
2204
|
-
/* @__PURE__ */ (0,
|
|
2116
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)(
|
|
2205
2117
|
"button",
|
|
2206
2118
|
{
|
|
2207
2119
|
type: "button",
|
|
@@ -2214,12 +2126,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2214
2126
|
}
|
|
2215
2127
|
) })
|
|
2216
2128
|
] }),
|
|
2217
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
2218
|
-
/* @__PURE__ */ (0,
|
|
2129
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime34.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: [
|
|
2130
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
2219
2131
|
"Create New ",
|
|
2220
2132
|
props.attributes?.label
|
|
2221
2133
|
] }) }),
|
|
2222
|
-
/* @__PURE__ */ (0,
|
|
2134
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2223
2135
|
"button",
|
|
2224
2136
|
{
|
|
2225
2137
|
type: "button",
|
|
@@ -2228,10 +2140,10 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2228
2140
|
children: "Close"
|
|
2229
2141
|
}
|
|
2230
2142
|
) }),
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2232
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
2233
|
-
/* @__PURE__ */ (0,
|
|
2234
|
-
/* @__PURE__ */ (0,
|
|
2143
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "p-4", children: [
|
|
2144
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mb-4", children: [
|
|
2145
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
2146
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2235
2147
|
"input",
|
|
2236
2148
|
{
|
|
2237
2149
|
type: field.type,
|
|
@@ -2247,7 +2159,7 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2247
2159
|
}
|
|
2248
2160
|
)
|
|
2249
2161
|
] }, field.name)),
|
|
2250
|
-
/* @__PURE__ */ (0,
|
|
2162
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Button_default, { onClick: async () => {
|
|
2251
2163
|
handleSaveModal();
|
|
2252
2164
|
return { isSuccessful: true };
|
|
2253
2165
|
}, className: "w-full", children: [
|
|
@@ -2256,13 +2168,13 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2256
2168
|
] })
|
|
2257
2169
|
] })
|
|
2258
2170
|
] }),
|
|
2259
|
-
/* @__PURE__ */ (0,
|
|
2171
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2260
2172
|
"div",
|
|
2261
2173
|
{
|
|
2262
2174
|
ref: listRef,
|
|
2263
2175
|
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",
|
|
2264
2176
|
style: { height: "calc(100vh - 130px)" },
|
|
2265
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
2177
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2266
2178
|
"button",
|
|
2267
2179
|
{
|
|
2268
2180
|
onClick: (e) => {
|
|
@@ -2272,9 +2184,9 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2272
2184
|
role: "option",
|
|
2273
2185
|
tabIndex: -1,
|
|
2274
2186
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
2275
|
-
children: /* @__PURE__ */ (0,
|
|
2187
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
|
|
2276
2188
|
}
|
|
2277
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2189
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
2278
2190
|
}
|
|
2279
2191
|
)
|
|
2280
2192
|
] }) })
|
|
@@ -2285,12 +2197,12 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
2285
2197
|
});
|
|
2286
2198
|
|
|
2287
2199
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
2288
|
-
var import_react32,
|
|
2200
|
+
var import_react32, import_jsx_runtime35, BooleanSelect, BooleanSelect_default;
|
|
2289
2201
|
var init_BooleanSelect = __esm({
|
|
2290
2202
|
"src/components/controls/edit/BooleanSelect.tsx"() {
|
|
2291
2203
|
"use strict";
|
|
2292
2204
|
import_react32 = __toESM(require("react"));
|
|
2293
|
-
|
|
2205
|
+
import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2294
2206
|
BooleanSelect = (props) => {
|
|
2295
2207
|
const [list, setList] = (0, import_react32.useState)();
|
|
2296
2208
|
const textChangeHandler = (event) => {
|
|
@@ -2339,11 +2251,11 @@ var init_BooleanSelect = __esm({
|
|
|
2339
2251
|
if (props.value !== void 0 && props.value !== null) {
|
|
2340
2252
|
value = props.value;
|
|
2341
2253
|
}
|
|
2342
|
-
return /* @__PURE__ */ (0,
|
|
2343
|
-
/* @__PURE__ */ (0,
|
|
2254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("label", { className: "block", children: [
|
|
2255
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2344
2256
|
" ",
|
|
2345
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2346
|
-
/* @__PURE__ */ (0,
|
|
2257
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2258
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
2347
2259
|
"select",
|
|
2348
2260
|
{
|
|
2349
2261
|
name: props.name,
|
|
@@ -2355,9 +2267,9 @@ var init_BooleanSelect = __esm({
|
|
|
2355
2267
|
disabled: props?.attributes?.readOnly,
|
|
2356
2268
|
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 ",
|
|
2357
2269
|
children: [
|
|
2358
|
-
/* @__PURE__ */ (0,
|
|
2270
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2359
2271
|
list && list.map((item, i) => {
|
|
2360
|
-
return /* @__PURE__ */ (0,
|
|
2272
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
2361
2273
|
"option",
|
|
2362
2274
|
{
|
|
2363
2275
|
className: "fac-select-option",
|
|
@@ -2370,7 +2282,7 @@ var init_BooleanSelect = __esm({
|
|
|
2370
2282
|
]
|
|
2371
2283
|
}
|
|
2372
2284
|
),
|
|
2373
|
-
/* @__PURE__ */ (0,
|
|
2285
|
+
/* @__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 : "" })
|
|
2374
2286
|
] }) });
|
|
2375
2287
|
};
|
|
2376
2288
|
BooleanSelect_default = BooleanSelect;
|
|
@@ -2378,12 +2290,12 @@ var init_BooleanSelect = __esm({
|
|
|
2378
2290
|
});
|
|
2379
2291
|
|
|
2380
2292
|
// src/components/controls/edit/EmailInput.tsx
|
|
2381
|
-
var import_react33,
|
|
2293
|
+
var import_react33, import_jsx_runtime36, EmailInput, EmailInput_default;
|
|
2382
2294
|
var init_EmailInput = __esm({
|
|
2383
2295
|
"src/components/controls/edit/EmailInput.tsx"() {
|
|
2384
2296
|
"use strict";
|
|
2385
2297
|
import_react33 = __toESM(require("react"));
|
|
2386
|
-
|
|
2298
|
+
import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2387
2299
|
EmailInput = (props) => {
|
|
2388
2300
|
const textChangeHandler = (event) => {
|
|
2389
2301
|
const text = event.target.value;
|
|
@@ -2408,11 +2320,11 @@ var init_EmailInput = __esm({
|
|
|
2408
2320
|
if (props.value !== void 0 && props.value !== null) {
|
|
2409
2321
|
value = props.value;
|
|
2410
2322
|
}
|
|
2411
|
-
return /* @__PURE__ */ (0,
|
|
2412
|
-
/* @__PURE__ */ (0,
|
|
2323
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react33.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("label", { className: "block mb-1", children: [
|
|
2324
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
2413
2325
|
" ",
|
|
2414
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2415
|
-
/* @__PURE__ */ (0,
|
|
2326
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2327
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2416
2328
|
"input",
|
|
2417
2329
|
{
|
|
2418
2330
|
type: "email",
|
|
@@ -2428,7 +2340,7 @@ var init_EmailInput = __esm({
|
|
|
2428
2340
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
2429
2341
|
}
|
|
2430
2342
|
),
|
|
2431
|
-
/* @__PURE__ */ (0,
|
|
2343
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.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 : "" })
|
|
2432
2344
|
] }) });
|
|
2433
2345
|
};
|
|
2434
2346
|
EmailInput_default = EmailInput;
|
|
@@ -2436,13 +2348,13 @@ var init_EmailInput = __esm({
|
|
|
2436
2348
|
});
|
|
2437
2349
|
|
|
2438
2350
|
// src/components/controls/edit/TimeInput.tsx
|
|
2439
|
-
var import_react34,
|
|
2351
|
+
var import_react34, import_jsx_runtime37, TimeInput, TimeInput_default;
|
|
2440
2352
|
var init_TimeInput = __esm({
|
|
2441
2353
|
"src/components/controls/edit/TimeInput.tsx"() {
|
|
2442
2354
|
"use strict";
|
|
2443
2355
|
"use client";
|
|
2444
2356
|
import_react34 = __toESM(require("react"));
|
|
2445
|
-
|
|
2357
|
+
import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2446
2358
|
TimeInput = (props) => {
|
|
2447
2359
|
const timeChangeHandler = (event) => {
|
|
2448
2360
|
const timeValue = event.target.value;
|
|
@@ -2455,11 +2367,11 @@ var init_TimeInput = __esm({
|
|
|
2455
2367
|
});
|
|
2456
2368
|
}
|
|
2457
2369
|
};
|
|
2458
|
-
return /* @__PURE__ */ (0,
|
|
2459
|
-
/* @__PURE__ */ (0,
|
|
2370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { className: "block mb-1", children: [
|
|
2371
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2460
2372
|
" ",
|
|
2461
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2462
|
-
/* @__PURE__ */ (0,
|
|
2373
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
2374
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2463
2375
|
"input",
|
|
2464
2376
|
{
|
|
2465
2377
|
type: "time",
|
|
@@ -2472,7 +2384,7 @@ var init_TimeInput = __esm({
|
|
|
2472
2384
|
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"
|
|
2473
2385
|
}
|
|
2474
2386
|
) }),
|
|
2475
|
-
/* @__PURE__ */ (0,
|
|
2387
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
2476
2388
|
] }) });
|
|
2477
2389
|
};
|
|
2478
2390
|
TimeInput_default = TimeInput;
|
|
@@ -2487,7 +2399,7 @@ function Hyperlink(props) {
|
|
|
2487
2399
|
if (target == "_blank") {
|
|
2488
2400
|
additionalProps.rel = "noopener noreferrer";
|
|
2489
2401
|
}
|
|
2490
|
-
return /* @__PURE__ */ (0,
|
|
2402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2491
2403
|
import_link.default,
|
|
2492
2404
|
{
|
|
2493
2405
|
href: props.href,
|
|
@@ -2497,65 +2409,65 @@ function Hyperlink(props) {
|
|
|
2497
2409
|
target,
|
|
2498
2410
|
children: props.children
|
|
2499
2411
|
}
|
|
2500
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
2412
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: props.className, children: props.children }) });
|
|
2501
2413
|
}
|
|
2502
|
-
var import_link,
|
|
2414
|
+
var import_link, import_jsx_runtime38;
|
|
2503
2415
|
var init_Hyperlink = __esm({
|
|
2504
2416
|
"src/components/dataForm/Hyperlink.tsx"() {
|
|
2505
2417
|
"use strict";
|
|
2506
2418
|
import_link = __toESM(require("next/link"));
|
|
2507
2419
|
init_StyleTypes();
|
|
2508
|
-
|
|
2420
|
+
import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2509
2421
|
}
|
|
2510
2422
|
});
|
|
2511
2423
|
|
|
2512
2424
|
// src/svg/chevron-updown.tsx
|
|
2513
|
-
var
|
|
2425
|
+
var import_jsx_runtime39, ChevronUpDown, chevron_updown_default;
|
|
2514
2426
|
var init_chevron_updown = __esm({
|
|
2515
2427
|
"src/svg/chevron-updown.tsx"() {
|
|
2516
2428
|
"use strict";
|
|
2517
|
-
|
|
2429
|
+
import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2518
2430
|
ChevronUpDown = (props) => {
|
|
2519
|
-
return /* @__PURE__ */ (0,
|
|
2431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2520
2432
|
};
|
|
2521
2433
|
chevron_updown_default = ChevronUpDown;
|
|
2522
2434
|
}
|
|
2523
2435
|
});
|
|
2524
2436
|
|
|
2525
2437
|
// src/svg/chevron-down.tsx
|
|
2526
|
-
var
|
|
2438
|
+
var import_jsx_runtime40, ChevronDown, chevron_down_default;
|
|
2527
2439
|
var init_chevron_down = __esm({
|
|
2528
2440
|
"src/svg/chevron-down.tsx"() {
|
|
2529
2441
|
"use strict";
|
|
2530
|
-
|
|
2442
|
+
import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2531
2443
|
ChevronDown = (props) => {
|
|
2532
|
-
return /* @__PURE__ */ (0,
|
|
2444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2533
2445
|
};
|
|
2534
2446
|
chevron_down_default = ChevronDown;
|
|
2535
2447
|
}
|
|
2536
2448
|
});
|
|
2537
2449
|
|
|
2538
2450
|
// src/svg/chevron-up.tsx
|
|
2539
|
-
var
|
|
2451
|
+
var import_jsx_runtime41, ChevronUp, chevron_up_default;
|
|
2540
2452
|
var init_chevron_up = __esm({
|
|
2541
2453
|
"src/svg/chevron-up.tsx"() {
|
|
2542
2454
|
"use strict";
|
|
2543
|
-
|
|
2455
|
+
import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2544
2456
|
ChevronUp = (props) => {
|
|
2545
|
-
return /* @__PURE__ */ (0,
|
|
2457
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2546
2458
|
};
|
|
2547
2459
|
chevron_up_default = ChevronUp;
|
|
2548
2460
|
}
|
|
2549
2461
|
});
|
|
2550
2462
|
|
|
2551
2463
|
// src/svg/plus.tsx
|
|
2552
|
-
var
|
|
2464
|
+
var import_jsx_runtime42, Plus, plus_default;
|
|
2553
2465
|
var init_plus = __esm({
|
|
2554
2466
|
"src/svg/plus.tsx"() {
|
|
2555
2467
|
"use strict";
|
|
2556
|
-
|
|
2468
|
+
import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2557
2469
|
Plus = (props) => {
|
|
2558
|
-
return /* @__PURE__ */ (0,
|
|
2470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2559
2471
|
};
|
|
2560
2472
|
plus_default = Plus;
|
|
2561
2473
|
}
|
|
@@ -2581,26 +2493,26 @@ var init_Icons = __esm({
|
|
|
2581
2493
|
});
|
|
2582
2494
|
|
|
2583
2495
|
// src/svg/Icon.tsx
|
|
2584
|
-
var
|
|
2496
|
+
var import_jsx_runtime43, Icon, Icon_default;
|
|
2585
2497
|
var init_Icon = __esm({
|
|
2586
2498
|
"src/svg/Icon.tsx"() {
|
|
2587
2499
|
"use strict";
|
|
2588
2500
|
init_Icons();
|
|
2589
|
-
|
|
2501
|
+
import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2590
2502
|
Icon = ({ name, className, ...props }) => {
|
|
2591
2503
|
const IconComponent = Icons_default[name];
|
|
2592
2504
|
if (!IconComponent) {
|
|
2593
2505
|
console.error(`Icon "${name}" not found.`);
|
|
2594
2506
|
return null;
|
|
2595
2507
|
}
|
|
2596
|
-
return /* @__PURE__ */ (0,
|
|
2508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(IconComponent, { ...props, className });
|
|
2597
2509
|
};
|
|
2598
2510
|
Icon_default = Icon;
|
|
2599
2511
|
}
|
|
2600
2512
|
});
|
|
2601
2513
|
|
|
2602
2514
|
// src/components/controls/edit/AssetUpload.tsx
|
|
2603
|
-
var import_react35,
|
|
2515
|
+
var import_react35, import_jsx_runtime44, AssetUpload, AssetUpload_default;
|
|
2604
2516
|
var init_AssetUpload = __esm({
|
|
2605
2517
|
"src/components/controls/edit/AssetUpload.tsx"() {
|
|
2606
2518
|
"use strict";
|
|
@@ -2611,7 +2523,7 @@ var init_AssetUpload = __esm({
|
|
|
2611
2523
|
init_AssetUtility();
|
|
2612
2524
|
init_Hyperlink();
|
|
2613
2525
|
init_Icon();
|
|
2614
|
-
|
|
2526
|
+
import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2615
2527
|
AssetUpload = (props) => {
|
|
2616
2528
|
const isDisabled = props.attributes?.disable ?? false;
|
|
2617
2529
|
let allValues = [];
|
|
@@ -2708,10 +2620,10 @@ var init_AssetUpload = __esm({
|
|
|
2708
2620
|
}
|
|
2709
2621
|
return false;
|
|
2710
2622
|
};
|
|
2711
|
-
return /* @__PURE__ */ (0,
|
|
2712
|
-
/* @__PURE__ */ (0,
|
|
2713
|
-
/* @__PURE__ */ (0,
|
|
2714
|
-
/* @__PURE__ */ (0,
|
|
2623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_react35.default.Fragment, { children: [
|
|
2624
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
2625
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
2626
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2715
2627
|
ClientButton_default,
|
|
2716
2628
|
{
|
|
2717
2629
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -2721,7 +2633,7 @@ var init_AssetUpload = __esm({
|
|
|
2721
2633
|
children: "Image Upload"
|
|
2722
2634
|
}
|
|
2723
2635
|
),
|
|
2724
|
-
/* @__PURE__ */ (0,
|
|
2636
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2725
2637
|
ClientButton_default,
|
|
2726
2638
|
{
|
|
2727
2639
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -2732,13 +2644,13 @@ var init_AssetUpload = __esm({
|
|
|
2732
2644
|
}
|
|
2733
2645
|
)
|
|
2734
2646
|
] }),
|
|
2735
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
2736
|
-
/* @__PURE__ */ (0,
|
|
2737
|
-
/* @__PURE__ */ (0,
|
|
2738
|
-
/* @__PURE__ */ (0,
|
|
2739
|
-
/* @__PURE__ */ (0,
|
|
2740
|
-
/* @__PURE__ */ (0,
|
|
2741
|
-
/* @__PURE__ */ (0,
|
|
2647
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
2648
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.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" }),
|
|
2649
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
2650
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
2651
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
|
|
2652
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
2653
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2742
2654
|
"input",
|
|
2743
2655
|
{
|
|
2744
2656
|
type: "text",
|
|
@@ -2750,18 +2662,18 @@ var init_AssetUpload = __esm({
|
|
|
2750
2662
|
}
|
|
2751
2663
|
)
|
|
2752
2664
|
] }),
|
|
2753
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
2754
|
-
/* @__PURE__ */ (0,
|
|
2755
|
-
/* @__PURE__ */ (0,
|
|
2665
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
|
|
2666
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
2667
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
2756
2668
|
digitalAsset.intrinsicWidth,
|
|
2757
2669
|
"\xD7",
|
|
2758
2670
|
digitalAsset.intrinsicHeight
|
|
2759
2671
|
] })
|
|
2760
2672
|
] }),
|
|
2761
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
2762
|
-
/* @__PURE__ */ (0,
|
|
2763
|
-
/* @__PURE__ */ (0,
|
|
2764
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
2673
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
|
|
2674
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
2675
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
2676
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2765
2677
|
"img",
|
|
2766
2678
|
{
|
|
2767
2679
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -2769,7 +2681,7 @@ var init_AssetUpload = __esm({
|
|
|
2769
2681
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
2770
2682
|
}
|
|
2771
2683
|
),
|
|
2772
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
2684
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2773
2685
|
"img",
|
|
2774
2686
|
{
|
|
2775
2687
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -2779,9 +2691,9 @@ var init_AssetUpload = __esm({
|
|
|
2779
2691
|
)
|
|
2780
2692
|
] })
|
|
2781
2693
|
] }),
|
|
2782
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
2783
|
-
/* @__PURE__ */ (0,
|
|
2784
|
-
/* @__PURE__ */ (0,
|
|
2694
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "col-span-2", children: [
|
|
2695
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
2696
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2785
2697
|
Hyperlink,
|
|
2786
2698
|
{
|
|
2787
2699
|
href: digitalAsset.assetUrl,
|
|
@@ -2792,12 +2704,12 @@ var init_AssetUpload = __esm({
|
|
|
2792
2704
|
)
|
|
2793
2705
|
] })
|
|
2794
2706
|
] }),
|
|
2795
|
-
/* @__PURE__ */ (0,
|
|
2707
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
2796
2708
|
"span",
|
|
2797
2709
|
{
|
|
2798
2710
|
onClick: () => !isDisabled && deleteFile(index),
|
|
2799
2711
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
2800
|
-
children: /* @__PURE__ */ (0,
|
|
2712
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
2801
2713
|
}
|
|
2802
2714
|
)
|
|
2803
2715
|
] }, index)) })
|
|
@@ -2809,12 +2721,12 @@ var init_AssetUpload = __esm({
|
|
|
2809
2721
|
});
|
|
2810
2722
|
|
|
2811
2723
|
// src/components/controls/edit/SwitchInput.tsx
|
|
2812
|
-
var import_react36,
|
|
2724
|
+
var import_react36, import_jsx_runtime45, SwitchInput, SwitchInput_default;
|
|
2813
2725
|
var init_SwitchInput = __esm({
|
|
2814
2726
|
"src/components/controls/edit/SwitchInput.tsx"() {
|
|
2815
2727
|
"use strict";
|
|
2816
2728
|
import_react36 = __toESM(require("react"));
|
|
2817
|
-
|
|
2729
|
+
import_jsx_runtime45 = require("react/jsx-runtime");
|
|
2818
2730
|
SwitchInput = (props) => {
|
|
2819
2731
|
const textChangeHandler = (event) => {
|
|
2820
2732
|
let text = event.target.checked;
|
|
@@ -2831,28 +2743,28 @@ var init_SwitchInput = __esm({
|
|
|
2831
2743
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
2832
2744
|
value = true;
|
|
2833
2745
|
}
|
|
2834
|
-
return /* @__PURE__ */ (0,
|
|
2835
|
-
/* @__PURE__ */ (0,
|
|
2836
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
2746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react36.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
|
|
2747
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "min-w-0", children: [
|
|
2748
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
2837
2749
|
"label",
|
|
2838
2750
|
{
|
|
2839
2751
|
htmlFor: props.name,
|
|
2840
2752
|
className: "inline-block text-sm font-semibold text-slate-800",
|
|
2841
2753
|
children: [
|
|
2842
2754
|
props.attributes.label,
|
|
2843
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2755
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
2844
2756
|
]
|
|
2845
2757
|
}
|
|
2846
2758
|
),
|
|
2847
|
-
/* @__PURE__ */ (0,
|
|
2759
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
2848
2760
|
] }),
|
|
2849
|
-
/* @__PURE__ */ (0,
|
|
2761
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
2850
2762
|
"label",
|
|
2851
2763
|
{
|
|
2852
2764
|
htmlFor: props.name,
|
|
2853
2765
|
className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
|
|
2854
2766
|
children: [
|
|
2855
|
-
/* @__PURE__ */ (0,
|
|
2767
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2856
2768
|
"input",
|
|
2857
2769
|
{
|
|
2858
2770
|
type: "checkbox",
|
|
@@ -2865,13 +2777,13 @@ var init_SwitchInput = __esm({
|
|
|
2865
2777
|
className: "peer sr-only"
|
|
2866
2778
|
}
|
|
2867
2779
|
),
|
|
2868
|
-
/* @__PURE__ */ (0,
|
|
2780
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2869
2781
|
"div",
|
|
2870
2782
|
{
|
|
2871
2783
|
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"
|
|
2872
2784
|
}
|
|
2873
2785
|
),
|
|
2874
|
-
/* @__PURE__ */ (0,
|
|
2786
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
2875
2787
|
"div",
|
|
2876
2788
|
{
|
|
2877
2789
|
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"
|
|
@@ -2886,108 +2798,12 @@ var init_SwitchInput = __esm({
|
|
|
2886
2798
|
}
|
|
2887
2799
|
});
|
|
2888
2800
|
|
|
2889
|
-
// src/components/controls/edit/VideoInput.tsx
|
|
2890
|
-
var import_jsx_runtime47, normalizeVideoValue, VideoInput, VideoInput_default;
|
|
2891
|
-
var init_VideoInput = __esm({
|
|
2892
|
-
"src/components/controls/edit/VideoInput.tsx"() {
|
|
2893
|
-
"use strict";
|
|
2894
|
-
init_VideoView();
|
|
2895
|
-
import_jsx_runtime47 = require("react/jsx-runtime");
|
|
2896
|
-
normalizeVideoValue = (value) => {
|
|
2897
|
-
if (typeof value === "string") {
|
|
2898
|
-
const trimmed = value.trim();
|
|
2899
|
-
if (!trimmed) return void 0;
|
|
2900
|
-
try {
|
|
2901
|
-
const parsed = JSON.parse(trimmed);
|
|
2902
|
-
if (typeof parsed === "string") {
|
|
2903
|
-
return parsed;
|
|
2904
|
-
}
|
|
2905
|
-
if (parsed && typeof parsed === "object") {
|
|
2906
|
-
const candidate = parsed;
|
|
2907
|
-
if (typeof candidate.assetUrl === "string") return candidate.assetUrl;
|
|
2908
|
-
if (typeof candidate.url === "string") return candidate.url;
|
|
2909
|
-
if (typeof candidate.src === "string") return candidate.src;
|
|
2910
|
-
}
|
|
2911
|
-
} catch {
|
|
2912
|
-
return trimmed;
|
|
2913
|
-
}
|
|
2914
|
-
return trimmed;
|
|
2915
|
-
}
|
|
2916
|
-
if (value && typeof value === "object") {
|
|
2917
|
-
const candidate = value;
|
|
2918
|
-
if (typeof candidate.assetUrl === "string") return candidate.assetUrl;
|
|
2919
|
-
if (typeof candidate.url === "string") return candidate.url;
|
|
2920
|
-
if (typeof candidate.src === "string") return candidate.src;
|
|
2921
|
-
}
|
|
2922
|
-
return void 0;
|
|
2923
|
-
};
|
|
2924
|
-
VideoInput = (props) => {
|
|
2925
|
-
const isReadOnly = Boolean(
|
|
2926
|
-
props.attributes?.readOnly || props.disable || props.attributes?.disable
|
|
2927
|
-
);
|
|
2928
|
-
const videoUrl = normalizeVideoValue(props.value ?? props.defaultValue);
|
|
2929
|
-
const handleChange = (event) => {
|
|
2930
|
-
const text = event.target.value;
|
|
2931
|
-
props.callback?.({
|
|
2932
|
-
name: props.name,
|
|
2933
|
-
value: text,
|
|
2934
|
-
index: props.index,
|
|
2935
|
-
groupKey: props.groupKey
|
|
2936
|
-
});
|
|
2937
|
-
};
|
|
2938
|
-
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
2939
|
-
"ayush testing",
|
|
2940
|
-
props.attributes?.label ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: "text-sm font-medium", children: [
|
|
2941
|
-
props.attributes.label,
|
|
2942
|
-
props.attributes?.required ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ml-1 text-red-500", children: "*" }) : null
|
|
2943
|
-
] }) : null,
|
|
2944
|
-
isReadOnly ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
|
|
2945
|
-
"called video view",
|
|
2946
|
-
console.log(props.value, "vkjbvbvbvsdjkvdfn"),
|
|
2947
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2948
|
-
VideoView_default,
|
|
2949
|
-
{
|
|
2950
|
-
...props,
|
|
2951
|
-
value: props.value ?? props.defaultValue,
|
|
2952
|
-
assetBaseUrl: props.serviceClient?.baseUrl
|
|
2953
|
-
}
|
|
2954
|
-
)
|
|
2955
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
|
|
2956
|
-
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2957
|
-
"input",
|
|
2958
|
-
{
|
|
2959
|
-
type: "text",
|
|
2960
|
-
name: props.name,
|
|
2961
|
-
id: props.name,
|
|
2962
|
-
value: videoUrl ?? "",
|
|
2963
|
-
onChange: handleChange,
|
|
2964
|
-
onBlur: props.onBlur,
|
|
2965
|
-
placeholder: props.attributes?.placeholder || "Paste a video URL or blob URL",
|
|
2966
|
-
disabled: isReadOnly,
|
|
2967
|
-
className: "peer input mt-1 block w-full rounded shadow-sm"
|
|
2968
|
-
}
|
|
2969
|
-
),
|
|
2970
|
-
videoUrl ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
2971
|
-
VideoView_default,
|
|
2972
|
-
{
|
|
2973
|
-
...props,
|
|
2974
|
-
value: props.value ?? props.defaultValue,
|
|
2975
|
-
assetBaseUrl: props.serviceClient?.baseUrl
|
|
2976
|
-
}
|
|
2977
|
-
) : null
|
|
2978
|
-
] })
|
|
2979
|
-
] });
|
|
2980
|
-
};
|
|
2981
|
-
VideoInput_default = VideoInput;
|
|
2982
|
-
}
|
|
2983
|
-
});
|
|
2984
|
-
|
|
2985
2801
|
// src/components/controls/edit/InputControlClient.tsx
|
|
2986
2802
|
var InputControlClient_exports = {};
|
|
2987
2803
|
__export(InputControlClient_exports, {
|
|
2988
2804
|
default: () => InputControlClient_default
|
|
2989
2805
|
});
|
|
2990
|
-
var import_react37,
|
|
2806
|
+
var import_react37, import_jsx_runtime46, InputControl, InputControlClient_default;
|
|
2991
2807
|
var init_InputControlClient = __esm({
|
|
2992
2808
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
2993
2809
|
"use strict";
|
|
@@ -3012,8 +2828,7 @@ var init_InputControlClient = __esm({
|
|
|
3012
2828
|
init_TimeInput();
|
|
3013
2829
|
init_AssetUpload();
|
|
3014
2830
|
init_SwitchInput();
|
|
3015
|
-
|
|
3016
|
-
import_jsx_runtime48 = require("react/jsx-runtime");
|
|
2831
|
+
import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3017
2832
|
InputControl = import_react37.default.forwardRef(
|
|
3018
2833
|
(props, ref) => {
|
|
3019
2834
|
const ControlComponents = {
|
|
@@ -3034,11 +2849,10 @@ var init_InputControlClient = __esm({
|
|
|
3034
2849
|
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
3035
2850
|
[InputControlType_default.timeInput]: TimeInput_default,
|
|
3036
2851
|
[InputControlType_default.asset]: AssetUpload_default,
|
|
3037
|
-
[InputControlType_default.switchInput]: SwitchInput_default
|
|
3038
|
-
[InputControlType_default.videoInput]: VideoInput_default
|
|
2852
|
+
[InputControlType_default.switchInput]: SwitchInput_default
|
|
3039
2853
|
};
|
|
3040
2854
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
3041
|
-
return /* @__PURE__ */ (0,
|
|
2855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react37.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
3042
2856
|
}
|
|
3043
2857
|
);
|
|
3044
2858
|
InputControl.displayName = "InputControl";
|
|
@@ -3265,7 +3079,7 @@ var LinkNodeButton_exports = {};
|
|
|
3265
3079
|
__export(LinkNodeButton_exports, {
|
|
3266
3080
|
default: () => LinkNodeButton_default
|
|
3267
3081
|
});
|
|
3268
|
-
var import_react38,
|
|
3082
|
+
var import_react38, import_jsx_runtime50, LinkNodeButton, LinkNodeButton_default;
|
|
3269
3083
|
var init_LinkNodeButton = __esm({
|
|
3270
3084
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
3271
3085
|
"use strict";
|
|
@@ -3274,7 +3088,7 @@ var init_LinkNodeButton = __esm({
|
|
|
3274
3088
|
init_Button();
|
|
3275
3089
|
init_ServiceClient();
|
|
3276
3090
|
init_ToastService();
|
|
3277
|
-
|
|
3091
|
+
import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3278
3092
|
LinkNodeButton = (props) => {
|
|
3279
3093
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
3280
3094
|
const [isLoading, setIsLoading] = (0, import_react38.useState)(false);
|
|
@@ -3414,11 +3228,11 @@ var init_LinkNodeButton = __esm({
|
|
|
3414
3228
|
return children;
|
|
3415
3229
|
}
|
|
3416
3230
|
if (linkText) {
|
|
3417
|
-
return /* @__PURE__ */ (0,
|
|
3231
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: linkText });
|
|
3418
3232
|
}
|
|
3419
3233
|
return node.title || "Button";
|
|
3420
3234
|
};
|
|
3421
|
-
return /* @__PURE__ */ (0,
|
|
3235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
3422
3236
|
Button_default,
|
|
3423
3237
|
{
|
|
3424
3238
|
ButtonType: linkType,
|
|
@@ -3456,13 +3270,13 @@ function CopyButton({ text }) {
|
|
|
3456
3270
|
console.error("Failed to copy: ", err);
|
|
3457
3271
|
}
|
|
3458
3272
|
};
|
|
3459
|
-
return /* @__PURE__ */ (0,
|
|
3273
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
|
|
3460
3274
|
"button",
|
|
3461
3275
|
{
|
|
3462
3276
|
onClick: handleCopy,
|
|
3463
3277
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
3464
3278
|
children: [
|
|
3465
|
-
/* @__PURE__ */ (0,
|
|
3279
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
3466
3280
|
"svg",
|
|
3467
3281
|
{
|
|
3468
3282
|
width: "16",
|
|
@@ -3470,7 +3284,7 @@ function CopyButton({ text }) {
|
|
|
3470
3284
|
viewBox: "0 0 24 24",
|
|
3471
3285
|
className: "w-4 h-4",
|
|
3472
3286
|
fill: "currentColor",
|
|
3473
|
-
children: /* @__PURE__ */ (0,
|
|
3287
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
|
|
3474
3288
|
"path",
|
|
3475
3289
|
{
|
|
3476
3290
|
fillRule: "evenodd",
|
|
@@ -3485,54 +3299,54 @@ function CopyButton({ text }) {
|
|
|
3485
3299
|
}
|
|
3486
3300
|
);
|
|
3487
3301
|
}
|
|
3488
|
-
var import_react45,
|
|
3302
|
+
var import_react45, import_jsx_runtime60;
|
|
3489
3303
|
var init_CopyButton = __esm({
|
|
3490
3304
|
"src/components/CopyButton.tsx"() {
|
|
3491
3305
|
"use strict";
|
|
3492
3306
|
"use client";
|
|
3493
3307
|
import_react45 = require("react");
|
|
3494
|
-
|
|
3308
|
+
import_jsx_runtime60 = require("react/jsx-runtime");
|
|
3495
3309
|
}
|
|
3496
3310
|
});
|
|
3497
3311
|
|
|
3498
3312
|
// src/components/IFrameLoaderView.tsx
|
|
3499
|
-
var import_react48,
|
|
3313
|
+
var import_react48, import_jsx_runtime64, IFrameLoaderView, IFrameLoaderView_default;
|
|
3500
3314
|
var init_IFrameLoaderView = __esm({
|
|
3501
3315
|
"src/components/IFrameLoaderView.tsx"() {
|
|
3502
3316
|
"use strict";
|
|
3503
3317
|
import_react48 = __toESM(require("react"));
|
|
3504
|
-
|
|
3318
|
+
import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3505
3319
|
IFrameLoaderView = (props) => {
|
|
3506
|
-
return /* @__PURE__ */ (0,
|
|
3507
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
3508
|
-
/* @__PURE__ */ (0,
|
|
3509
|
-
/* @__PURE__ */ (0,
|
|
3510
|
-
/* @__PURE__ */ (0,
|
|
3511
|
-
/* @__PURE__ */ (0,
|
|
3512
|
-
/* @__PURE__ */ (0,
|
|
3320
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_react48.default.Fragment, { children: [
|
|
3321
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
3322
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
3323
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
3324
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "ml-2", children: [
|
|
3325
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
3326
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
3513
3327
|
] })
|
|
3514
3328
|
] }),
|
|
3515
|
-
/* @__PURE__ */ (0,
|
|
3516
|
-
/* @__PURE__ */ (0,
|
|
3517
|
-
/* @__PURE__ */ (0,
|
|
3518
|
-
/* @__PURE__ */ (0,
|
|
3519
|
-
/* @__PURE__ */ (0,
|
|
3520
|
-
/* @__PURE__ */ (0,
|
|
3521
|
-
/* @__PURE__ */ (0,
|
|
3329
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
3330
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "animate-pulse", children: [
|
|
3331
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3332
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3333
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3334
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3335
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3522
3336
|
] }),
|
|
3523
|
-
/* @__PURE__ */ (0,
|
|
3524
|
-
/* @__PURE__ */ (0,
|
|
3525
|
-
/* @__PURE__ */ (0,
|
|
3526
|
-
/* @__PURE__ */ (0,
|
|
3527
|
-
/* @__PURE__ */ (0,
|
|
3528
|
-
/* @__PURE__ */ (0,
|
|
3337
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "animate-pulse", children: [
|
|
3338
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3339
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3340
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3341
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3342
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3529
3343
|
] }),
|
|
3530
|
-
/* @__PURE__ */ (0,
|
|
3531
|
-
/* @__PURE__ */ (0,
|
|
3532
|
-
/* @__PURE__ */ (0,
|
|
3533
|
-
/* @__PURE__ */ (0,
|
|
3534
|
-
/* @__PURE__ */ (0,
|
|
3535
|
-
/* @__PURE__ */ (0,
|
|
3344
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "animate-pulse", children: [
|
|
3345
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3346
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3347
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3348
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3349
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3536
3350
|
] })
|
|
3537
3351
|
] })
|
|
3538
3352
|
] }) }),
|
|
@@ -3548,14 +3362,14 @@ var IframeClient_exports = {};
|
|
|
3548
3362
|
__export(IframeClient_exports, {
|
|
3549
3363
|
default: () => IframeClient_default
|
|
3550
3364
|
});
|
|
3551
|
-
var import_react49,
|
|
3365
|
+
var import_react49, import_jsx_runtime65, IframeClient, IframeClient_default;
|
|
3552
3366
|
var init_IframeClient = __esm({
|
|
3553
3367
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
3554
3368
|
"use strict";
|
|
3555
3369
|
"use client";
|
|
3556
3370
|
import_react49 = __toESM(require("react"));
|
|
3557
3371
|
init_IFrameLoaderView();
|
|
3558
|
-
|
|
3372
|
+
import_jsx_runtime65 = require("react/jsx-runtime");
|
|
3559
3373
|
IframeClient = ({ src }) => {
|
|
3560
3374
|
const iframeRef = (0, import_react49.useRef)(null);
|
|
3561
3375
|
const [iframeHeight, setIframeHeight] = (0, import_react49.useState)("100%");
|
|
@@ -3587,7 +3401,7 @@ var init_IframeClient = __esm({
|
|
|
3587
3401
|
const handleIframeLoad = () => {
|
|
3588
3402
|
setIsDataFound(true);
|
|
3589
3403
|
};
|
|
3590
|
-
return /* @__PURE__ */ (0,
|
|
3404
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
3591
3405
|
"iframe",
|
|
3592
3406
|
{
|
|
3593
3407
|
ref: iframeRef,
|
|
@@ -3807,7 +3621,7 @@ var Pagination_exports = {};
|
|
|
3807
3621
|
__export(Pagination_exports, {
|
|
3808
3622
|
default: () => Pagination_default
|
|
3809
3623
|
});
|
|
3810
|
-
var import_react50,
|
|
3624
|
+
var import_react50, import_jsx_runtime70, Pagination, Pagination_default;
|
|
3811
3625
|
var init_Pagination = __esm({
|
|
3812
3626
|
"src/components/Pagination.tsx"() {
|
|
3813
3627
|
"use strict";
|
|
@@ -3818,7 +3632,7 @@ var init_Pagination = __esm({
|
|
|
3818
3632
|
init_StyleTypes();
|
|
3819
3633
|
init_InputControlType();
|
|
3820
3634
|
init_Hyperlink();
|
|
3821
|
-
|
|
3635
|
+
import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3822
3636
|
Pagination = (props) => {
|
|
3823
3637
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
3824
3638
|
const builder = (0, import_react50.useMemo)(() => {
|
|
@@ -3862,7 +3676,7 @@ var init_Pagination = __esm({
|
|
|
3862
3676
|
return range;
|
|
3863
3677
|
};
|
|
3864
3678
|
const paginationRange = getPaginationRange();
|
|
3865
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
3679
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3866
3680
|
Hyperlink,
|
|
3867
3681
|
{
|
|
3868
3682
|
linkType: "Link" /* Link */,
|
|
@@ -3877,9 +3691,9 @@ var init_Pagination = __esm({
|
|
|
3877
3691
|
);
|
|
3878
3692
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
3879
3693
|
if (disabled) {
|
|
3880
|
-
return /* @__PURE__ */ (0,
|
|
3694
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.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 });
|
|
3881
3695
|
}
|
|
3882
|
-
return /* @__PURE__ */ (0,
|
|
3696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3883
3697
|
Hyperlink,
|
|
3884
3698
|
{
|
|
3885
3699
|
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",
|
|
@@ -3889,35 +3703,35 @@ var init_Pagination = __esm({
|
|
|
3889
3703
|
);
|
|
3890
3704
|
};
|
|
3891
3705
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
3892
|
-
return /* @__PURE__ */ (0,
|
|
3893
|
-
/* @__PURE__ */ (0,
|
|
3894
|
-
/* @__PURE__ */ (0,
|
|
3706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
3707
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
3708
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "text-sm", children: [
|
|
3895
3709
|
"Showing ",
|
|
3896
|
-
/* @__PURE__ */ (0,
|
|
3710
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "font-semibold", children: [
|
|
3897
3711
|
startItem,
|
|
3898
3712
|
"-",
|
|
3899
3713
|
endItem
|
|
3900
3714
|
] }),
|
|
3901
3715
|
" ",
|
|
3902
3716
|
"out of ",
|
|
3903
|
-
/* @__PURE__ */ (0,
|
|
3717
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
3904
3718
|
" results"
|
|
3905
3719
|
] }),
|
|
3906
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
3907
|
-
/* @__PURE__ */ (0,
|
|
3720
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
3721
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
3908
3722
|
NavigationButton,
|
|
3909
3723
|
{
|
|
3910
3724
|
page: activePageNumber - 1,
|
|
3911
3725
|
disabled: activePageNumber === 1,
|
|
3912
3726
|
children: [
|
|
3913
|
-
/* @__PURE__ */ (0,
|
|
3914
|
-
/* @__PURE__ */ (0,
|
|
3727
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
3728
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
3915
3729
|
]
|
|
3916
3730
|
}
|
|
3917
3731
|
),
|
|
3918
3732
|
paginationRange.map((item, index) => {
|
|
3919
3733
|
if (item === "...") {
|
|
3920
|
-
return /* @__PURE__ */ (0,
|
|
3734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3921
3735
|
"span",
|
|
3922
3736
|
{
|
|
3923
3737
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -3927,23 +3741,23 @@ var init_Pagination = __esm({
|
|
|
3927
3741
|
);
|
|
3928
3742
|
}
|
|
3929
3743
|
const page = item;
|
|
3930
|
-
return /* @__PURE__ */ (0,
|
|
3744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PageButton, { page, children: page }, page);
|
|
3931
3745
|
}),
|
|
3932
|
-
/* @__PURE__ */ (0,
|
|
3746
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
|
|
3933
3747
|
NavigationButton,
|
|
3934
3748
|
{
|
|
3935
3749
|
page: activePageNumber + 1,
|
|
3936
3750
|
disabled: activePageNumber === totalPages,
|
|
3937
3751
|
children: [
|
|
3938
|
-
/* @__PURE__ */ (0,
|
|
3939
|
-
/* @__PURE__ */ (0,
|
|
3752
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
3753
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
3940
3754
|
]
|
|
3941
3755
|
}
|
|
3942
3756
|
)
|
|
3943
3757
|
] }),
|
|
3944
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
3945
|
-
/* @__PURE__ */ (0,
|
|
3946
|
-
/* @__PURE__ */ (0,
|
|
3758
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
3759
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
3760
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3947
3761
|
"input",
|
|
3948
3762
|
{
|
|
3949
3763
|
type: "number",
|
|
@@ -3964,9 +3778,9 @@ var init_Pagination = __esm({
|
|
|
3964
3778
|
) })
|
|
3965
3779
|
] })
|
|
3966
3780
|
] }),
|
|
3967
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
3968
|
-
/* @__PURE__ */ (0,
|
|
3969
|
-
/* @__PURE__ */ (0,
|
|
3781
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
3782
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
3783
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
3970
3784
|
Hyperlink,
|
|
3971
3785
|
{
|
|
3972
3786
|
className: `
|
|
@@ -3978,7 +3792,7 @@ var init_Pagination = __esm({
|
|
|
3978
3792
|
},
|
|
3979
3793
|
size
|
|
3980
3794
|
)) }),
|
|
3981
|
-
/* @__PURE__ */ (0,
|
|
3795
|
+
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm", children: "per page" })
|
|
3982
3796
|
] }) })
|
|
3983
3797
|
] });
|
|
3984
3798
|
};
|
|
@@ -3991,13 +3805,13 @@ var Slider_exports = {};
|
|
|
3991
3805
|
__export(Slider_exports, {
|
|
3992
3806
|
default: () => Slider_default
|
|
3993
3807
|
});
|
|
3994
|
-
var import_react51,
|
|
3808
|
+
var import_react51, import_jsx_runtime71, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
3995
3809
|
var init_Slider = __esm({
|
|
3996
3810
|
"src/components/Slider.tsx"() {
|
|
3997
3811
|
"use strict";
|
|
3998
3812
|
"use client";
|
|
3999
3813
|
import_react51 = __toESM(require("react"));
|
|
4000
|
-
|
|
3814
|
+
import_jsx_runtime71 = require("react/jsx-runtime");
|
|
4001
3815
|
Slider = ({
|
|
4002
3816
|
children,
|
|
4003
3817
|
slidesToShow = 4,
|
|
@@ -4094,7 +3908,7 @@ var init_Slider = __esm({
|
|
|
4094
3908
|
if (!import_react51.default.isValidElement(child)) return null;
|
|
4095
3909
|
const childProps = child.props;
|
|
4096
3910
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4097
|
-
return /* @__PURE__ */ (0,
|
|
3911
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4098
3912
|
"div",
|
|
4099
3913
|
{
|
|
4100
3914
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4117,14 +3931,14 @@ var init_Slider = __esm({
|
|
|
4117
3931
|
return "bottom-4";
|
|
4118
3932
|
}
|
|
4119
3933
|
};
|
|
4120
|
-
return /* @__PURE__ */ (0,
|
|
3934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
4121
3935
|
"div",
|
|
4122
3936
|
{
|
|
4123
3937
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4124
3938
|
onMouseEnter: handleMouseEnter,
|
|
4125
3939
|
onMouseLeave: handleMouseLeave,
|
|
4126
3940
|
children: [
|
|
4127
|
-
/* @__PURE__ */ (0,
|
|
3941
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4128
3942
|
"div",
|
|
4129
3943
|
{
|
|
4130
3944
|
className: "flex h-full",
|
|
@@ -4135,18 +3949,18 @@ var init_Slider = __esm({
|
|
|
4135
3949
|
children: slides
|
|
4136
3950
|
}
|
|
4137
3951
|
),
|
|
4138
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4139
|
-
/* @__PURE__ */ (0,
|
|
3952
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
|
|
3953
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4140
3954
|
ArrowButton,
|
|
4141
3955
|
{
|
|
4142
3956
|
direction: "left",
|
|
4143
3957
|
onClick: prevSlide,
|
|
4144
3958
|
visible: infinite_scroll || currentSlide > 0,
|
|
4145
3959
|
className: arrowClassName,
|
|
4146
|
-
children: /* @__PURE__ */ (0,
|
|
3960
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4147
3961
|
}
|
|
4148
3962
|
),
|
|
4149
|
-
/* @__PURE__ */ (0,
|
|
3963
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
4150
3964
|
ArrowButton,
|
|
4151
3965
|
{
|
|
4152
3966
|
direction: "right",
|
|
@@ -4154,13 +3968,13 @@ var init_Slider = __esm({
|
|
|
4154
3968
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4155
3969
|
className: arrowClassName,
|
|
4156
3970
|
children: [
|
|
4157
|
-
/* @__PURE__ */ (0,
|
|
3971
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4158
3972
|
" "
|
|
4159
3973
|
]
|
|
4160
3974
|
}
|
|
4161
3975
|
)
|
|
4162
3976
|
] }),
|
|
4163
|
-
show_dots && /* @__PURE__ */ (0,
|
|
3977
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.jsx)(
|
|
4164
3978
|
ProgressPill,
|
|
4165
3979
|
{
|
|
4166
3980
|
active: index === currentSlide,
|
|
@@ -4186,7 +4000,7 @@ var init_Slider = __esm({
|
|
|
4186
4000
|
visible,
|
|
4187
4001
|
children,
|
|
4188
4002
|
className = ""
|
|
4189
|
-
}) => /* @__PURE__ */ (0,
|
|
4003
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4190
4004
|
"button",
|
|
4191
4005
|
{
|
|
4192
4006
|
className: `
|
|
@@ -4273,7 +4087,7 @@ var init_Slider = __esm({
|
|
|
4273
4087
|
const renderProgressBar = () => {
|
|
4274
4088
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4275
4089
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4276
|
-
return /* @__PURE__ */ (0,
|
|
4090
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4277
4091
|
"div",
|
|
4278
4092
|
{
|
|
4279
4093
|
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`,
|
|
@@ -4285,7 +4099,7 @@ var init_Slider = __esm({
|
|
|
4285
4099
|
};
|
|
4286
4100
|
const renderCumulativeFill = () => {
|
|
4287
4101
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4288
|
-
return /* @__PURE__ */ (0,
|
|
4102
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
4289
4103
|
"div",
|
|
4290
4104
|
{
|
|
4291
4105
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4295,7 +4109,7 @@ var init_Slider = __esm({
|
|
|
4295
4109
|
}
|
|
4296
4110
|
return null;
|
|
4297
4111
|
};
|
|
4298
|
-
return /* @__PURE__ */ (0,
|
|
4112
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
4299
4113
|
"button",
|
|
4300
4114
|
{
|
|
4301
4115
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4351,17 +4165,17 @@ function EnterAnimationClient({ hasEnterAnimation, children }) {
|
|
|
4351
4165
|
return () => observer.disconnect();
|
|
4352
4166
|
}, [hasEnterAnimation]);
|
|
4353
4167
|
if (!children) return null;
|
|
4354
|
-
return /* @__PURE__ */ (0,
|
|
4168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: children && // enforce passing the ref to Wrapper
|
|
4355
4169
|
//@ts-ignore
|
|
4356
4170
|
import_react52.default.cloneElement(children, { ref }) });
|
|
4357
4171
|
}
|
|
4358
|
-
var import_react52,
|
|
4172
|
+
var import_react52, import_jsx_runtime72;
|
|
4359
4173
|
var init_EnterAnimationClient = __esm({
|
|
4360
4174
|
"src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx"() {
|
|
4361
4175
|
"use strict";
|
|
4362
4176
|
"use client";
|
|
4363
4177
|
import_react52 = __toESM(require("react"));
|
|
4364
|
-
|
|
4178
|
+
import_jsx_runtime72 = require("react/jsx-runtime");
|
|
4365
4179
|
}
|
|
4366
4180
|
});
|
|
4367
4181
|
|
|
@@ -4735,14 +4549,12 @@ var DateTimeView = (0, import_dynamic3.default)(() => Promise.resolve().then(()
|
|
|
4735
4549
|
var DateTimeVew_default = DateTimeView;
|
|
4736
4550
|
|
|
4737
4551
|
// src/components/controls/view/ViewControl.tsx
|
|
4738
|
-
|
|
4739
|
-
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
4552
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
4740
4553
|
var ViewControl = (props) => {
|
|
4741
4554
|
const ControlComponents = {
|
|
4742
4555
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
4743
4556
|
[ViewControlTypes_default.emailText]: EmailTextView_default,
|
|
4744
4557
|
[ViewControlTypes_default.asset]: Asset_default,
|
|
4745
|
-
[ViewControlTypes_default.video]: VideoView_default,
|
|
4746
4558
|
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
4747
4559
|
[ViewControlTypes_default.boolean]: BooleanView_default,
|
|
4748
4560
|
[ViewControlTypes_default.checkboxInput]: BooleanView_default,
|
|
@@ -4766,7 +4578,7 @@ var ViewControl = (props) => {
|
|
|
4766
4578
|
[ViewControlTypes_default.text]: LineTextView_default
|
|
4767
4579
|
};
|
|
4768
4580
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
4769
|
-
return /* @__PURE__ */ (0,
|
|
4581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react15.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
4770
4582
|
};
|
|
4771
4583
|
var ViewControl_default = ViewControl;
|
|
4772
4584
|
|
|
@@ -4787,7 +4599,7 @@ var import_react54 = __toESM(require("react"));
|
|
|
4787
4599
|
var import_react40 = __toESM(require("react"));
|
|
4788
4600
|
|
|
4789
4601
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
4790
|
-
var
|
|
4602
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4791
4603
|
var TextNode = (props) => {
|
|
4792
4604
|
function cssStringToJson(cssString) {
|
|
4793
4605
|
const styleObject = {};
|
|
@@ -4842,26 +4654,26 @@ var TextNode = (props) => {
|
|
|
4842
4654
|
});
|
|
4843
4655
|
}
|
|
4844
4656
|
function renderWithLineBreaks(text) {
|
|
4845
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
4657
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
|
|
4846
4658
|
line,
|
|
4847
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
4659
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("br", {})
|
|
4848
4660
|
] }, index));
|
|
4849
4661
|
}
|
|
4850
4662
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
4851
4663
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
4852
4664
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
4853
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
4665
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("sub", { children: content }) : content;
|
|
4854
4666
|
return (
|
|
4855
4667
|
// @ts-expect-error custom code
|
|
4856
|
-
/* @__PURE__ */ (0,
|
|
4668
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
4857
4669
|
);
|
|
4858
4670
|
};
|
|
4859
4671
|
var TextNode_default = TextNode;
|
|
4860
4672
|
|
|
4861
4673
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
4862
|
-
var
|
|
4674
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4863
4675
|
var LineBreakNode = () => {
|
|
4864
|
-
return /* @__PURE__ */ (0,
|
|
4676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
4865
4677
|
};
|
|
4866
4678
|
var LineBreakNode_default = LineBreakNode;
|
|
4867
4679
|
|
|
@@ -4871,7 +4683,7 @@ var import_react39 = __toESM(require("react"));
|
|
|
4871
4683
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
4872
4684
|
init_AssetUtility();
|
|
4873
4685
|
var import_dynamic5 = __toESM(require("next/dynamic"));
|
|
4874
|
-
var
|
|
4686
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4875
4687
|
var HlsPlayer3 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
4876
4688
|
var getNestedValue = (obj, path) => {
|
|
4877
4689
|
if (!obj || !path) return void 0;
|
|
@@ -4904,7 +4716,7 @@ var ImageNode = (props) => {
|
|
|
4904
4716
|
assets = [image];
|
|
4905
4717
|
}
|
|
4906
4718
|
if (assets && assets.length > 0) {
|
|
4907
|
-
return /* @__PURE__ */ (0,
|
|
4719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4908
4720
|
DeviceAssetSelector_default,
|
|
4909
4721
|
{
|
|
4910
4722
|
device: props.device,
|
|
@@ -4945,7 +4757,7 @@ var ImageNode = (props) => {
|
|
|
4945
4757
|
right: "justify-end"
|
|
4946
4758
|
};
|
|
4947
4759
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4948
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
4760
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4949
4761
|
HlsPlayer3,
|
|
4950
4762
|
{
|
|
4951
4763
|
assetUrl: imageUrl,
|
|
@@ -4958,7 +4770,7 @@ var ImageNode = (props) => {
|
|
|
4958
4770
|
apiBaseUrl: props.apiBaseUrl,
|
|
4959
4771
|
session: props.session
|
|
4960
4772
|
}
|
|
4961
|
-
) : /* @__PURE__ */ (0,
|
|
4773
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4962
4774
|
"img",
|
|
4963
4775
|
{
|
|
4964
4776
|
style: styles,
|
|
@@ -4971,7 +4783,7 @@ var ImageNode = (props) => {
|
|
|
4971
4783
|
}
|
|
4972
4784
|
);
|
|
4973
4785
|
if (props.node.width) {
|
|
4974
|
-
return /* @__PURE__ */ (0,
|
|
4786
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
4975
4787
|
}
|
|
4976
4788
|
return renderMedia();
|
|
4977
4789
|
};
|
|
@@ -4981,7 +4793,7 @@ var ImageNode_default = ImageNode;
|
|
|
4981
4793
|
init_StyleTypes();
|
|
4982
4794
|
init_Hyperlink();
|
|
4983
4795
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
4984
|
-
var
|
|
4796
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4985
4797
|
var LinkNodeButton2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
4986
4798
|
ssr: false
|
|
4987
4799
|
});
|
|
@@ -5034,13 +4846,13 @@ var LinkNode = (props) => {
|
|
|
5034
4846
|
const isButton = node.isButton === true;
|
|
5035
4847
|
const renderChildren = () => {
|
|
5036
4848
|
if (!node.children || node.children.length === 0) return null;
|
|
5037
|
-
return /* @__PURE__ */ (0,
|
|
4849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: node.children.map((childNode, index) => {
|
|
5038
4850
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5039
4851
|
if (!SelectedNode) {
|
|
5040
4852
|
console.warn("Unknown node type:", childNode.type);
|
|
5041
4853
|
return null;
|
|
5042
4854
|
}
|
|
5043
|
-
return /* @__PURE__ */ (0,
|
|
4855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react39.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
5044
4856
|
SelectedNode,
|
|
5045
4857
|
{
|
|
5046
4858
|
node: childNode,
|
|
@@ -5053,15 +4865,15 @@ var LinkNode = (props) => {
|
|
|
5053
4865
|
};
|
|
5054
4866
|
const renderFallback = () => {
|
|
5055
4867
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
5056
|
-
return /* @__PURE__ */ (0,
|
|
4868
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: linkText });
|
|
5057
4869
|
}
|
|
5058
4870
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
5059
|
-
return /* @__PURE__ */ (0,
|
|
4871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("br", {});
|
|
5060
4872
|
}
|
|
5061
4873
|
return null;
|
|
5062
4874
|
};
|
|
5063
4875
|
if (isButton) {
|
|
5064
|
-
return /* @__PURE__ */ (0,
|
|
4876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
5065
4877
|
LinkNodeButton2,
|
|
5066
4878
|
{
|
|
5067
4879
|
node,
|
|
@@ -5079,7 +4891,7 @@ var LinkNode = (props) => {
|
|
|
5079
4891
|
}
|
|
5080
4892
|
);
|
|
5081
4893
|
}
|
|
5082
|
-
return /* @__PURE__ */ (0,
|
|
4894
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
5083
4895
|
Hyperlink,
|
|
5084
4896
|
{
|
|
5085
4897
|
href: linkUrl || "#",
|
|
@@ -5095,10 +4907,10 @@ var LinkNode = (props) => {
|
|
|
5095
4907
|
var LinkNode_default = LinkNode;
|
|
5096
4908
|
|
|
5097
4909
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
5098
|
-
var
|
|
4910
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5099
4911
|
var SVGIconNode = ({ node }) => {
|
|
5100
4912
|
if (!node?.svgCode) return null;
|
|
5101
|
-
return /* @__PURE__ */ (0,
|
|
4913
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5102
4914
|
"span",
|
|
5103
4915
|
{
|
|
5104
4916
|
style: {
|
|
@@ -5115,7 +4927,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
5115
4927
|
|
|
5116
4928
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
5117
4929
|
var import_katex = __toESM(require("katex"));
|
|
5118
|
-
var
|
|
4930
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5119
4931
|
var EquationNode = ({ node }) => {
|
|
5120
4932
|
const { equation, inline } = node;
|
|
5121
4933
|
let html = "";
|
|
@@ -5130,7 +4942,7 @@ var EquationNode = ({ node }) => {
|
|
|
5130
4942
|
});
|
|
5131
4943
|
}
|
|
5132
4944
|
if (inline) {
|
|
5133
|
-
return /* @__PURE__ */ (0,
|
|
4945
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5134
4946
|
"span",
|
|
5135
4947
|
{
|
|
5136
4948
|
className: "katex-inline",
|
|
@@ -5138,7 +4950,7 @@ var EquationNode = ({ node }) => {
|
|
|
5138
4950
|
}
|
|
5139
4951
|
);
|
|
5140
4952
|
}
|
|
5141
|
-
return /* @__PURE__ */ (0,
|
|
4953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5142
4954
|
"div",
|
|
5143
4955
|
{
|
|
5144
4956
|
className: "katex-block my-3 text-center",
|
|
@@ -5149,7 +4961,7 @@ var EquationNode = ({ node }) => {
|
|
|
5149
4961
|
var EquationNode_default = EquationNode;
|
|
5150
4962
|
|
|
5151
4963
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
5152
|
-
var
|
|
4964
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5153
4965
|
function getNestedProperty(obj, path) {
|
|
5154
4966
|
if (!obj || !path) return null;
|
|
5155
4967
|
if (path.includes(".")) {
|
|
@@ -5162,7 +4974,7 @@ function getNestedProperty(obj, path) {
|
|
|
5162
4974
|
}
|
|
5163
4975
|
const value = obj[path];
|
|
5164
4976
|
if (Array.isArray(value)) {
|
|
5165
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
4977
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: String(item) }, index));
|
|
5166
4978
|
}
|
|
5167
4979
|
return value;
|
|
5168
4980
|
}
|
|
@@ -5223,7 +5035,7 @@ var DatafieldNode = (props) => {
|
|
|
5223
5035
|
const dataType = props.node.dataType;
|
|
5224
5036
|
if (isEmptyValue) return null;
|
|
5225
5037
|
if (dataType === "rawContent") {
|
|
5226
|
-
return /* @__PURE__ */ (0,
|
|
5038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5227
5039
|
PageBodyRenderer_default,
|
|
5228
5040
|
{
|
|
5229
5041
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -5239,12 +5051,12 @@ var DatafieldNode = (props) => {
|
|
|
5239
5051
|
}
|
|
5240
5052
|
);
|
|
5241
5053
|
}
|
|
5242
|
-
return /* @__PURE__ */ (0,
|
|
5054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5243
5055
|
"span",
|
|
5244
5056
|
{
|
|
5245
5057
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
5246
5058
|
style: styles,
|
|
5247
|
-
children: /* @__PURE__ */ (0,
|
|
5059
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5248
5060
|
ViewControl_default,
|
|
5249
5061
|
{
|
|
5250
5062
|
controlType: dataType,
|
|
@@ -5257,7 +5069,7 @@ var DatafieldNode = (props) => {
|
|
|
5257
5069
|
var DatafieldNode_default = DatafieldNode;
|
|
5258
5070
|
|
|
5259
5071
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
5260
|
-
var
|
|
5072
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5261
5073
|
var ParagraphNode = (props) => {
|
|
5262
5074
|
const NodeTypes2 = {
|
|
5263
5075
|
["text"]: TextNode_default,
|
|
@@ -5277,9 +5089,9 @@ var ParagraphNode = (props) => {
|
|
|
5277
5089
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
5278
5090
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
5279
5091
|
if (isInlineOnlyParent) {
|
|
5280
|
-
return /* @__PURE__ */ (0,
|
|
5092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
5281
5093
|
const SelectedNode = NodeTypes2[node.type];
|
|
5282
|
-
return /* @__PURE__ */ (0,
|
|
5094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5283
5095
|
SelectedNode,
|
|
5284
5096
|
{
|
|
5285
5097
|
node,
|
|
@@ -5291,10 +5103,10 @@ var ParagraphNode = (props) => {
|
|
|
5291
5103
|
) }, index);
|
|
5292
5104
|
}) });
|
|
5293
5105
|
}
|
|
5294
|
-
return /* @__PURE__ */ (0,
|
|
5106
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: " " + formatClasses, children: [
|
|
5295
5107
|
hasChildren && props.node.children.map((node, index) => {
|
|
5296
5108
|
const SelectedNode = NodeTypes2[node.type];
|
|
5297
|
-
return /* @__PURE__ */ (0,
|
|
5109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5298
5110
|
SelectedNode,
|
|
5299
5111
|
{
|
|
5300
5112
|
node,
|
|
@@ -5305,14 +5117,14 @@ var ParagraphNode = (props) => {
|
|
|
5305
5117
|
}
|
|
5306
5118
|
) }, index);
|
|
5307
5119
|
}),
|
|
5308
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
5120
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
5309
5121
|
] });
|
|
5310
5122
|
};
|
|
5311
5123
|
var ParagraphNode_default = ParagraphNode;
|
|
5312
5124
|
|
|
5313
5125
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
5314
5126
|
var import_react41 = __toESM(require("react"));
|
|
5315
|
-
var
|
|
5127
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5316
5128
|
var HeadingNode = (props) => {
|
|
5317
5129
|
const NodeTypes2 = {
|
|
5318
5130
|
["text"]: TextNode_default,
|
|
@@ -5328,12 +5140,12 @@ var HeadingNode = (props) => {
|
|
|
5328
5140
|
{
|
|
5329
5141
|
}
|
|
5330
5142
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
5331
|
-
return /* @__PURE__ */ (0,
|
|
5143
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: import_react41.default.createElement(
|
|
5332
5144
|
HeadingTag,
|
|
5333
5145
|
{ className: formatClasses },
|
|
5334
5146
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
5335
5147
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5336
|
-
return /* @__PURE__ */ (0,
|
|
5148
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react41.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
5337
5149
|
})
|
|
5338
5150
|
) });
|
|
5339
5151
|
};
|
|
@@ -5344,7 +5156,7 @@ var import_react43 = __toESM(require("react"));
|
|
|
5344
5156
|
|
|
5345
5157
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
5346
5158
|
var import_react42 = __toESM(require("react"));
|
|
5347
|
-
var
|
|
5159
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5348
5160
|
var ListItemNode = (props) => {
|
|
5349
5161
|
const NodeTypes2 = {
|
|
5350
5162
|
text: TextNode_default,
|
|
@@ -5361,37 +5173,37 @@ var ListItemNode = (props) => {
|
|
|
5361
5173
|
liStyle.fontSize = match[1].trim();
|
|
5362
5174
|
}
|
|
5363
5175
|
}
|
|
5364
|
-
return /* @__PURE__ */ (0,
|
|
5176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
5365
5177
|
const SelectedNode = NodeTypes2[node.type];
|
|
5366
5178
|
if (node.type === "linebreak") {
|
|
5367
5179
|
if (!foundFirstBreak) {
|
|
5368
5180
|
foundFirstBreak = true;
|
|
5369
|
-
return /* @__PURE__ */ (0,
|
|
5181
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {}, index);
|
|
5370
5182
|
} else {
|
|
5371
|
-
return /* @__PURE__ */ (0,
|
|
5183
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
5372
5184
|
}
|
|
5373
5185
|
} else {
|
|
5374
5186
|
foundFirstBreak = false;
|
|
5375
|
-
return /* @__PURE__ */ (0,
|
|
5187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react42.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
5376
5188
|
}
|
|
5377
5189
|
}) });
|
|
5378
5190
|
};
|
|
5379
5191
|
var ListItemNode_default = ListItemNode;
|
|
5380
5192
|
|
|
5381
5193
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
5382
|
-
var
|
|
5194
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5383
5195
|
var ListNode = (props) => {
|
|
5384
5196
|
const NodeTypes2 = {
|
|
5385
5197
|
listitem: ListItemNode_default
|
|
5386
5198
|
};
|
|
5387
|
-
return /* @__PURE__ */ (0,
|
|
5388
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
5199
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react43.default.Fragment, { children: [
|
|
5200
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5389
5201
|
const SelectedNode = NodeTypes2[node.type];
|
|
5390
|
-
return /* @__PURE__ */ (0,
|
|
5202
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
5391
5203
|
}) }),
|
|
5392
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
5204
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5393
5205
|
const SelectedNode = NodeTypes2[node.type];
|
|
5394
|
-
return /* @__PURE__ */ (0,
|
|
5206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
5395
5207
|
}) })
|
|
5396
5208
|
] });
|
|
5397
5209
|
};
|
|
@@ -5399,16 +5211,16 @@ var ListNode_default = ListNode;
|
|
|
5399
5211
|
|
|
5400
5212
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
5401
5213
|
var import_react44 = __toESM(require("react"));
|
|
5402
|
-
var
|
|
5214
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5403
5215
|
var QuoteNode = (props) => {
|
|
5404
5216
|
const NodeTypes2 = {
|
|
5405
5217
|
["text"]: TextNode_default,
|
|
5406
5218
|
["linebreak"]: LineBreakNode_default,
|
|
5407
5219
|
["link"]: LinkNode_default
|
|
5408
5220
|
};
|
|
5409
|
-
return /* @__PURE__ */ (0,
|
|
5221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5410
5222
|
const SelectedNode = NodeTypes2[node.type];
|
|
5411
|
-
return /* @__PURE__ */ (0,
|
|
5223
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react44.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
5412
5224
|
}) });
|
|
5413
5225
|
};
|
|
5414
5226
|
var QuoteNode_default = QuoteNode;
|
|
@@ -5416,11 +5228,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
5416
5228
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
5417
5229
|
var import_react46 = __toESM(require("react"));
|
|
5418
5230
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5419
|
-
var
|
|
5231
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5420
5232
|
var CopyButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
5421
5233
|
ssr: false,
|
|
5422
5234
|
// optional: fallback UI while loading
|
|
5423
|
-
loading: () => /* @__PURE__ */ (0,
|
|
5235
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
5424
5236
|
});
|
|
5425
5237
|
var CodeNode = (props) => {
|
|
5426
5238
|
const NodeTypes2 = {
|
|
@@ -5434,14 +5246,14 @@ var CodeNode = (props) => {
|
|
|
5434
5246
|
if (node.type === "link") return node.text || node.url || "";
|
|
5435
5247
|
return "";
|
|
5436
5248
|
}).join("") ?? "";
|
|
5437
|
-
return /* @__PURE__ */ (0,
|
|
5438
|
-
/* @__PURE__ */ (0,
|
|
5439
|
-
/* @__PURE__ */ (0,
|
|
5440
|
-
/* @__PURE__ */ (0,
|
|
5249
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
|
|
5250
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
5251
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: "Code Snippet" }),
|
|
5252
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CopyButton2, { text: textContent })
|
|
5441
5253
|
] }),
|
|
5442
|
-
/* @__PURE__ */ (0,
|
|
5254
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.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) => {
|
|
5443
5255
|
const SelectedNode = NodeTypes2[node.type];
|
|
5444
|
-
return /* @__PURE__ */ (0,
|
|
5256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react46.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5445
5257
|
SelectedNode,
|
|
5446
5258
|
{
|
|
5447
5259
|
node,
|
|
@@ -5456,15 +5268,15 @@ var CodeNode = (props) => {
|
|
|
5456
5268
|
var CodeNode_default = CodeNode;
|
|
5457
5269
|
|
|
5458
5270
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
5459
|
-
var
|
|
5271
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5460
5272
|
var HorizontalRuleNode = () => {
|
|
5461
|
-
return /* @__PURE__ */ (0,
|
|
5273
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("hr", {});
|
|
5462
5274
|
};
|
|
5463
5275
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
5464
5276
|
|
|
5465
5277
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
5466
5278
|
var import_react47 = __toESM(require("react"));
|
|
5467
|
-
var
|
|
5279
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5468
5280
|
var WidgetNode = (props) => {
|
|
5469
5281
|
const getWidgetParameters = () => {
|
|
5470
5282
|
const widgetInputParameters = {
|
|
@@ -5528,7 +5340,7 @@ var WidgetNode = (props) => {
|
|
|
5528
5340
|
};
|
|
5529
5341
|
const widgetCode = props.node?.widgetCode;
|
|
5530
5342
|
if (!widgetCode) {
|
|
5531
|
-
return /* @__PURE__ */ (0,
|
|
5343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: "Invalid widget" });
|
|
5532
5344
|
}
|
|
5533
5345
|
const widgetParams = getWidgetParameters();
|
|
5534
5346
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -5537,7 +5349,7 @@ var WidgetNode = (props) => {
|
|
|
5537
5349
|
}
|
|
5538
5350
|
return (
|
|
5539
5351
|
// eslint-disable-next-line react-hooks/static-components
|
|
5540
|
-
/* @__PURE__ */ (0,
|
|
5352
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5541
5353
|
WidgetRenderer,
|
|
5542
5354
|
{
|
|
5543
5355
|
params: widgetParams,
|
|
@@ -5559,7 +5371,7 @@ var import_react53 = __toESM(require("react"));
|
|
|
5559
5371
|
|
|
5560
5372
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
5561
5373
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
5562
|
-
var
|
|
5374
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5563
5375
|
var IframeClient2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
5564
5376
|
ssr: false
|
|
5565
5377
|
});
|
|
@@ -5572,7 +5384,7 @@ var EmbedNode = (props) => {
|
|
|
5572
5384
|
} else {
|
|
5573
5385
|
src = props.node.embedSrc;
|
|
5574
5386
|
}
|
|
5575
|
-
return /* @__PURE__ */ (0,
|
|
5387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(IframeClient2, { src }) });
|
|
5576
5388
|
};
|
|
5577
5389
|
var EmbedNode_default = EmbedNode;
|
|
5578
5390
|
|
|
@@ -5751,10 +5563,10 @@ var PathUtility = class {
|
|
|
5751
5563
|
var PathUtility_default = new PathUtility();
|
|
5752
5564
|
|
|
5753
5565
|
// src/components/NoDataFound.tsx
|
|
5754
|
-
var
|
|
5566
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5755
5567
|
var NoDataFound = () => {
|
|
5756
|
-
return /* @__PURE__ */ (0,
|
|
5757
|
-
/* @__PURE__ */ (0,
|
|
5568
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
5569
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5758
5570
|
"svg",
|
|
5759
5571
|
{
|
|
5760
5572
|
className: "w-10 h-10",
|
|
@@ -5762,7 +5574,7 @@ var NoDataFound = () => {
|
|
|
5762
5574
|
stroke: "currentColor",
|
|
5763
5575
|
viewBox: "0 0 24 24",
|
|
5764
5576
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5765
|
-
children: /* @__PURE__ */ (0,
|
|
5577
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5766
5578
|
"path",
|
|
5767
5579
|
{
|
|
5768
5580
|
strokeLinecap: "round",
|
|
@@ -5773,8 +5585,8 @@ var NoDataFound = () => {
|
|
|
5773
5585
|
)
|
|
5774
5586
|
}
|
|
5775
5587
|
) }) }),
|
|
5776
|
-
/* @__PURE__ */ (0,
|
|
5777
|
-
/* @__PURE__ */ (0,
|
|
5588
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
5589
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
5778
5590
|
] });
|
|
5779
5591
|
};
|
|
5780
5592
|
var NoDataFound_default = NoDataFound;
|
|
@@ -5782,7 +5594,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
5782
5594
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
5783
5595
|
init_AssetUtility();
|
|
5784
5596
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
5785
|
-
var
|
|
5597
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5786
5598
|
var HlsPlayer4 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5787
5599
|
var deviceToMediaQuery = (device) => {
|
|
5788
5600
|
switch (device) {
|
|
@@ -5911,8 +5723,8 @@ var ImageGalleryNode = (props) => {
|
|
|
5911
5723
|
right: "justify-end"
|
|
5912
5724
|
};
|
|
5913
5725
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
5914
|
-
return /* @__PURE__ */ (0,
|
|
5915
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
5726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
|
|
5727
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5916
5728
|
HlsPlayer4,
|
|
5917
5729
|
{
|
|
5918
5730
|
sources: hlsSources,
|
|
@@ -5927,7 +5739,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5927
5739
|
styles: hlsStyles
|
|
5928
5740
|
}
|
|
5929
5741
|
) }),
|
|
5930
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
5742
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("picture", { children: [
|
|
5931
5743
|
DEVICE_ORDER.map((deviceKey) => {
|
|
5932
5744
|
const match = staticSources.find(
|
|
5933
5745
|
(img) => img.device === deviceKey
|
|
@@ -5939,7 +5751,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5939
5751
|
if (!srcUrl) {
|
|
5940
5752
|
return null;
|
|
5941
5753
|
}
|
|
5942
|
-
return /* @__PURE__ */ (0,
|
|
5754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5943
5755
|
"source",
|
|
5944
5756
|
{
|
|
5945
5757
|
media: deviceToMediaQuery(match.device),
|
|
@@ -5963,7 +5775,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5963
5775
|
if (img.borderRadius) {
|
|
5964
5776
|
styles.borderRadius = img.borderRadius;
|
|
5965
5777
|
}
|
|
5966
|
-
return /* @__PURE__ */ (0,
|
|
5778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5967
5779
|
"img",
|
|
5968
5780
|
{
|
|
5969
5781
|
loading: "lazy",
|
|
@@ -5978,7 +5790,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5978
5790
|
})()
|
|
5979
5791
|
] }) : (
|
|
5980
5792
|
/* Case 2: Only device-specific images exist */
|
|
5981
|
-
/* @__PURE__ */ (0,
|
|
5793
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: staticSources.map((img, index) => {
|
|
5982
5794
|
const imageUrl = resolveImageUrl(img);
|
|
5983
5795
|
if (!imageUrl) {
|
|
5984
5796
|
return null;
|
|
@@ -6004,7 +5816,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6004
5816
|
default:
|
|
6005
5817
|
display = "block";
|
|
6006
5818
|
}
|
|
6007
|
-
return /* @__PURE__ */ (0,
|
|
5819
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6008
5820
|
"img",
|
|
6009
5821
|
{
|
|
6010
5822
|
loading: "lazy",
|
|
@@ -6145,28 +5957,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
6145
5957
|
|
|
6146
5958
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
6147
5959
|
init_AssetUtility();
|
|
6148
|
-
var
|
|
5960
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6149
5961
|
var getNestedValue5 = (obj, path) => {
|
|
6150
5962
|
if (!obj || !path) return void 0;
|
|
6151
5963
|
return path.split(".").reduce((current, key) => {
|
|
6152
5964
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
6153
5965
|
}, obj);
|
|
6154
5966
|
};
|
|
6155
|
-
var PdfIcon = () => /* @__PURE__ */ (0,
|
|
5967
|
+
var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6156
5968
|
"svg",
|
|
6157
5969
|
{
|
|
6158
5970
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6159
5971
|
viewBox: "0 0 48 48",
|
|
6160
5972
|
className: "w-10 h-10",
|
|
6161
5973
|
children: [
|
|
6162
|
-
/* @__PURE__ */ (0,
|
|
5974
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6163
5975
|
"path",
|
|
6164
5976
|
{
|
|
6165
5977
|
fill: "#e53935",
|
|
6166
5978
|
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"
|
|
6167
5979
|
}
|
|
6168
5980
|
),
|
|
6169
|
-
/* @__PURE__ */ (0,
|
|
5981
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6170
5982
|
"path",
|
|
6171
5983
|
{
|
|
6172
5984
|
fill: "#fff",
|
|
@@ -6176,55 +5988,55 @@ var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6176
5988
|
]
|
|
6177
5989
|
}
|
|
6178
5990
|
);
|
|
6179
|
-
var ExcelIcon = () => /* @__PURE__ */ (0,
|
|
5991
|
+
var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6180
5992
|
"svg",
|
|
6181
5993
|
{
|
|
6182
5994
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6183
5995
|
viewBox: "0 0 48 48",
|
|
6184
5996
|
className: "w-10 h-10",
|
|
6185
5997
|
children: [
|
|
6186
|
-
/* @__PURE__ */ (0,
|
|
5998
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6187
5999
|
"path",
|
|
6188
6000
|
{
|
|
6189
6001
|
fill: "#169154",
|
|
6190
6002
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
6191
6003
|
}
|
|
6192
6004
|
),
|
|
6193
|
-
/* @__PURE__ */ (0,
|
|
6005
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6194
6006
|
"path",
|
|
6195
6007
|
{
|
|
6196
6008
|
fill: "#18482a",
|
|
6197
6009
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
6198
6010
|
}
|
|
6199
6011
|
),
|
|
6200
|
-
/* @__PURE__ */ (0,
|
|
6201
|
-
/* @__PURE__ */ (0,
|
|
6202
|
-
/* @__PURE__ */ (0,
|
|
6203
|
-
/* @__PURE__ */ (0,
|
|
6012
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
6013
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
6014
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("g", { children: [
|
|
6015
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6204
6016
|
"path",
|
|
6205
6017
|
{
|
|
6206
6018
|
fill: "#29c27f",
|
|
6207
6019
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
6208
6020
|
}
|
|
6209
6021
|
),
|
|
6210
|
-
/* @__PURE__ */ (0,
|
|
6022
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6211
6023
|
"path",
|
|
6212
6024
|
{
|
|
6213
6025
|
fill: "#27663f",
|
|
6214
6026
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
6215
6027
|
}
|
|
6216
6028
|
),
|
|
6217
|
-
/* @__PURE__ */ (0,
|
|
6218
|
-
/* @__PURE__ */ (0,
|
|
6029
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
6030
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
6219
6031
|
] }),
|
|
6220
|
-
/* @__PURE__ */ (0,
|
|
6032
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6221
6033
|
"path",
|
|
6222
6034
|
{
|
|
6223
6035
|
fill: "#0c7238",
|
|
6224
6036
|
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"
|
|
6225
6037
|
}
|
|
6226
6038
|
),
|
|
6227
|
-
/* @__PURE__ */ (0,
|
|
6039
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6228
6040
|
"path",
|
|
6229
6041
|
{
|
|
6230
6042
|
fill: "#fff",
|
|
@@ -6234,7 +6046,7 @@ var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6234
6046
|
]
|
|
6235
6047
|
}
|
|
6236
6048
|
);
|
|
6237
|
-
var WordIcon = () => /* @__PURE__ */ (0,
|
|
6049
|
+
var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6238
6050
|
"svg",
|
|
6239
6051
|
{
|
|
6240
6052
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6242,14 +6054,14 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6242
6054
|
className: "w-10 h-10",
|
|
6243
6055
|
baseProfile: "basic",
|
|
6244
6056
|
children: [
|
|
6245
|
-
/* @__PURE__ */ (0,
|
|
6057
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6246
6058
|
"path",
|
|
6247
6059
|
{
|
|
6248
6060
|
fill: "#283593",
|
|
6249
6061
|
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"
|
|
6250
6062
|
}
|
|
6251
6063
|
),
|
|
6252
|
-
/* @__PURE__ */ (0,
|
|
6064
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6253
6065
|
"linearGradient",
|
|
6254
6066
|
{
|
|
6255
6067
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -6260,19 +6072,19 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6260
6072
|
gradientTransform: "translate(0 -339.89)",
|
|
6261
6073
|
gradientUnits: "userSpaceOnUse",
|
|
6262
6074
|
children: [
|
|
6263
|
-
/* @__PURE__ */ (0,
|
|
6264
|
-
/* @__PURE__ */ (0,
|
|
6075
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
6076
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
6265
6077
|
]
|
|
6266
6078
|
}
|
|
6267
6079
|
),
|
|
6268
|
-
/* @__PURE__ */ (0,
|
|
6080
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6269
6081
|
"path",
|
|
6270
6082
|
{
|
|
6271
6083
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
6272
6084
|
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"
|
|
6273
6085
|
}
|
|
6274
6086
|
),
|
|
6275
|
-
/* @__PURE__ */ (0,
|
|
6087
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6276
6088
|
"path",
|
|
6277
6089
|
{
|
|
6278
6090
|
fill: "#1e88e5",
|
|
@@ -6280,21 +6092,21 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6280
6092
|
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"
|
|
6281
6093
|
}
|
|
6282
6094
|
),
|
|
6283
|
-
/* @__PURE__ */ (0,
|
|
6095
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6284
6096
|
"path",
|
|
6285
6097
|
{
|
|
6286
6098
|
fill: "#00e5ff",
|
|
6287
6099
|
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"
|
|
6288
6100
|
}
|
|
6289
6101
|
),
|
|
6290
|
-
/* @__PURE__ */ (0,
|
|
6102
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6291
6103
|
"path",
|
|
6292
6104
|
{
|
|
6293
6105
|
fill: "#1565c0",
|
|
6294
6106
|
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"
|
|
6295
6107
|
}
|
|
6296
6108
|
),
|
|
6297
|
-
/* @__PURE__ */ (0,
|
|
6109
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6298
6110
|
"path",
|
|
6299
6111
|
{
|
|
6300
6112
|
fill: "#fff",
|
|
@@ -6304,42 +6116,42 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6304
6116
|
]
|
|
6305
6117
|
}
|
|
6306
6118
|
);
|
|
6307
|
-
var StandardIcon = () => /* @__PURE__ */ (0,
|
|
6119
|
+
var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6308
6120
|
"svg",
|
|
6309
6121
|
{
|
|
6310
6122
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6311
6123
|
viewBox: "0 0 48 48",
|
|
6312
6124
|
className: "w-10 h-10",
|
|
6313
6125
|
children: [
|
|
6314
|
-
/* @__PURE__ */ (0,
|
|
6315
|
-
/* @__PURE__ */ (0,
|
|
6126
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
6127
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
6316
6128
|
]
|
|
6317
6129
|
}
|
|
6318
6130
|
);
|
|
6319
|
-
var PowerPointIcon = () => /* @__PURE__ */ (0,
|
|
6131
|
+
var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6320
6132
|
"svg",
|
|
6321
6133
|
{
|
|
6322
6134
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6323
6135
|
viewBox: "0 0 48 48",
|
|
6324
6136
|
className: "w-10 h-10",
|
|
6325
6137
|
children: [
|
|
6326
|
-
/* @__PURE__ */ (0,
|
|
6138
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6327
6139
|
"path",
|
|
6328
6140
|
{
|
|
6329
6141
|
fill: "#dc4c2c",
|
|
6330
6142
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
6331
6143
|
}
|
|
6332
6144
|
),
|
|
6333
|
-
/* @__PURE__ */ (0,
|
|
6334
|
-
/* @__PURE__ */ (0,
|
|
6335
|
-
/* @__PURE__ */ (0,
|
|
6145
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
6146
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
6147
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6336
6148
|
"path",
|
|
6337
6149
|
{
|
|
6338
6150
|
fill: "#9b341f",
|
|
6339
6151
|
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"
|
|
6340
6152
|
}
|
|
6341
6153
|
),
|
|
6342
|
-
/* @__PURE__ */ (0,
|
|
6154
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6343
6155
|
"path",
|
|
6344
6156
|
{
|
|
6345
6157
|
fill: "#fff",
|
|
@@ -6349,16 +6161,16 @@ var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6349
6161
|
]
|
|
6350
6162
|
}
|
|
6351
6163
|
);
|
|
6352
|
-
var TextIcon = () => /* @__PURE__ */ (0,
|
|
6164
|
+
var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6353
6165
|
"svg",
|
|
6354
6166
|
{
|
|
6355
6167
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6356
6168
|
viewBox: "0 0 48 48",
|
|
6357
6169
|
className: "w-10 h-10",
|
|
6358
6170
|
children: [
|
|
6359
|
-
/* @__PURE__ */ (0,
|
|
6360
|
-
/* @__PURE__ */ (0,
|
|
6361
|
-
/* @__PURE__ */ (0,
|
|
6171
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
6172
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
6173
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6362
6174
|
"path",
|
|
6363
6175
|
{
|
|
6364
6176
|
fill: "#1976D2",
|
|
@@ -6368,7 +6180,7 @@ var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6368
6180
|
]
|
|
6369
6181
|
}
|
|
6370
6182
|
);
|
|
6371
|
-
var ArchiveIcon = () => /* @__PURE__ */ (0,
|
|
6183
|
+
var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6372
6184
|
"svg",
|
|
6373
6185
|
{
|
|
6374
6186
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6378,14 +6190,14 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6378
6190
|
version: "1.0",
|
|
6379
6191
|
className: "w-10 h-10",
|
|
6380
6192
|
children: [
|
|
6381
|
-
/* @__PURE__ */ (0,
|
|
6193
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6382
6194
|
"path",
|
|
6383
6195
|
{
|
|
6384
6196
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
6385
6197
|
"clip-rule": "nonzero"
|
|
6386
6198
|
}
|
|
6387
6199
|
) }) }),
|
|
6388
|
-
/* @__PURE__ */ (0,
|
|
6200
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6389
6201
|
"path",
|
|
6390
6202
|
{
|
|
6391
6203
|
fill: "#ff9100",
|
|
@@ -6394,7 +6206,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6394
6206
|
"fill-rule": "nonzero"
|
|
6395
6207
|
}
|
|
6396
6208
|
) }),
|
|
6397
|
-
/* @__PURE__ */ (0,
|
|
6209
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6398
6210
|
"path",
|
|
6399
6211
|
{
|
|
6400
6212
|
fill: "#fbe9e7",
|
|
@@ -6403,7 +6215,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6403
6215
|
"fill-rule": "nonzero"
|
|
6404
6216
|
}
|
|
6405
6217
|
),
|
|
6406
|
-
/* @__PURE__ */ (0,
|
|
6218
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6407
6219
|
"path",
|
|
6408
6220
|
{
|
|
6409
6221
|
fill: "#ffe0b2",
|
|
@@ -6412,7 +6224,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6412
6224
|
"fill-rule": "nonzero"
|
|
6413
6225
|
}
|
|
6414
6226
|
),
|
|
6415
|
-
/* @__PURE__ */ (0,
|
|
6227
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6416
6228
|
"path",
|
|
6417
6229
|
{
|
|
6418
6230
|
fill: "#ffe0b2",
|
|
@@ -6421,7 +6233,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6421
6233
|
"fill-rule": "nonzero"
|
|
6422
6234
|
}
|
|
6423
6235
|
),
|
|
6424
|
-
/* @__PURE__ */ (0,
|
|
6236
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6425
6237
|
"path",
|
|
6426
6238
|
{
|
|
6427
6239
|
fill: "#ffe0b2",
|
|
@@ -6497,8 +6309,8 @@ var DocumentNode = (props) => {
|
|
|
6497
6309
|
}
|
|
6498
6310
|
}
|
|
6499
6311
|
if (documents.length === 0) {
|
|
6500
|
-
return /* @__PURE__ */ (0,
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6312
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
6313
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6502
6314
|
"svg",
|
|
6503
6315
|
{
|
|
6504
6316
|
className: "w-5 h-5",
|
|
@@ -6506,7 +6318,7 @@ var DocumentNode = (props) => {
|
|
|
6506
6318
|
stroke: "currentColor",
|
|
6507
6319
|
viewBox: "0 0 24 24",
|
|
6508
6320
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6509
|
-
children: /* @__PURE__ */ (0,
|
|
6321
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6510
6322
|
"path",
|
|
6511
6323
|
{
|
|
6512
6324
|
strokeLinecap: "round",
|
|
@@ -6517,11 +6329,11 @@ var DocumentNode = (props) => {
|
|
|
6517
6329
|
)
|
|
6518
6330
|
}
|
|
6519
6331
|
) }),
|
|
6520
|
-
/* @__PURE__ */ (0,
|
|
6521
|
-
/* @__PURE__ */ (0,
|
|
6332
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
6333
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
6522
6334
|
] }) });
|
|
6523
6335
|
}
|
|
6524
|
-
return /* @__PURE__ */ (0,
|
|
6336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
6525
6337
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
6526
6338
|
props.assetBaseUrl,
|
|
6527
6339
|
doc.assetUrl
|
|
@@ -6539,16 +6351,16 @@ var DocumentNode = (props) => {
|
|
|
6539
6351
|
}
|
|
6540
6352
|
}
|
|
6541
6353
|
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
6542
|
-
return /* @__PURE__ */ (0,
|
|
6354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6543
6355
|
"div",
|
|
6544
6356
|
{
|
|
6545
6357
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
6546
6358
|
children: [
|
|
6547
|
-
/* @__PURE__ */ (0,
|
|
6548
|
-
/* @__PURE__ */ (0,
|
|
6549
|
-
/* @__PURE__ */ (0,
|
|
6359
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
6360
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Icon2, {}) }),
|
|
6361
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
6550
6362
|
] }),
|
|
6551
|
-
/* @__PURE__ */ (0,
|
|
6363
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6552
6364
|
"a",
|
|
6553
6365
|
{
|
|
6554
6366
|
href: documentUrl,
|
|
@@ -6556,7 +6368,7 @@ var DocumentNode = (props) => {
|
|
|
6556
6368
|
rel: "noopener noreferrer",
|
|
6557
6369
|
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",
|
|
6558
6370
|
children: [
|
|
6559
|
-
/* @__PURE__ */ (0,
|
|
6371
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6560
6372
|
"svg",
|
|
6561
6373
|
{
|
|
6562
6374
|
className: "w-4 h-4 mr-2",
|
|
@@ -6564,7 +6376,7 @@ var DocumentNode = (props) => {
|
|
|
6564
6376
|
stroke: "currentColor",
|
|
6565
6377
|
viewBox: "0 0 24 24",
|
|
6566
6378
|
children: [
|
|
6567
|
-
/* @__PURE__ */ (0,
|
|
6379
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6568
6380
|
"path",
|
|
6569
6381
|
{
|
|
6570
6382
|
strokeLinecap: "round",
|
|
@@ -6573,7 +6385,7 @@ var DocumentNode = (props) => {
|
|
|
6573
6385
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
6574
6386
|
}
|
|
6575
6387
|
),
|
|
6576
|
-
/* @__PURE__ */ (0,
|
|
6388
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6577
6389
|
"path",
|
|
6578
6390
|
{
|
|
6579
6391
|
strokeLinecap: "round",
|
|
@@ -6598,7 +6410,7 @@ var DocumentNode = (props) => {
|
|
|
6598
6410
|
var DocumentNode_default = DocumentNode;
|
|
6599
6411
|
|
|
6600
6412
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
6601
|
-
var
|
|
6413
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6602
6414
|
var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
6603
6415
|
var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
|
|
6604
6416
|
ssr: false
|
|
@@ -6855,7 +6667,7 @@ var DivContainer = async (props) => {
|
|
|
6855
6667
|
response = await serviceClient.get(endpoint);
|
|
6856
6668
|
result = response?.result;
|
|
6857
6669
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
6858
|
-
return /* @__PURE__ */ (0,
|
|
6670
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NoDataFound_default, {});
|
|
6859
6671
|
}
|
|
6860
6672
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
6861
6673
|
childCollectionData = getNestedValue6(
|
|
@@ -6875,7 +6687,7 @@ var DivContainer = async (props) => {
|
|
|
6875
6687
|
}
|
|
6876
6688
|
const SelectedNode = NodeTypes2[node.type];
|
|
6877
6689
|
if (!SelectedNode) return null;
|
|
6878
|
-
return /* @__PURE__ */ (0,
|
|
6690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6879
6691
|
SelectedNode,
|
|
6880
6692
|
{
|
|
6881
6693
|
node,
|
|
@@ -7007,14 +6819,14 @@ var DivContainer = async (props) => {
|
|
|
7007
6819
|
props.node.bgClass,
|
|
7008
6820
|
noLinkColor && "no-link-color"
|
|
7009
6821
|
].filter(Boolean).join(" ");
|
|
7010
|
-
return /* @__PURE__ */ (0,
|
|
7011
|
-
/* @__PURE__ */ (0,
|
|
6822
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react53.default.Fragment, { children: [
|
|
6823
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
7012
6824
|
"style",
|
|
7013
6825
|
{
|
|
7014
6826
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7015
6827
|
}
|
|
7016
6828
|
),
|
|
7017
|
-
/* @__PURE__ */ (0,
|
|
6829
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EnterAnimationClient2, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
7018
6830
|
Wrapper,
|
|
7019
6831
|
{
|
|
7020
6832
|
id: guid,
|
|
@@ -7028,11 +6840,11 @@ var DivContainer = async (props) => {
|
|
|
7028
6840
|
item,
|
|
7029
6841
|
idx,
|
|
7030
6842
|
props.href ? void 0 : item?.links?.view
|
|
7031
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
6843
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
7032
6844
|
)
|
|
7033
6845
|
}
|
|
7034
6846
|
) }),
|
|
7035
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
6847
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
7036
6848
|
Pagination2,
|
|
7037
6849
|
{
|
|
7038
6850
|
path: props.path,
|
|
@@ -7045,7 +6857,7 @@ var DivContainer = async (props) => {
|
|
|
7045
6857
|
var DivContainer_default = DivContainer;
|
|
7046
6858
|
|
|
7047
6859
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
7048
|
-
var
|
|
6860
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
7049
6861
|
var NodeTypes = {
|
|
7050
6862
|
["paragraph"]: ParagraphNode_default,
|
|
7051
6863
|
["heading"]: HeadingNode_default,
|
|
@@ -7082,14 +6894,14 @@ var PageBodyRenderer = (props) => {
|
|
|
7082
6894
|
}
|
|
7083
6895
|
return true;
|
|
7084
6896
|
};
|
|
7085
|
-
return /* @__PURE__ */ (0,
|
|
6897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
7086
6898
|
{
|
|
7087
6899
|
}
|
|
7088
6900
|
const SelectedNode = NodeTypes[node.type];
|
|
7089
6901
|
if (!shouldRenderNode(node)) {
|
|
7090
6902
|
return null;
|
|
7091
6903
|
}
|
|
7092
|
-
return /* @__PURE__ */ (0,
|
|
6904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7093
6905
|
SelectedNode,
|
|
7094
6906
|
{
|
|
7095
6907
|
node,
|
|
@@ -7105,7 +6917,7 @@ var PageBodyRenderer = (props) => {
|
|
|
7105
6917
|
device: props.device,
|
|
7106
6918
|
widgetRenderer: props.widgetRenderer
|
|
7107
6919
|
}
|
|
7108
|
-
) }) : /* @__PURE__ */ (0,
|
|
6920
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7109
6921
|
SelectedNode,
|
|
7110
6922
|
{
|
|
7111
6923
|
node,
|
|
@@ -7128,7 +6940,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
|
|
|
7128
6940
|
// src/components/Toast.tsx
|
|
7129
6941
|
var import_react55 = require("react");
|
|
7130
6942
|
init_ToastService();
|
|
7131
|
-
var
|
|
6943
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7132
6944
|
var Toast = () => {
|
|
7133
6945
|
const [showToast, setShowToast] = (0, import_react55.useState)(false);
|
|
7134
6946
|
const [message, setMessage] = (0, import_react55.useState)("");
|
|
@@ -7162,8 +6974,8 @@ var Toast = () => {
|
|
|
7162
6974
|
});
|
|
7163
6975
|
};
|
|
7164
6976
|
}, [closeToast, showMessage]);
|
|
7165
|
-
return /* @__PURE__ */ (0,
|
|
7166
|
-
/* @__PURE__ */ (0,
|
|
6977
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
6978
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7167
6979
|
"span",
|
|
7168
6980
|
{
|
|
7169
6981
|
className: "font-medium text-inherit text-sm",
|
|
@@ -7171,7 +6983,7 @@ var Toast = () => {
|
|
|
7171
6983
|
children: message
|
|
7172
6984
|
}
|
|
7173
6985
|
),
|
|
7174
|
-
/* @__PURE__ */ (0,
|
|
6986
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7175
6987
|
"svg",
|
|
7176
6988
|
{
|
|
7177
6989
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7179,7 +6991,7 @@ var Toast = () => {
|
|
|
7179
6991
|
fill: "none",
|
|
7180
6992
|
viewBox: "0 0 24 24",
|
|
7181
6993
|
stroke: "currentColor",
|
|
7182
|
-
children: /* @__PURE__ */ (0,
|
|
6994
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
7183
6995
|
}
|
|
7184
6996
|
) })
|
|
7185
6997
|
] }) }) });
|
|
@@ -7206,7 +7018,7 @@ init_TimeInput();
|
|
|
7206
7018
|
// src/components/NavigationTabsV2.tsx
|
|
7207
7019
|
var import_link3 = __toESM(require("next/link"));
|
|
7208
7020
|
var import_navigation = require("next/navigation");
|
|
7209
|
-
var
|
|
7021
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7210
7022
|
function resolveRoutePlaceholders(route, params) {
|
|
7211
7023
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
7212
7024
|
const value = params[key];
|
|
@@ -7231,8 +7043,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7231
7043
|
isActive: tab.isActive
|
|
7232
7044
|
})) || [];
|
|
7233
7045
|
if (mappedTabs.length === 0) return null;
|
|
7234
|
-
return /* @__PURE__ */ (0,
|
|
7235
|
-
return /* @__PURE__ */ (0,
|
|
7046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
7047
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7236
7048
|
"div",
|
|
7237
7049
|
{
|
|
7238
7050
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -7250,9 +7062,9 @@ var import_navigation2 = require("next/navigation");
|
|
|
7250
7062
|
|
|
7251
7063
|
// src/components/dataForm/NoContentView.tsx
|
|
7252
7064
|
var import_react56 = __toESM(require("react"));
|
|
7253
|
-
var
|
|
7065
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7254
7066
|
var NoContentView = (props) => {
|
|
7255
|
-
return /* @__PURE__ */ (0,
|
|
7067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
7256
7068
|
};
|
|
7257
7069
|
var NoContentView_default = NoContentView;
|
|
7258
7070
|
|
|
@@ -7261,38 +7073,38 @@ init_InputControlType();
|
|
|
7261
7073
|
|
|
7262
7074
|
// src/components/dataForm/ContentView.tsx
|
|
7263
7075
|
var import_react57 = __toESM(require("react"));
|
|
7264
|
-
var
|
|
7076
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7265
7077
|
var ContentView = (props) => {
|
|
7266
|
-
return /* @__PURE__ */ (0,
|
|
7267
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
7268
|
-
/* @__PURE__ */ (0,
|
|
7269
|
-
/* @__PURE__ */ (0,
|
|
7270
|
-
/* @__PURE__ */ (0,
|
|
7271
|
-
/* @__PURE__ */ (0,
|
|
7272
|
-
/* @__PURE__ */ (0,
|
|
7078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react57.default.Fragment, { children: [
|
|
7079
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
7080
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
7081
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
7082
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ml-2", children: [
|
|
7083
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
7084
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
7273
7085
|
] })
|
|
7274
7086
|
] }),
|
|
7275
|
-
/* @__PURE__ */ (0,
|
|
7276
|
-
/* @__PURE__ */ (0,
|
|
7277
|
-
/* @__PURE__ */ (0,
|
|
7278
|
-
/* @__PURE__ */ (0,
|
|
7279
|
-
/* @__PURE__ */ (0,
|
|
7280
|
-
/* @__PURE__ */ (0,
|
|
7281
|
-
/* @__PURE__ */ (0,
|
|
7087
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
7088
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
|
|
7089
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7090
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7091
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7092
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7093
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7282
7094
|
] }),
|
|
7283
|
-
/* @__PURE__ */ (0,
|
|
7284
|
-
/* @__PURE__ */ (0,
|
|
7285
|
-
/* @__PURE__ */ (0,
|
|
7286
|
-
/* @__PURE__ */ (0,
|
|
7287
|
-
/* @__PURE__ */ (0,
|
|
7288
|
-
/* @__PURE__ */ (0,
|
|
7095
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
|
|
7096
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7097
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7098
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7099
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7100
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7289
7101
|
] }),
|
|
7290
|
-
/* @__PURE__ */ (0,
|
|
7291
|
-
/* @__PURE__ */ (0,
|
|
7292
|
-
/* @__PURE__ */ (0,
|
|
7293
|
-
/* @__PURE__ */ (0,
|
|
7294
|
-
/* @__PURE__ */ (0,
|
|
7295
|
-
/* @__PURE__ */ (0,
|
|
7102
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
|
|
7103
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7104
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7105
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7106
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7107
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7296
7108
|
] })
|
|
7297
7109
|
] })
|
|
7298
7110
|
] }) }),
|
|
@@ -7352,7 +7164,7 @@ function FormReducer(state, action) {
|
|
|
7352
7164
|
var FormReducer_default = FormReducer;
|
|
7353
7165
|
|
|
7354
7166
|
// src/components/dataForm/DataList.tsx
|
|
7355
|
-
var
|
|
7167
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7356
7168
|
var DataList = (props) => {
|
|
7357
7169
|
const router = (0, import_navigation2.useRouter)();
|
|
7358
7170
|
let builder = new OdataBuilder(props.path);
|
|
@@ -7390,7 +7202,7 @@ var DataList = (props) => {
|
|
|
7390
7202
|
if (path.includes(".")) {
|
|
7391
7203
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
7392
7204
|
} else if (Array.isArray(obj[path])) {
|
|
7393
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
7205
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: item }, index));
|
|
7394
7206
|
} else {
|
|
7395
7207
|
return obj[path];
|
|
7396
7208
|
}
|
|
@@ -7469,30 +7281,30 @@ var DataList = (props) => {
|
|
|
7469
7281
|
const renderPageNumbers = () => {
|
|
7470
7282
|
if (pages <= 10) {
|
|
7471
7283
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
7472
|
-
(page) => /* @__PURE__ */ (0,
|
|
7284
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7473
7285
|
Hyperlink,
|
|
7474
7286
|
{
|
|
7475
7287
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7476
7288
|
href: builder.getNewPageUrl(page),
|
|
7477
7289
|
children: page
|
|
7478
7290
|
}
|
|
7479
|
-
) : /* @__PURE__ */ (0,
|
|
7291
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7480
7292
|
);
|
|
7481
7293
|
} else {
|
|
7482
7294
|
const showFirstPages = activePageNumber <= 5;
|
|
7483
7295
|
const showLastPages = activePageNumber > pages - 5;
|
|
7484
7296
|
if (showFirstPages) {
|
|
7485
|
-
return /* @__PURE__ */ (0,
|
|
7486
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
7297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7298
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7487
7299
|
Hyperlink,
|
|
7488
7300
|
{
|
|
7489
7301
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7490
7302
|
href: builder.getNewPageUrl(page),
|
|
7491
7303
|
children: page
|
|
7492
7304
|
}
|
|
7493
|
-
) : /* @__PURE__ */ (0,
|
|
7494
|
-
/* @__PURE__ */ (0,
|
|
7495
|
-
/* @__PURE__ */ (0,
|
|
7305
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7306
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7307
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7496
7308
|
Hyperlink,
|
|
7497
7309
|
{
|
|
7498
7310
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7500,7 +7312,7 @@ var DataList = (props) => {
|
|
|
7500
7312
|
children: pages - 1
|
|
7501
7313
|
}
|
|
7502
7314
|
),
|
|
7503
|
-
/* @__PURE__ */ (0,
|
|
7315
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7504
7316
|
Hyperlink,
|
|
7505
7317
|
{
|
|
7506
7318
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7508,7 +7320,7 @@ var DataList = (props) => {
|
|
|
7508
7320
|
children: pages
|
|
7509
7321
|
}
|
|
7510
7322
|
),
|
|
7511
|
-
/* @__PURE__ */ (0,
|
|
7323
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7512
7324
|
"select",
|
|
7513
7325
|
{
|
|
7514
7326
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7520,18 +7332,18 @@ var DataList = (props) => {
|
|
|
7520
7332
|
}
|
|
7521
7333
|
},
|
|
7522
7334
|
children: [
|
|
7523
|
-
/* @__PURE__ */ (0,
|
|
7335
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
7524
7336
|
Array.from(
|
|
7525
7337
|
{ length: Math.max(0, pages - 10) },
|
|
7526
7338
|
(_, index) => index + 9
|
|
7527
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7339
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: page, children: page }, page))
|
|
7528
7340
|
]
|
|
7529
7341
|
}
|
|
7530
7342
|
) })
|
|
7531
7343
|
] });
|
|
7532
7344
|
} else if (showLastPages) {
|
|
7533
|
-
return /* @__PURE__ */ (0,
|
|
7534
|
-
/* @__PURE__ */ (0,
|
|
7345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7346
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7535
7347
|
Hyperlink,
|
|
7536
7348
|
{
|
|
7537
7349
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7539,7 +7351,7 @@ var DataList = (props) => {
|
|
|
7539
7351
|
children: "1"
|
|
7540
7352
|
}
|
|
7541
7353
|
),
|
|
7542
|
-
/* @__PURE__ */ (0,
|
|
7354
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7543
7355
|
Hyperlink,
|
|
7544
7356
|
{
|
|
7545
7357
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7547,21 +7359,21 @@ var DataList = (props) => {
|
|
|
7547
7359
|
children: "2"
|
|
7548
7360
|
}
|
|
7549
7361
|
),
|
|
7550
|
-
/* @__PURE__ */ (0,
|
|
7362
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7551
7363
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
7552
|
-
(page) => /* @__PURE__ */ (0,
|
|
7364
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7553
7365
|
Hyperlink,
|
|
7554
7366
|
{
|
|
7555
7367
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7556
7368
|
href: builder.getNewPageUrl(page),
|
|
7557
7369
|
children: page
|
|
7558
7370
|
}
|
|
7559
|
-
) : /* @__PURE__ */ (0,
|
|
7371
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7560
7372
|
)
|
|
7561
7373
|
] });
|
|
7562
7374
|
} else {
|
|
7563
|
-
return /* @__PURE__ */ (0,
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7376
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7565
7377
|
Hyperlink,
|
|
7566
7378
|
{
|
|
7567
7379
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7569,7 +7381,7 @@ var DataList = (props) => {
|
|
|
7569
7381
|
children: "1"
|
|
7570
7382
|
}
|
|
7571
7383
|
),
|
|
7572
|
-
/* @__PURE__ */ (0,
|
|
7384
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7573
7385
|
Hyperlink,
|
|
7574
7386
|
{
|
|
7575
7387
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7577,20 +7389,20 @@ var DataList = (props) => {
|
|
|
7577
7389
|
children: "2"
|
|
7578
7390
|
}
|
|
7579
7391
|
),
|
|
7580
|
-
/* @__PURE__ */ (0,
|
|
7392
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7581
7393
|
Array.from(
|
|
7582
7394
|
{ length: 5 },
|
|
7583
7395
|
(_, index) => activePageNumber - 2 + index
|
|
7584
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7396
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7585
7397
|
Hyperlink,
|
|
7586
7398
|
{
|
|
7587
7399
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7588
7400
|
href: builder.getNewPageUrl(page),
|
|
7589
7401
|
children: page
|
|
7590
7402
|
}
|
|
7591
|
-
) : /* @__PURE__ */ (0,
|
|
7592
|
-
/* @__PURE__ */ (0,
|
|
7593
|
-
/* @__PURE__ */ (0,
|
|
7403
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7404
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7405
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7594
7406
|
Hyperlink,
|
|
7595
7407
|
{
|
|
7596
7408
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7598,7 +7410,7 @@ var DataList = (props) => {
|
|
|
7598
7410
|
children: pages - 1
|
|
7599
7411
|
}
|
|
7600
7412
|
),
|
|
7601
|
-
/* @__PURE__ */ (0,
|
|
7413
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7602
7414
|
Hyperlink,
|
|
7603
7415
|
{
|
|
7604
7416
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7606,7 +7418,7 @@ var DataList = (props) => {
|
|
|
7606
7418
|
children: pages
|
|
7607
7419
|
}
|
|
7608
7420
|
),
|
|
7609
|
-
/* @__PURE__ */ (0,
|
|
7421
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7610
7422
|
"select",
|
|
7611
7423
|
{
|
|
7612
7424
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7618,8 +7430,8 @@ var DataList = (props) => {
|
|
|
7618
7430
|
}
|
|
7619
7431
|
},
|
|
7620
7432
|
children: [
|
|
7621
|
-
/* @__PURE__ */ (0,
|
|
7622
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
7433
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: "", children: "Jump to" }),
|
|
7434
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: page, children: page }, page))
|
|
7623
7435
|
]
|
|
7624
7436
|
}
|
|
7625
7437
|
) })
|
|
@@ -7627,16 +7439,16 @@ var DataList = (props) => {
|
|
|
7627
7439
|
}
|
|
7628
7440
|
}
|
|
7629
7441
|
};
|
|
7630
|
-
return /* @__PURE__ */ (0,
|
|
7631
|
-
/* @__PURE__ */ (0,
|
|
7632
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react58.default.Fragment, { children: [
|
|
7443
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ContentView_default, { isDataFound, children: [
|
|
7444
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7633
7445
|
"div",
|
|
7634
7446
|
{
|
|
7635
7447
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
7636
7448
|
children: [
|
|
7637
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7638
|
-
/* @__PURE__ */ (0,
|
|
7639
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
7449
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", {}),
|
|
7450
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7451
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7640
7452
|
InputControl_default,
|
|
7641
7453
|
{
|
|
7642
7454
|
name: "Search_input",
|
|
@@ -7648,7 +7460,7 @@ var DataList = (props) => {
|
|
|
7648
7460
|
}
|
|
7649
7461
|
}
|
|
7650
7462
|
),
|
|
7651
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
7463
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7652
7464
|
InputControl_default,
|
|
7653
7465
|
{
|
|
7654
7466
|
name: filter.name,
|
|
@@ -7663,15 +7475,15 @@ var DataList = (props) => {
|
|
|
7663
7475
|
},
|
|
7664
7476
|
filter.name
|
|
7665
7477
|
)),
|
|
7666
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
7478
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7667
7479
|
Hyperlink,
|
|
7668
7480
|
{
|
|
7669
7481
|
className: "gap-1",
|
|
7670
7482
|
linkType: "Primary" /* Solid */,
|
|
7671
7483
|
href: props.addLinkHref,
|
|
7672
7484
|
children: [
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7674
|
-
/* @__PURE__ */ (0,
|
|
7485
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
7486
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
7675
7487
|
]
|
|
7676
7488
|
}
|
|
7677
7489
|
)
|
|
@@ -7679,8 +7491,8 @@ var DataList = (props) => {
|
|
|
7679
7491
|
]
|
|
7680
7492
|
}
|
|
7681
7493
|
),
|
|
7682
|
-
/* @__PURE__ */ (0,
|
|
7683
|
-
/* @__PURE__ */ (0,
|
|
7494
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
7495
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
7684
7496
|
let url = builder.getNewOrderByUrl(column.name);
|
|
7685
7497
|
let icon = "chevronUpDown";
|
|
7686
7498
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -7690,18 +7502,18 @@ var DataList = (props) => {
|
|
|
7690
7502
|
icon = "chevronUp";
|
|
7691
7503
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
7692
7504
|
}
|
|
7693
|
-
return /* @__PURE__ */ (0,
|
|
7505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7694
7506
|
"th",
|
|
7695
7507
|
{
|
|
7696
7508
|
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" : ""),
|
|
7697
|
-
children: /* @__PURE__ */ (0,
|
|
7509
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7698
7510
|
Hyperlink,
|
|
7699
7511
|
{
|
|
7700
7512
|
href: column.enableSorting ? url : void 0,
|
|
7701
7513
|
className: "!text-neutral-contrast ",
|
|
7702
|
-
children: /* @__PURE__ */ (0,
|
|
7703
|
-
/* @__PURE__ */ (0,
|
|
7704
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
7514
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
7515
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-black", children: column.label }),
|
|
7516
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
7705
7517
|
] })
|
|
7706
7518
|
}
|
|
7707
7519
|
)
|
|
@@ -7709,24 +7521,24 @@ var DataList = (props) => {
|
|
|
7709
7521
|
column.name
|
|
7710
7522
|
);
|
|
7711
7523
|
}) }) }),
|
|
7712
|
-
/* @__PURE__ */ (0,
|
|
7524
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
7713
7525
|
let validityClass = "";
|
|
7714
7526
|
console.log("dataitem", dataitem);
|
|
7715
7527
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
7716
7528
|
validityClass = "bg-alert-200";
|
|
7717
7529
|
}
|
|
7718
|
-
return /* @__PURE__ */ (0,
|
|
7530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
7719
7531
|
console.log("column", column);
|
|
7720
|
-
return /* @__PURE__ */ (0,
|
|
7532
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7721
7533
|
"td",
|
|
7722
7534
|
{
|
|
7723
7535
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
7724
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
7536
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7725
7537
|
Hyperlink,
|
|
7726
7538
|
{
|
|
7727
7539
|
className: "",
|
|
7728
7540
|
href: `https://${dataitem[column.name]}`,
|
|
7729
|
-
children: /* @__PURE__ */ (0,
|
|
7541
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7730
7542
|
ViewControl_default,
|
|
7731
7543
|
{
|
|
7732
7544
|
controlType: column.controlType,
|
|
@@ -7739,11 +7551,11 @@ var DataList = (props) => {
|
|
|
7739
7551
|
}
|
|
7740
7552
|
)
|
|
7741
7553
|
}
|
|
7742
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
7554
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7743
7555
|
Hyperlink,
|
|
7744
7556
|
{
|
|
7745
7557
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
7746
|
-
children: /* @__PURE__ */ (0,
|
|
7558
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7747
7559
|
ViewControl_default,
|
|
7748
7560
|
{
|
|
7749
7561
|
controlType: column.controlType,
|
|
@@ -7753,7 +7565,7 @@ var DataList = (props) => {
|
|
|
7753
7565
|
}
|
|
7754
7566
|
)
|
|
7755
7567
|
}
|
|
7756
|
-
) : /* @__PURE__ */ (0,
|
|
7568
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7757
7569
|
ViewControl_default,
|
|
7758
7570
|
{
|
|
7759
7571
|
controlType: column.controlType,
|
|
@@ -7767,10 +7579,10 @@ var DataList = (props) => {
|
|
|
7767
7579
|
}) }, index);
|
|
7768
7580
|
}) })
|
|
7769
7581
|
] }) }),
|
|
7770
|
-
/* @__PURE__ */ (0,
|
|
7771
|
-
/* @__PURE__ */ (0,
|
|
7772
|
-
/* @__PURE__ */ (0,
|
|
7773
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
7582
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
7583
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "text-gray-700", children: label }),
|
|
7584
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
7585
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7774
7586
|
Hyperlink,
|
|
7775
7587
|
{
|
|
7776
7588
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -7778,9 +7590,9 @@ var DataList = (props) => {
|
|
|
7778
7590
|
children: "Prev"
|
|
7779
7591
|
}
|
|
7780
7592
|
),
|
|
7781
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
7593
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime79.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" }),
|
|
7782
7594
|
renderPageNumbers(),
|
|
7783
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
7595
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7784
7596
|
Hyperlink,
|
|
7785
7597
|
{
|
|
7786
7598
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -7788,19 +7600,19 @@ var DataList = (props) => {
|
|
|
7788
7600
|
children: "Next"
|
|
7789
7601
|
}
|
|
7790
7602
|
),
|
|
7791
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
7603
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
7792
7604
|
] })
|
|
7793
7605
|
] }) })
|
|
7794
7606
|
] }),
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7607
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
7608
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7797
7609
|
"div",
|
|
7798
7610
|
{
|
|
7799
7611
|
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`,
|
|
7800
7612
|
children: [
|
|
7801
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7802
|
-
/* @__PURE__ */ (0,
|
|
7803
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
7613
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", {}),
|
|
7614
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7615
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7804
7616
|
InputControl_default,
|
|
7805
7617
|
{
|
|
7806
7618
|
name: "Search_input",
|
|
@@ -7812,7 +7624,7 @@ var DataList = (props) => {
|
|
|
7812
7624
|
}
|
|
7813
7625
|
}
|
|
7814
7626
|
),
|
|
7815
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
7627
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7816
7628
|
InputControl_default,
|
|
7817
7629
|
{
|
|
7818
7630
|
name: filter.name,
|
|
@@ -7827,15 +7639,15 @@ var DataList = (props) => {
|
|
|
7827
7639
|
},
|
|
7828
7640
|
filter.name
|
|
7829
7641
|
)),
|
|
7830
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
7642
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7831
7643
|
Hyperlink,
|
|
7832
7644
|
{
|
|
7833
7645
|
className: "gap-1",
|
|
7834
7646
|
linkType: "Primary" /* Solid */,
|
|
7835
7647
|
href: props.addLinkHref,
|
|
7836
7648
|
children: [
|
|
7837
|
-
/* @__PURE__ */ (0,
|
|
7838
|
-
/* @__PURE__ */ (0,
|
|
7649
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
7650
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
7839
7651
|
]
|
|
7840
7652
|
}
|
|
7841
7653
|
)
|
|
@@ -7843,8 +7655,8 @@ var DataList = (props) => {
|
|
|
7843
7655
|
]
|
|
7844
7656
|
}
|
|
7845
7657
|
),
|
|
7846
|
-
/* @__PURE__ */ (0,
|
|
7847
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
7848
7660
|
let url = builder.getNewOrderByUrl(column.name);
|
|
7849
7661
|
let icon = "chevronUpDown";
|
|
7850
7662
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -7854,18 +7666,18 @@ var DataList = (props) => {
|
|
|
7854
7666
|
icon = "chevronUp";
|
|
7855
7667
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
7856
7668
|
}
|
|
7857
|
-
return /* @__PURE__ */ (0,
|
|
7669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7858
7670
|
"th",
|
|
7859
7671
|
{
|
|
7860
7672
|
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" : ""),
|
|
7861
|
-
children: /* @__PURE__ */ (0,
|
|
7673
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7862
7674
|
Hyperlink,
|
|
7863
7675
|
{
|
|
7864
7676
|
href: column.enableSorting ? url : void 0,
|
|
7865
7677
|
className: "text-body-950",
|
|
7866
|
-
children: /* @__PURE__ */ (0,
|
|
7867
|
-
/* @__PURE__ */ (0,
|
|
7868
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
7678
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
7679
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: column.label }),
|
|
7680
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
7869
7681
|
] })
|
|
7870
7682
|
}
|
|
7871
7683
|
)
|
|
@@ -7873,7 +7685,7 @@ var DataList = (props) => {
|
|
|
7873
7685
|
column.name
|
|
7874
7686
|
);
|
|
7875
7687
|
}) }) }) }) }),
|
|
7876
|
-
/* @__PURE__ */ (0,
|
|
7688
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
7877
7689
|
] })
|
|
7878
7690
|
] })
|
|
7879
7691
|
] });
|
|
@@ -7886,7 +7698,7 @@ init_ServiceClient();
|
|
|
7886
7698
|
init_OdataBuilder();
|
|
7887
7699
|
init_SelectWithSearchInput();
|
|
7888
7700
|
var import_navigation3 = require("next/navigation");
|
|
7889
|
-
var
|
|
7701
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7890
7702
|
var viewControlMap = {
|
|
7891
7703
|
number: ViewControlTypes.number,
|
|
7892
7704
|
lineText: ViewControlTypes.lineText,
|
|
@@ -7981,15 +7793,15 @@ var DataListRenderer = ({
|
|
|
7981
7793
|
isActive: landingPageUrl === pathname
|
|
7982
7794
|
};
|
|
7983
7795
|
});
|
|
7984
|
-
return /* @__PURE__ */ (0,
|
|
7985
|
-
resolvedTabs.length > 0 && /* @__PURE__ */ (0,
|
|
7796
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react59.default.Fragment, { children: [
|
|
7797
|
+
resolvedTabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7986
7798
|
NavigationTabsV2_default,
|
|
7987
7799
|
{
|
|
7988
7800
|
tabs: resolvedTabs,
|
|
7989
7801
|
params: widgetProps?.params ?? params
|
|
7990
7802
|
}
|
|
7991
7803
|
),
|
|
7992
|
-
/* @__PURE__ */ (0,
|
|
7804
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7993
7805
|
DataList_default,
|
|
7994
7806
|
{
|
|
7995
7807
|
addLinkHref,
|
|
@@ -8044,7 +7856,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
8044
7856
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
8045
7857
|
|
|
8046
7858
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
8047
|
-
var
|
|
7859
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
8048
7860
|
var DataFormChildSection = (props) => {
|
|
8049
7861
|
const { section } = props;
|
|
8050
7862
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -8112,14 +7924,14 @@ var DataFormChildSection = (props) => {
|
|
|
8112
7924
|
childItemsToRender,
|
|
8113
7925
|
allChildItems: childItems
|
|
8114
7926
|
});
|
|
8115
|
-
return /* @__PURE__ */ (0,
|
|
8116
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
8117
|
-
/* @__PURE__ */ (0,
|
|
8118
|
-
/* @__PURE__ */ (0,
|
|
8119
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
8120
|
-
return /* @__PURE__ */ (0,
|
|
7927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
7928
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
7929
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
7930
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
7931
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
7932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("tr", { className: "", children: [
|
|
8121
7933
|
sectionRow.elements.map((field, index) => {
|
|
8122
|
-
return /* @__PURE__ */ (0,
|
|
7934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8123
7935
|
"th",
|
|
8124
7936
|
{
|
|
8125
7937
|
className: "py-3 font-normal text-left",
|
|
@@ -8128,21 +7940,21 @@ var DataFormChildSection = (props) => {
|
|
|
8128
7940
|
field.name
|
|
8129
7941
|
);
|
|
8130
7942
|
}),
|
|
8131
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7943
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
8132
7944
|
] }, sectionRowIndex);
|
|
8133
7945
|
}) }),
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
7946
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
8135
7947
|
const { item, originalIndex } = visibleItem;
|
|
8136
7948
|
const rowKey = originalIndex;
|
|
8137
|
-
return /* @__PURE__ */ (0,
|
|
7949
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: section.sectionRows.map(
|
|
8138
7950
|
(sectionRow, sectionRowIndex) => {
|
|
8139
|
-
return /* @__PURE__ */ (0,
|
|
7951
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
8140
7952
|
"tr",
|
|
8141
7953
|
{
|
|
8142
7954
|
className: "",
|
|
8143
7955
|
children: [
|
|
8144
7956
|
sectionRow.elements.map((field, index) => {
|
|
8145
|
-
return /* @__PURE__ */ (0,
|
|
7957
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8146
7958
|
InputControl_default,
|
|
8147
7959
|
{
|
|
8148
7960
|
index: filteredIndex,
|
|
@@ -8162,7 +7974,7 @@ var DataFormChildSection = (props) => {
|
|
|
8162
7974
|
}
|
|
8163
7975
|
) }) }) }, field.name);
|
|
8164
7976
|
}),
|
|
8165
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7977
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8166
7978
|
ClientButton_default,
|
|
8167
7979
|
{
|
|
8168
7980
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -8171,7 +7983,7 @@ var DataFormChildSection = (props) => {
|
|
|
8171
7983
|
},
|
|
8172
7984
|
dataRole: "delete",
|
|
8173
7985
|
tabIndex: -1,
|
|
8174
|
-
children: /* @__PURE__ */ (0,
|
|
7986
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8175
7987
|
Icon_default,
|
|
8176
7988
|
{
|
|
8177
7989
|
className: "w-4 h-4",
|
|
@@ -8188,7 +8000,7 @@ var DataFormChildSection = (props) => {
|
|
|
8188
8000
|
) }, rowKey);
|
|
8189
8001
|
}) })
|
|
8190
8002
|
] }) }),
|
|
8191
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8003
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8192
8004
|
ClientButton_default,
|
|
8193
8005
|
{
|
|
8194
8006
|
ButtonType: "Link" /* Link */,
|
|
@@ -8203,7 +8015,7 @@ var DataFormChildSection = (props) => {
|
|
|
8203
8015
|
var DataFormChildSection_default = DataFormChildSection;
|
|
8204
8016
|
|
|
8205
8017
|
// src/components/dataForm/DataForm.tsx
|
|
8206
|
-
var
|
|
8018
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
8207
8019
|
var DataForm = (props) => {
|
|
8208
8020
|
const formRef = (0, import_react61.useRef)(null);
|
|
8209
8021
|
console.log(props.dataItem, "dssads");
|
|
@@ -8423,19 +8235,19 @@ var DataForm = (props) => {
|
|
|
8423
8235
|
return false;
|
|
8424
8236
|
}
|
|
8425
8237
|
}
|
|
8426
|
-
return /* @__PURE__ */ (0,
|
|
8427
|
-
props.title && /* @__PURE__ */ (0,
|
|
8238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8239
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)(
|
|
8428
8240
|
"div",
|
|
8429
8241
|
{
|
|
8430
8242
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
8431
8243
|
onClick: () => window.history.back(),
|
|
8432
8244
|
children: [
|
|
8433
|
-
/* @__PURE__ */ (0,
|
|
8434
|
-
/* @__PURE__ */ (0,
|
|
8245
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
8246
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
8435
8247
|
]
|
|
8436
8248
|
}
|
|
8437
8249
|
) }),
|
|
8438
|
-
/* @__PURE__ */ (0,
|
|
8250
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8439
8251
|
"form",
|
|
8440
8252
|
{
|
|
8441
8253
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -8456,8 +8268,8 @@ var DataForm = (props) => {
|
|
|
8456
8268
|
}
|
|
8457
8269
|
}
|
|
8458
8270
|
},
|
|
8459
|
-
children: /* @__PURE__ */ (0,
|
|
8460
|
-
return /* @__PURE__ */ (0,
|
|
8271
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
8272
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
8461
8273
|
section.sectionRows?.map(
|
|
8462
8274
|
(sectionRow, sectionRowIndex) => {
|
|
8463
8275
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -8468,14 +8280,14 @@ var DataForm = (props) => {
|
|
|
8468
8280
|
sectionRow.visible
|
|
8469
8281
|
);
|
|
8470
8282
|
}
|
|
8471
|
-
return /* @__PURE__ */ (0,
|
|
8472
|
-
return /* @__PURE__ */ (0,
|
|
8283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
8284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8473
8285
|
"div",
|
|
8474
8286
|
{
|
|
8475
8287
|
className: sectionRow.grow ? "grow" : "",
|
|
8476
8288
|
children: [
|
|
8477
|
-
/* @__PURE__ */ (0,
|
|
8478
|
-
/* @__PURE__ */ (0,
|
|
8289
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: field.controlType }),
|
|
8290
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8479
8291
|
InputControl_default,
|
|
8480
8292
|
{
|
|
8481
8293
|
name: field.name,
|
|
@@ -8505,12 +8317,12 @@ var DataForm = (props) => {
|
|
|
8505
8317
|
}) }) }, sectionRowIndex);
|
|
8506
8318
|
}
|
|
8507
8319
|
),
|
|
8508
|
-
/* @__PURE__ */ (0,
|
|
8320
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: section.childSections?.map(
|
|
8509
8321
|
(childSection, childSectionIndex) => {
|
|
8510
|
-
return /* @__PURE__ */ (0,
|
|
8322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
8511
8323
|
formState.inputValues,
|
|
8512
8324
|
childSection.visible
|
|
8513
|
-
) && /* @__PURE__ */ (0,
|
|
8325
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8514
8326
|
DataFormChildSection_default,
|
|
8515
8327
|
{
|
|
8516
8328
|
section: childSection,
|
|
@@ -8525,8 +8337,8 @@ var DataForm = (props) => {
|
|
|
8525
8337
|
}) })
|
|
8526
8338
|
}
|
|
8527
8339
|
),
|
|
8528
|
-
/* @__PURE__ */ (0,
|
|
8529
|
-
/* @__PURE__ */ (0,
|
|
8340
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
8341
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8530
8342
|
Button_default,
|
|
8531
8343
|
{
|
|
8532
8344
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8534,7 +8346,7 @@ var DataForm = (props) => {
|
|
|
8534
8346
|
children: props.additionalActions.title
|
|
8535
8347
|
}
|
|
8536
8348
|
) }),
|
|
8537
|
-
/* @__PURE__ */ (0,
|
|
8349
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8538
8350
|
Button_default,
|
|
8539
8351
|
{
|
|
8540
8352
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8545,7 +8357,7 @@ var DataForm = (props) => {
|
|
|
8545
8357
|
children: "Delete"
|
|
8546
8358
|
}
|
|
8547
8359
|
) }),
|
|
8548
|
-
/* @__PURE__ */ (0,
|
|
8360
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8549
8361
|
Button_default,
|
|
8550
8362
|
{
|
|
8551
8363
|
onValidate,
|
|
@@ -8563,7 +8375,7 @@ var DataForm_default = DataForm;
|
|
|
8563
8375
|
|
|
8564
8376
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
8565
8377
|
init_ServiceClient();
|
|
8566
|
-
var
|
|
8378
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
8567
8379
|
function getAction(actions, code) {
|
|
8568
8380
|
return actions?.find((a) => a.actionCode === code);
|
|
8569
8381
|
}
|
|
@@ -8589,9 +8401,9 @@ var DataFormRenderer = ({
|
|
|
8589
8401
|
"Delete"
|
|
8590
8402
|
);
|
|
8591
8403
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
8592
|
-
return /* @__PURE__ */ (0,
|
|
8593
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
8594
|
-
/* @__PURE__ */ (0,
|
|
8404
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8405
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8406
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
8595
8407
|
DataForm_default,
|
|
8596
8408
|
{
|
|
8597
8409
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|