@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260713054521 → 0.8.1-dev.20260713105440
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-HIZOJLKW.mjs +677 -0
- 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 +669 -911
- package/dist/index.mjs +22 -28
- package/dist/server.d.mts +1 -0
- package/dist/server.d.ts +1 -0
- package/dist/server.js +6 -6
- package/dist/server.mjs +6 -6
- 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()}`,
|
|
@@ -4313,58 +4127,6 @@ var init_Slider = __esm({
|
|
|
4313
4127
|
}
|
|
4314
4128
|
});
|
|
4315
4129
|
|
|
4316
|
-
// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
|
|
4317
|
-
var EnterAnimationClient_exports = {};
|
|
4318
|
-
__export(EnterAnimationClient_exports, {
|
|
4319
|
-
default: () => EnterAnimationClient
|
|
4320
|
-
});
|
|
4321
|
-
function EnterAnimationClient({ hasEnterAnimation, children }) {
|
|
4322
|
-
const ref = (0, import_react52.useRef)(null);
|
|
4323
|
-
console.log("render");
|
|
4324
|
-
(0, import_react52.useEffect)(() => {
|
|
4325
|
-
console.log("effect");
|
|
4326
|
-
console.log("ref", ref.current);
|
|
4327
|
-
if (!hasEnterAnimation) {
|
|
4328
|
-
console.log("no animation");
|
|
4329
|
-
return;
|
|
4330
|
-
}
|
|
4331
|
-
if (!ref.current) {
|
|
4332
|
-
console.log("no ref");
|
|
4333
|
-
return;
|
|
4334
|
-
}
|
|
4335
|
-
console.log("observer started");
|
|
4336
|
-
}, []);
|
|
4337
|
-
(0, import_react52.useEffect)(() => {
|
|
4338
|
-
if (!hasEnterAnimation || !ref.current) return;
|
|
4339
|
-
const observer = new IntersectionObserver(
|
|
4340
|
-
(entries) => {
|
|
4341
|
-
entries.forEach((entry) => {
|
|
4342
|
-
if (entry.isIntersecting) {
|
|
4343
|
-
entry.target.classList.add("visible");
|
|
4344
|
-
observer.unobserve(entry.target);
|
|
4345
|
-
}
|
|
4346
|
-
});
|
|
4347
|
-
},
|
|
4348
|
-
{ threshold: 0.1 }
|
|
4349
|
-
);
|
|
4350
|
-
observer.observe(ref.current);
|
|
4351
|
-
return () => observer.disconnect();
|
|
4352
|
-
}, [hasEnterAnimation]);
|
|
4353
|
-
if (!children) return null;
|
|
4354
|
-
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: children && // enforce passing the ref to Wrapper
|
|
4355
|
-
//@ts-ignore
|
|
4356
|
-
import_react52.default.cloneElement(children, { ref }) });
|
|
4357
|
-
}
|
|
4358
|
-
var import_react52, import_jsx_runtime74;
|
|
4359
|
-
var init_EnterAnimationClient = __esm({
|
|
4360
|
-
"src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx"() {
|
|
4361
|
-
"use strict";
|
|
4362
|
-
"use client";
|
|
4363
|
-
import_react52 = __toESM(require("react"));
|
|
4364
|
-
import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4365
|
-
}
|
|
4366
|
-
});
|
|
4367
|
-
|
|
4368
4130
|
// src/index.ts
|
|
4369
4131
|
var index_exports = {};
|
|
4370
4132
|
__export(index_exports, {
|
|
@@ -4735,14 +4497,12 @@ var DateTimeView = (0, import_dynamic3.default)(() => Promise.resolve().then(()
|
|
|
4735
4497
|
var DateTimeVew_default = DateTimeView;
|
|
4736
4498
|
|
|
4737
4499
|
// src/components/controls/view/ViewControl.tsx
|
|
4738
|
-
|
|
4739
|
-
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
4500
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
4740
4501
|
var ViewControl = (props) => {
|
|
4741
4502
|
const ControlComponents = {
|
|
4742
4503
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
4743
4504
|
[ViewControlTypes_default.emailText]: EmailTextView_default,
|
|
4744
4505
|
[ViewControlTypes_default.asset]: Asset_default,
|
|
4745
|
-
[ViewControlTypes_default.video]: VideoView_default,
|
|
4746
4506
|
[ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
|
|
4747
4507
|
[ViewControlTypes_default.boolean]: BooleanView_default,
|
|
4748
4508
|
[ViewControlTypes_default.checkboxInput]: BooleanView_default,
|
|
@@ -4766,7 +4526,7 @@ var ViewControl = (props) => {
|
|
|
4766
4526
|
[ViewControlTypes_default.text]: LineTextView_default
|
|
4767
4527
|
};
|
|
4768
4528
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
4769
|
-
return /* @__PURE__ */ (0,
|
|
4529
|
+
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
4530
|
};
|
|
4771
4531
|
var ViewControl_default = ViewControl;
|
|
4772
4532
|
|
|
@@ -4781,13 +4541,13 @@ var InputControl_default = InputControl2;
|
|
|
4781
4541
|
init_InputControlType();
|
|
4782
4542
|
|
|
4783
4543
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
4784
|
-
var
|
|
4544
|
+
var import_react53 = __toESM(require("react"));
|
|
4785
4545
|
|
|
4786
4546
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
4787
4547
|
var import_react40 = __toESM(require("react"));
|
|
4788
4548
|
|
|
4789
4549
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
4790
|
-
var
|
|
4550
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4791
4551
|
var TextNode = (props) => {
|
|
4792
4552
|
function cssStringToJson(cssString) {
|
|
4793
4553
|
const styleObject = {};
|
|
@@ -4842,26 +4602,26 @@ var TextNode = (props) => {
|
|
|
4842
4602
|
});
|
|
4843
4603
|
}
|
|
4844
4604
|
function renderWithLineBreaks(text) {
|
|
4845
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
4605
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
|
|
4846
4606
|
line,
|
|
4847
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
4607
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("br", {})
|
|
4848
4608
|
] }, index));
|
|
4849
4609
|
}
|
|
4850
4610
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
4851
4611
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
4852
4612
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
4853
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
4613
|
+
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
4614
|
return (
|
|
4855
4615
|
// @ts-expect-error custom code
|
|
4856
|
-
/* @__PURE__ */ (0,
|
|
4616
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
4857
4617
|
);
|
|
4858
4618
|
};
|
|
4859
4619
|
var TextNode_default = TextNode;
|
|
4860
4620
|
|
|
4861
4621
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
4862
|
-
var
|
|
4622
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4863
4623
|
var LineBreakNode = () => {
|
|
4864
|
-
return /* @__PURE__ */ (0,
|
|
4624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
4865
4625
|
};
|
|
4866
4626
|
var LineBreakNode_default = LineBreakNode;
|
|
4867
4627
|
|
|
@@ -4871,7 +4631,7 @@ var import_react39 = __toESM(require("react"));
|
|
|
4871
4631
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
4872
4632
|
init_AssetUtility();
|
|
4873
4633
|
var import_dynamic5 = __toESM(require("next/dynamic"));
|
|
4874
|
-
var
|
|
4634
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4875
4635
|
var HlsPlayer3 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
4876
4636
|
var getNestedValue = (obj, path) => {
|
|
4877
4637
|
if (!obj || !path) return void 0;
|
|
@@ -4904,7 +4664,7 @@ var ImageNode = (props) => {
|
|
|
4904
4664
|
assets = [image];
|
|
4905
4665
|
}
|
|
4906
4666
|
if (assets && assets.length > 0) {
|
|
4907
|
-
return /* @__PURE__ */ (0,
|
|
4667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4908
4668
|
DeviceAssetSelector_default,
|
|
4909
4669
|
{
|
|
4910
4670
|
device: props.device,
|
|
@@ -4945,7 +4705,7 @@ var ImageNode = (props) => {
|
|
|
4945
4705
|
right: "justify-end"
|
|
4946
4706
|
};
|
|
4947
4707
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4948
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
4708
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4949
4709
|
HlsPlayer3,
|
|
4950
4710
|
{
|
|
4951
4711
|
assetUrl: imageUrl,
|
|
@@ -4958,7 +4718,7 @@ var ImageNode = (props) => {
|
|
|
4958
4718
|
apiBaseUrl: props.apiBaseUrl,
|
|
4959
4719
|
session: props.session
|
|
4960
4720
|
}
|
|
4961
|
-
) : /* @__PURE__ */ (0,
|
|
4721
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4962
4722
|
"img",
|
|
4963
4723
|
{
|
|
4964
4724
|
style: styles,
|
|
@@ -4971,7 +4731,7 @@ var ImageNode = (props) => {
|
|
|
4971
4731
|
}
|
|
4972
4732
|
);
|
|
4973
4733
|
if (props.node.width) {
|
|
4974
|
-
return /* @__PURE__ */ (0,
|
|
4734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
4975
4735
|
}
|
|
4976
4736
|
return renderMedia();
|
|
4977
4737
|
};
|
|
@@ -4981,7 +4741,7 @@ var ImageNode_default = ImageNode;
|
|
|
4981
4741
|
init_StyleTypes();
|
|
4982
4742
|
init_Hyperlink();
|
|
4983
4743
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
4984
|
-
var
|
|
4744
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
4985
4745
|
var LinkNodeButton2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
4986
4746
|
ssr: false
|
|
4987
4747
|
});
|
|
@@ -5034,13 +4794,13 @@ var LinkNode = (props) => {
|
|
|
5034
4794
|
const isButton = node.isButton === true;
|
|
5035
4795
|
const renderChildren = () => {
|
|
5036
4796
|
if (!node.children || node.children.length === 0) return null;
|
|
5037
|
-
return /* @__PURE__ */ (0,
|
|
4797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: node.children.map((childNode, index) => {
|
|
5038
4798
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5039
4799
|
if (!SelectedNode) {
|
|
5040
4800
|
console.warn("Unknown node type:", childNode.type);
|
|
5041
4801
|
return null;
|
|
5042
4802
|
}
|
|
5043
|
-
return /* @__PURE__ */ (0,
|
|
4803
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react39.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
5044
4804
|
SelectedNode,
|
|
5045
4805
|
{
|
|
5046
4806
|
node: childNode,
|
|
@@ -5053,15 +4813,15 @@ var LinkNode = (props) => {
|
|
|
5053
4813
|
};
|
|
5054
4814
|
const renderFallback = () => {
|
|
5055
4815
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
5056
|
-
return /* @__PURE__ */ (0,
|
|
4816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: linkText });
|
|
5057
4817
|
}
|
|
5058
4818
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
5059
|
-
return /* @__PURE__ */ (0,
|
|
4819
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("br", {});
|
|
5060
4820
|
}
|
|
5061
4821
|
return null;
|
|
5062
4822
|
};
|
|
5063
4823
|
if (isButton) {
|
|
5064
|
-
return /* @__PURE__ */ (0,
|
|
4824
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
5065
4825
|
LinkNodeButton2,
|
|
5066
4826
|
{
|
|
5067
4827
|
node,
|
|
@@ -5079,7 +4839,7 @@ var LinkNode = (props) => {
|
|
|
5079
4839
|
}
|
|
5080
4840
|
);
|
|
5081
4841
|
}
|
|
5082
|
-
return /* @__PURE__ */ (0,
|
|
4842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
5083
4843
|
Hyperlink,
|
|
5084
4844
|
{
|
|
5085
4845
|
href: linkUrl || "#",
|
|
@@ -5095,10 +4855,10 @@ var LinkNode = (props) => {
|
|
|
5095
4855
|
var LinkNode_default = LinkNode;
|
|
5096
4856
|
|
|
5097
4857
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
5098
|
-
var
|
|
4858
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5099
4859
|
var SVGIconNode = ({ node }) => {
|
|
5100
4860
|
if (!node?.svgCode) return null;
|
|
5101
|
-
return /* @__PURE__ */ (0,
|
|
4861
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
5102
4862
|
"span",
|
|
5103
4863
|
{
|
|
5104
4864
|
style: {
|
|
@@ -5115,7 +4875,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
5115
4875
|
|
|
5116
4876
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
5117
4877
|
var import_katex = __toESM(require("katex"));
|
|
5118
|
-
var
|
|
4878
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5119
4879
|
var EquationNode = ({ node }) => {
|
|
5120
4880
|
const { equation, inline } = node;
|
|
5121
4881
|
let html = "";
|
|
@@ -5130,7 +4890,7 @@ var EquationNode = ({ node }) => {
|
|
|
5130
4890
|
});
|
|
5131
4891
|
}
|
|
5132
4892
|
if (inline) {
|
|
5133
|
-
return /* @__PURE__ */ (0,
|
|
4893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5134
4894
|
"span",
|
|
5135
4895
|
{
|
|
5136
4896
|
className: "katex-inline",
|
|
@@ -5138,7 +4898,7 @@ var EquationNode = ({ node }) => {
|
|
|
5138
4898
|
}
|
|
5139
4899
|
);
|
|
5140
4900
|
}
|
|
5141
|
-
return /* @__PURE__ */ (0,
|
|
4901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5142
4902
|
"div",
|
|
5143
4903
|
{
|
|
5144
4904
|
className: "katex-block my-3 text-center",
|
|
@@ -5149,7 +4909,7 @@ var EquationNode = ({ node }) => {
|
|
|
5149
4909
|
var EquationNode_default = EquationNode;
|
|
5150
4910
|
|
|
5151
4911
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
5152
|
-
var
|
|
4912
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5153
4913
|
function getNestedProperty(obj, path) {
|
|
5154
4914
|
if (!obj || !path) return null;
|
|
5155
4915
|
if (path.includes(".")) {
|
|
@@ -5162,7 +4922,7 @@ function getNestedProperty(obj, path) {
|
|
|
5162
4922
|
}
|
|
5163
4923
|
const value = obj[path];
|
|
5164
4924
|
if (Array.isArray(value)) {
|
|
5165
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
4925
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: String(item) }, index));
|
|
5166
4926
|
}
|
|
5167
4927
|
return value;
|
|
5168
4928
|
}
|
|
@@ -5223,7 +4983,7 @@ var DatafieldNode = (props) => {
|
|
|
5223
4983
|
const dataType = props.node.dataType;
|
|
5224
4984
|
if (isEmptyValue) return null;
|
|
5225
4985
|
if (dataType === "rawContent") {
|
|
5226
|
-
return /* @__PURE__ */ (0,
|
|
4986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5227
4987
|
PageBodyRenderer_default,
|
|
5228
4988
|
{
|
|
5229
4989
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -5239,12 +4999,12 @@ var DatafieldNode = (props) => {
|
|
|
5239
4999
|
}
|
|
5240
5000
|
);
|
|
5241
5001
|
}
|
|
5242
|
-
return /* @__PURE__ */ (0,
|
|
5002
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5243
5003
|
"span",
|
|
5244
5004
|
{
|
|
5245
5005
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
5246
5006
|
style: styles,
|
|
5247
|
-
children: /* @__PURE__ */ (0,
|
|
5007
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5248
5008
|
ViewControl_default,
|
|
5249
5009
|
{
|
|
5250
5010
|
controlType: dataType,
|
|
@@ -5257,7 +5017,7 @@ var DatafieldNode = (props) => {
|
|
|
5257
5017
|
var DatafieldNode_default = DatafieldNode;
|
|
5258
5018
|
|
|
5259
5019
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
5260
|
-
var
|
|
5020
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5261
5021
|
var ParagraphNode = (props) => {
|
|
5262
5022
|
const NodeTypes2 = {
|
|
5263
5023
|
["text"]: TextNode_default,
|
|
@@ -5277,9 +5037,9 @@ var ParagraphNode = (props) => {
|
|
|
5277
5037
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
5278
5038
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
5279
5039
|
if (isInlineOnlyParent) {
|
|
5280
|
-
return /* @__PURE__ */ (0,
|
|
5040
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
5281
5041
|
const SelectedNode = NodeTypes2[node.type];
|
|
5282
|
-
return /* @__PURE__ */ (0,
|
|
5042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5283
5043
|
SelectedNode,
|
|
5284
5044
|
{
|
|
5285
5045
|
node,
|
|
@@ -5291,10 +5051,10 @@ var ParagraphNode = (props) => {
|
|
|
5291
5051
|
) }, index);
|
|
5292
5052
|
}) });
|
|
5293
5053
|
}
|
|
5294
|
-
return /* @__PURE__ */ (0,
|
|
5054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: " " + formatClasses, children: [
|
|
5295
5055
|
hasChildren && props.node.children.map((node, index) => {
|
|
5296
5056
|
const SelectedNode = NodeTypes2[node.type];
|
|
5297
|
-
return /* @__PURE__ */ (0,
|
|
5057
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5298
5058
|
SelectedNode,
|
|
5299
5059
|
{
|
|
5300
5060
|
node,
|
|
@@ -5305,14 +5065,14 @@ var ParagraphNode = (props) => {
|
|
|
5305
5065
|
}
|
|
5306
5066
|
) }, index);
|
|
5307
5067
|
}),
|
|
5308
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
5068
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
5309
5069
|
] });
|
|
5310
5070
|
};
|
|
5311
5071
|
var ParagraphNode_default = ParagraphNode;
|
|
5312
5072
|
|
|
5313
5073
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
5314
5074
|
var import_react41 = __toESM(require("react"));
|
|
5315
|
-
var
|
|
5075
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5316
5076
|
var HeadingNode = (props) => {
|
|
5317
5077
|
const NodeTypes2 = {
|
|
5318
5078
|
["text"]: TextNode_default,
|
|
@@ -5328,12 +5088,12 @@ var HeadingNode = (props) => {
|
|
|
5328
5088
|
{
|
|
5329
5089
|
}
|
|
5330
5090
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
5331
|
-
return /* @__PURE__ */ (0,
|
|
5091
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: import_react41.default.createElement(
|
|
5332
5092
|
HeadingTag,
|
|
5333
5093
|
{ className: formatClasses },
|
|
5334
5094
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
5335
5095
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5336
|
-
return /* @__PURE__ */ (0,
|
|
5096
|
+
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
5097
|
})
|
|
5338
5098
|
) });
|
|
5339
5099
|
};
|
|
@@ -5344,7 +5104,7 @@ var import_react43 = __toESM(require("react"));
|
|
|
5344
5104
|
|
|
5345
5105
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
5346
5106
|
var import_react42 = __toESM(require("react"));
|
|
5347
|
-
var
|
|
5107
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5348
5108
|
var ListItemNode = (props) => {
|
|
5349
5109
|
const NodeTypes2 = {
|
|
5350
5110
|
text: TextNode_default,
|
|
@@ -5361,37 +5121,37 @@ var ListItemNode = (props) => {
|
|
|
5361
5121
|
liStyle.fontSize = match[1].trim();
|
|
5362
5122
|
}
|
|
5363
5123
|
}
|
|
5364
|
-
return /* @__PURE__ */ (0,
|
|
5124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
5365
5125
|
const SelectedNode = NodeTypes2[node.type];
|
|
5366
5126
|
if (node.type === "linebreak") {
|
|
5367
5127
|
if (!foundFirstBreak) {
|
|
5368
5128
|
foundFirstBreak = true;
|
|
5369
|
-
return /* @__PURE__ */ (0,
|
|
5129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", {}, index);
|
|
5370
5130
|
} else {
|
|
5371
|
-
return /* @__PURE__ */ (0,
|
|
5131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
5372
5132
|
}
|
|
5373
5133
|
} else {
|
|
5374
5134
|
foundFirstBreak = false;
|
|
5375
|
-
return /* @__PURE__ */ (0,
|
|
5135
|
+
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
5136
|
}
|
|
5377
5137
|
}) });
|
|
5378
5138
|
};
|
|
5379
5139
|
var ListItemNode_default = ListItemNode;
|
|
5380
5140
|
|
|
5381
5141
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
5382
|
-
var
|
|
5142
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5383
5143
|
var ListNode = (props) => {
|
|
5384
5144
|
const NodeTypes2 = {
|
|
5385
5145
|
listitem: ListItemNode_default
|
|
5386
5146
|
};
|
|
5387
|
-
return /* @__PURE__ */ (0,
|
|
5388
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
5147
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react43.default.Fragment, { children: [
|
|
5148
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5389
5149
|
const SelectedNode = NodeTypes2[node.type];
|
|
5390
|
-
return /* @__PURE__ */ (0,
|
|
5150
|
+
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
5151
|
}) }),
|
|
5392
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
5152
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5393
5153
|
const SelectedNode = NodeTypes2[node.type];
|
|
5394
|
-
return /* @__PURE__ */ (0,
|
|
5154
|
+
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
5155
|
}) })
|
|
5396
5156
|
] });
|
|
5397
5157
|
};
|
|
@@ -5399,16 +5159,16 @@ var ListNode_default = ListNode;
|
|
|
5399
5159
|
|
|
5400
5160
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
5401
5161
|
var import_react44 = __toESM(require("react"));
|
|
5402
|
-
var
|
|
5162
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5403
5163
|
var QuoteNode = (props) => {
|
|
5404
5164
|
const NodeTypes2 = {
|
|
5405
5165
|
["text"]: TextNode_default,
|
|
5406
5166
|
["linebreak"]: LineBreakNode_default,
|
|
5407
5167
|
["link"]: LinkNode_default
|
|
5408
5168
|
};
|
|
5409
|
-
return /* @__PURE__ */ (0,
|
|
5169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5410
5170
|
const SelectedNode = NodeTypes2[node.type];
|
|
5411
|
-
return /* @__PURE__ */ (0,
|
|
5171
|
+
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
5172
|
}) });
|
|
5413
5173
|
};
|
|
5414
5174
|
var QuoteNode_default = QuoteNode;
|
|
@@ -5416,11 +5176,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
5416
5176
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
5417
5177
|
var import_react46 = __toESM(require("react"));
|
|
5418
5178
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5419
|
-
var
|
|
5179
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5420
5180
|
var CopyButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
5421
5181
|
ssr: false,
|
|
5422
5182
|
// optional: fallback UI while loading
|
|
5423
|
-
loading: () => /* @__PURE__ */ (0,
|
|
5183
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
5424
5184
|
});
|
|
5425
5185
|
var CodeNode = (props) => {
|
|
5426
5186
|
const NodeTypes2 = {
|
|
@@ -5434,14 +5194,14 @@ var CodeNode = (props) => {
|
|
|
5434
5194
|
if (node.type === "link") return node.text || node.url || "";
|
|
5435
5195
|
return "";
|
|
5436
5196
|
}).join("") ?? "";
|
|
5437
|
-
return /* @__PURE__ */ (0,
|
|
5438
|
-
/* @__PURE__ */ (0,
|
|
5439
|
-
/* @__PURE__ */ (0,
|
|
5440
|
-
/* @__PURE__ */ (0,
|
|
5197
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
|
|
5198
|
+
/* @__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: [
|
|
5199
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { children: "Code Snippet" }),
|
|
5200
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CopyButton2, { text: textContent })
|
|
5441
5201
|
] }),
|
|
5442
|
-
/* @__PURE__ */ (0,
|
|
5202
|
+
/* @__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
5203
|
const SelectedNode = NodeTypes2[node.type];
|
|
5444
|
-
return /* @__PURE__ */ (0,
|
|
5204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react46.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
5445
5205
|
SelectedNode,
|
|
5446
5206
|
{
|
|
5447
5207
|
node,
|
|
@@ -5456,15 +5216,15 @@ var CodeNode = (props) => {
|
|
|
5456
5216
|
var CodeNode_default = CodeNode;
|
|
5457
5217
|
|
|
5458
5218
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
5459
|
-
var
|
|
5219
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5460
5220
|
var HorizontalRuleNode = () => {
|
|
5461
|
-
return /* @__PURE__ */ (0,
|
|
5221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("hr", {});
|
|
5462
5222
|
};
|
|
5463
5223
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
5464
5224
|
|
|
5465
5225
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
5466
5226
|
var import_react47 = __toESM(require("react"));
|
|
5467
|
-
var
|
|
5227
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5468
5228
|
var WidgetNode = (props) => {
|
|
5469
5229
|
const getWidgetParameters = () => {
|
|
5470
5230
|
const widgetInputParameters = {
|
|
@@ -5528,7 +5288,7 @@ var WidgetNode = (props) => {
|
|
|
5528
5288
|
};
|
|
5529
5289
|
const widgetCode = props.node?.widgetCode;
|
|
5530
5290
|
if (!widgetCode) {
|
|
5531
|
-
return /* @__PURE__ */ (0,
|
|
5291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: "Invalid widget" });
|
|
5532
5292
|
}
|
|
5533
5293
|
const widgetParams = getWidgetParameters();
|
|
5534
5294
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -5537,7 +5297,7 @@ var WidgetNode = (props) => {
|
|
|
5537
5297
|
}
|
|
5538
5298
|
return (
|
|
5539
5299
|
// eslint-disable-next-line react-hooks/static-components
|
|
5540
|
-
/* @__PURE__ */ (0,
|
|
5300
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
5541
5301
|
WidgetRenderer,
|
|
5542
5302
|
{
|
|
5543
5303
|
params: widgetParams,
|
|
@@ -5555,11 +5315,11 @@ var WidgetNode_default = WidgetNode;
|
|
|
5555
5315
|
|
|
5556
5316
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
5557
5317
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
5558
|
-
var
|
|
5318
|
+
var import_react52 = __toESM(require("react"));
|
|
5559
5319
|
|
|
5560
5320
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
5561
5321
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
5562
|
-
var
|
|
5322
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5563
5323
|
var IframeClient2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
5564
5324
|
ssr: false
|
|
5565
5325
|
});
|
|
@@ -5572,7 +5332,7 @@ var EmbedNode = (props) => {
|
|
|
5572
5332
|
} else {
|
|
5573
5333
|
src = props.node.embedSrc;
|
|
5574
5334
|
}
|
|
5575
|
-
return /* @__PURE__ */ (0,
|
|
5335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(IframeClient2, { src }) });
|
|
5576
5336
|
};
|
|
5577
5337
|
var EmbedNode_default = EmbedNode;
|
|
5578
5338
|
|
|
@@ -5751,10 +5511,10 @@ var PathUtility = class {
|
|
|
5751
5511
|
var PathUtility_default = new PathUtility();
|
|
5752
5512
|
|
|
5753
5513
|
// src/components/NoDataFound.tsx
|
|
5754
|
-
var
|
|
5514
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5755
5515
|
var NoDataFound = () => {
|
|
5756
|
-
return /* @__PURE__ */ (0,
|
|
5757
|
-
/* @__PURE__ */ (0,
|
|
5516
|
+
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: [
|
|
5517
|
+
/* @__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
5518
|
"svg",
|
|
5759
5519
|
{
|
|
5760
5520
|
className: "w-10 h-10",
|
|
@@ -5762,7 +5522,7 @@ var NoDataFound = () => {
|
|
|
5762
5522
|
stroke: "currentColor",
|
|
5763
5523
|
viewBox: "0 0 24 24",
|
|
5764
5524
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5765
|
-
children: /* @__PURE__ */ (0,
|
|
5525
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5766
5526
|
"path",
|
|
5767
5527
|
{
|
|
5768
5528
|
strokeLinecap: "round",
|
|
@@ -5773,8 +5533,8 @@ var NoDataFound = () => {
|
|
|
5773
5533
|
)
|
|
5774
5534
|
}
|
|
5775
5535
|
) }) }),
|
|
5776
|
-
/* @__PURE__ */ (0,
|
|
5777
|
-
/* @__PURE__ */ (0,
|
|
5536
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
5537
|
+
/* @__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
5538
|
] });
|
|
5779
5539
|
};
|
|
5780
5540
|
var NoDataFound_default = NoDataFound;
|
|
@@ -5782,7 +5542,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
5782
5542
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
5783
5543
|
init_AssetUtility();
|
|
5784
5544
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
5785
|
-
var
|
|
5545
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5786
5546
|
var HlsPlayer4 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5787
5547
|
var deviceToMediaQuery = (device) => {
|
|
5788
5548
|
switch (device) {
|
|
@@ -5911,8 +5671,8 @@ var ImageGalleryNode = (props) => {
|
|
|
5911
5671
|
right: "justify-end"
|
|
5912
5672
|
};
|
|
5913
5673
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
5914
|
-
return /* @__PURE__ */ (0,
|
|
5915
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
5674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
|
|
5675
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5916
5676
|
HlsPlayer4,
|
|
5917
5677
|
{
|
|
5918
5678
|
sources: hlsSources,
|
|
@@ -5927,7 +5687,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5927
5687
|
styles: hlsStyles
|
|
5928
5688
|
}
|
|
5929
5689
|
) }),
|
|
5930
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
5690
|
+
(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
5691
|
DEVICE_ORDER.map((deviceKey) => {
|
|
5932
5692
|
const match = staticSources.find(
|
|
5933
5693
|
(img) => img.device === deviceKey
|
|
@@ -5939,7 +5699,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5939
5699
|
if (!srcUrl) {
|
|
5940
5700
|
return null;
|
|
5941
5701
|
}
|
|
5942
|
-
return /* @__PURE__ */ (0,
|
|
5702
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5943
5703
|
"source",
|
|
5944
5704
|
{
|
|
5945
5705
|
media: deviceToMediaQuery(match.device),
|
|
@@ -5963,7 +5723,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5963
5723
|
if (img.borderRadius) {
|
|
5964
5724
|
styles.borderRadius = img.borderRadius;
|
|
5965
5725
|
}
|
|
5966
|
-
return /* @__PURE__ */ (0,
|
|
5726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5967
5727
|
"img",
|
|
5968
5728
|
{
|
|
5969
5729
|
loading: "lazy",
|
|
@@ -5978,7 +5738,7 @@ var ImageGalleryNode = (props) => {
|
|
|
5978
5738
|
})()
|
|
5979
5739
|
] }) : (
|
|
5980
5740
|
/* Case 2: Only device-specific images exist */
|
|
5981
|
-
/* @__PURE__ */ (0,
|
|
5741
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: staticSources.map((img, index) => {
|
|
5982
5742
|
const imageUrl = resolveImageUrl(img);
|
|
5983
5743
|
if (!imageUrl) {
|
|
5984
5744
|
return null;
|
|
@@ -6004,7 +5764,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6004
5764
|
default:
|
|
6005
5765
|
display = "block";
|
|
6006
5766
|
}
|
|
6007
|
-
return /* @__PURE__ */ (0,
|
|
5767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
6008
5768
|
"img",
|
|
6009
5769
|
{
|
|
6010
5770
|
loading: "lazy",
|
|
@@ -6145,28 +5905,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
6145
5905
|
|
|
6146
5906
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
6147
5907
|
init_AssetUtility();
|
|
6148
|
-
var
|
|
5908
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
6149
5909
|
var getNestedValue5 = (obj, path) => {
|
|
6150
5910
|
if (!obj || !path) return void 0;
|
|
6151
5911
|
return path.split(".").reduce((current, key) => {
|
|
6152
5912
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
6153
5913
|
}, obj);
|
|
6154
5914
|
};
|
|
6155
|
-
var PdfIcon = () => /* @__PURE__ */ (0,
|
|
5915
|
+
var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6156
5916
|
"svg",
|
|
6157
5917
|
{
|
|
6158
5918
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6159
5919
|
viewBox: "0 0 48 48",
|
|
6160
5920
|
className: "w-10 h-10",
|
|
6161
5921
|
children: [
|
|
6162
|
-
/* @__PURE__ */ (0,
|
|
5922
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6163
5923
|
"path",
|
|
6164
5924
|
{
|
|
6165
5925
|
fill: "#e53935",
|
|
6166
5926
|
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
5927
|
}
|
|
6168
5928
|
),
|
|
6169
|
-
/* @__PURE__ */ (0,
|
|
5929
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6170
5930
|
"path",
|
|
6171
5931
|
{
|
|
6172
5932
|
fill: "#fff",
|
|
@@ -6176,55 +5936,55 @@ var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6176
5936
|
]
|
|
6177
5937
|
}
|
|
6178
5938
|
);
|
|
6179
|
-
var ExcelIcon = () => /* @__PURE__ */ (0,
|
|
5939
|
+
var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6180
5940
|
"svg",
|
|
6181
5941
|
{
|
|
6182
5942
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6183
5943
|
viewBox: "0 0 48 48",
|
|
6184
5944
|
className: "w-10 h-10",
|
|
6185
5945
|
children: [
|
|
6186
|
-
/* @__PURE__ */ (0,
|
|
5946
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6187
5947
|
"path",
|
|
6188
5948
|
{
|
|
6189
5949
|
fill: "#169154",
|
|
6190
5950
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
6191
5951
|
}
|
|
6192
5952
|
),
|
|
6193
|
-
/* @__PURE__ */ (0,
|
|
5953
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6194
5954
|
"path",
|
|
6195
5955
|
{
|
|
6196
5956
|
fill: "#18482a",
|
|
6197
5957
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
6198
5958
|
}
|
|
6199
5959
|
),
|
|
6200
|
-
/* @__PURE__ */ (0,
|
|
6201
|
-
/* @__PURE__ */ (0,
|
|
6202
|
-
/* @__PURE__ */ (0,
|
|
6203
|
-
/* @__PURE__ */ (0,
|
|
5960
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
5961
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
5962
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("g", { children: [
|
|
5963
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6204
5964
|
"path",
|
|
6205
5965
|
{
|
|
6206
5966
|
fill: "#29c27f",
|
|
6207
5967
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
6208
5968
|
}
|
|
6209
5969
|
),
|
|
6210
|
-
/* @__PURE__ */ (0,
|
|
5970
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6211
5971
|
"path",
|
|
6212
5972
|
{
|
|
6213
5973
|
fill: "#27663f",
|
|
6214
5974
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
6215
5975
|
}
|
|
6216
5976
|
),
|
|
6217
|
-
/* @__PURE__ */ (0,
|
|
6218
|
-
/* @__PURE__ */ (0,
|
|
5977
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
5978
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
6219
5979
|
] }),
|
|
6220
|
-
/* @__PURE__ */ (0,
|
|
5980
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6221
5981
|
"path",
|
|
6222
5982
|
{
|
|
6223
5983
|
fill: "#0c7238",
|
|
6224
5984
|
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
5985
|
}
|
|
6226
5986
|
),
|
|
6227
|
-
/* @__PURE__ */ (0,
|
|
5987
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6228
5988
|
"path",
|
|
6229
5989
|
{
|
|
6230
5990
|
fill: "#fff",
|
|
@@ -6234,7 +5994,7 @@ var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6234
5994
|
]
|
|
6235
5995
|
}
|
|
6236
5996
|
);
|
|
6237
|
-
var WordIcon = () => /* @__PURE__ */ (0,
|
|
5997
|
+
var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6238
5998
|
"svg",
|
|
6239
5999
|
{
|
|
6240
6000
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6242,14 +6002,14 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6242
6002
|
className: "w-10 h-10",
|
|
6243
6003
|
baseProfile: "basic",
|
|
6244
6004
|
children: [
|
|
6245
|
-
/* @__PURE__ */ (0,
|
|
6005
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6246
6006
|
"path",
|
|
6247
6007
|
{
|
|
6248
6008
|
fill: "#283593",
|
|
6249
6009
|
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
6010
|
}
|
|
6251
6011
|
),
|
|
6252
|
-
/* @__PURE__ */ (0,
|
|
6012
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6253
6013
|
"linearGradient",
|
|
6254
6014
|
{
|
|
6255
6015
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -6260,19 +6020,19 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6260
6020
|
gradientTransform: "translate(0 -339.89)",
|
|
6261
6021
|
gradientUnits: "userSpaceOnUse",
|
|
6262
6022
|
children: [
|
|
6263
|
-
/* @__PURE__ */ (0,
|
|
6264
|
-
/* @__PURE__ */ (0,
|
|
6023
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
6024
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
6265
6025
|
]
|
|
6266
6026
|
}
|
|
6267
6027
|
),
|
|
6268
|
-
/* @__PURE__ */ (0,
|
|
6028
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6269
6029
|
"path",
|
|
6270
6030
|
{
|
|
6271
6031
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
6272
6032
|
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
6033
|
}
|
|
6274
6034
|
),
|
|
6275
|
-
/* @__PURE__ */ (0,
|
|
6035
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6276
6036
|
"path",
|
|
6277
6037
|
{
|
|
6278
6038
|
fill: "#1e88e5",
|
|
@@ -6280,21 +6040,21 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6280
6040
|
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
6041
|
}
|
|
6282
6042
|
),
|
|
6283
|
-
/* @__PURE__ */ (0,
|
|
6043
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6284
6044
|
"path",
|
|
6285
6045
|
{
|
|
6286
6046
|
fill: "#00e5ff",
|
|
6287
6047
|
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
6048
|
}
|
|
6289
6049
|
),
|
|
6290
|
-
/* @__PURE__ */ (0,
|
|
6050
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6291
6051
|
"path",
|
|
6292
6052
|
{
|
|
6293
6053
|
fill: "#1565c0",
|
|
6294
6054
|
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
6055
|
}
|
|
6296
6056
|
),
|
|
6297
|
-
/* @__PURE__ */ (0,
|
|
6057
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6298
6058
|
"path",
|
|
6299
6059
|
{
|
|
6300
6060
|
fill: "#fff",
|
|
@@ -6304,42 +6064,42 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6304
6064
|
]
|
|
6305
6065
|
}
|
|
6306
6066
|
);
|
|
6307
|
-
var StandardIcon = () => /* @__PURE__ */ (0,
|
|
6067
|
+
var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6308
6068
|
"svg",
|
|
6309
6069
|
{
|
|
6310
6070
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6311
6071
|
viewBox: "0 0 48 48",
|
|
6312
6072
|
className: "w-10 h-10",
|
|
6313
6073
|
children: [
|
|
6314
|
-
/* @__PURE__ */ (0,
|
|
6315
|
-
/* @__PURE__ */ (0,
|
|
6074
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
6075
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
6316
6076
|
]
|
|
6317
6077
|
}
|
|
6318
6078
|
);
|
|
6319
|
-
var PowerPointIcon = () => /* @__PURE__ */ (0,
|
|
6079
|
+
var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6320
6080
|
"svg",
|
|
6321
6081
|
{
|
|
6322
6082
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6323
6083
|
viewBox: "0 0 48 48",
|
|
6324
6084
|
className: "w-10 h-10",
|
|
6325
6085
|
children: [
|
|
6326
|
-
/* @__PURE__ */ (0,
|
|
6086
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6327
6087
|
"path",
|
|
6328
6088
|
{
|
|
6329
6089
|
fill: "#dc4c2c",
|
|
6330
6090
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
6331
6091
|
}
|
|
6332
6092
|
),
|
|
6333
|
-
/* @__PURE__ */ (0,
|
|
6334
|
-
/* @__PURE__ */ (0,
|
|
6335
|
-
/* @__PURE__ */ (0,
|
|
6093
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
6094
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
6095
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6336
6096
|
"path",
|
|
6337
6097
|
{
|
|
6338
6098
|
fill: "#9b341f",
|
|
6339
6099
|
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
6100
|
}
|
|
6341
6101
|
),
|
|
6342
|
-
/* @__PURE__ */ (0,
|
|
6102
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6343
6103
|
"path",
|
|
6344
6104
|
{
|
|
6345
6105
|
fill: "#fff",
|
|
@@ -6349,16 +6109,16 @@ var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6349
6109
|
]
|
|
6350
6110
|
}
|
|
6351
6111
|
);
|
|
6352
|
-
var TextIcon = () => /* @__PURE__ */ (0,
|
|
6112
|
+
var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6353
6113
|
"svg",
|
|
6354
6114
|
{
|
|
6355
6115
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6356
6116
|
viewBox: "0 0 48 48",
|
|
6357
6117
|
className: "w-10 h-10",
|
|
6358
6118
|
children: [
|
|
6359
|
-
/* @__PURE__ */ (0,
|
|
6360
|
-
/* @__PURE__ */ (0,
|
|
6361
|
-
/* @__PURE__ */ (0,
|
|
6119
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
6120
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
6121
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6362
6122
|
"path",
|
|
6363
6123
|
{
|
|
6364
6124
|
fill: "#1976D2",
|
|
@@ -6368,7 +6128,7 @@ var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6368
6128
|
]
|
|
6369
6129
|
}
|
|
6370
6130
|
);
|
|
6371
|
-
var ArchiveIcon = () => /* @__PURE__ */ (0,
|
|
6131
|
+
var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6372
6132
|
"svg",
|
|
6373
6133
|
{
|
|
6374
6134
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6378,14 +6138,14 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6378
6138
|
version: "1.0",
|
|
6379
6139
|
className: "w-10 h-10",
|
|
6380
6140
|
children: [
|
|
6381
|
-
/* @__PURE__ */ (0,
|
|
6141
|
+
/* @__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
6142
|
"path",
|
|
6383
6143
|
{
|
|
6384
6144
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
6385
6145
|
"clip-rule": "nonzero"
|
|
6386
6146
|
}
|
|
6387
6147
|
) }) }),
|
|
6388
|
-
/* @__PURE__ */ (0,
|
|
6148
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6389
6149
|
"path",
|
|
6390
6150
|
{
|
|
6391
6151
|
fill: "#ff9100",
|
|
@@ -6394,7 +6154,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6394
6154
|
"fill-rule": "nonzero"
|
|
6395
6155
|
}
|
|
6396
6156
|
) }),
|
|
6397
|
-
/* @__PURE__ */ (0,
|
|
6157
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6398
6158
|
"path",
|
|
6399
6159
|
{
|
|
6400
6160
|
fill: "#fbe9e7",
|
|
@@ -6403,7 +6163,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6403
6163
|
"fill-rule": "nonzero"
|
|
6404
6164
|
}
|
|
6405
6165
|
),
|
|
6406
|
-
/* @__PURE__ */ (0,
|
|
6166
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6407
6167
|
"path",
|
|
6408
6168
|
{
|
|
6409
6169
|
fill: "#ffe0b2",
|
|
@@ -6412,7 +6172,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6412
6172
|
"fill-rule": "nonzero"
|
|
6413
6173
|
}
|
|
6414
6174
|
),
|
|
6415
|
-
/* @__PURE__ */ (0,
|
|
6175
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6416
6176
|
"path",
|
|
6417
6177
|
{
|
|
6418
6178
|
fill: "#ffe0b2",
|
|
@@ -6421,7 +6181,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
|
6421
6181
|
"fill-rule": "nonzero"
|
|
6422
6182
|
}
|
|
6423
6183
|
),
|
|
6424
|
-
/* @__PURE__ */ (0,
|
|
6184
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6425
6185
|
"path",
|
|
6426
6186
|
{
|
|
6427
6187
|
fill: "#ffe0b2",
|
|
@@ -6497,8 +6257,8 @@ var DocumentNode = (props) => {
|
|
|
6497
6257
|
}
|
|
6498
6258
|
}
|
|
6499
6259
|
if (documents.length === 0) {
|
|
6500
|
-
return /* @__PURE__ */ (0,
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6260
|
+
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: [
|
|
6261
|
+
/* @__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
6262
|
"svg",
|
|
6503
6263
|
{
|
|
6504
6264
|
className: "w-5 h-5",
|
|
@@ -6506,7 +6266,7 @@ var DocumentNode = (props) => {
|
|
|
6506
6266
|
stroke: "currentColor",
|
|
6507
6267
|
viewBox: "0 0 24 24",
|
|
6508
6268
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6509
|
-
children: /* @__PURE__ */ (0,
|
|
6269
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6510
6270
|
"path",
|
|
6511
6271
|
{
|
|
6512
6272
|
strokeLinecap: "round",
|
|
@@ -6517,11 +6277,11 @@ var DocumentNode = (props) => {
|
|
|
6517
6277
|
)
|
|
6518
6278
|
}
|
|
6519
6279
|
) }),
|
|
6520
|
-
/* @__PURE__ */ (0,
|
|
6521
|
-
/* @__PURE__ */ (0,
|
|
6280
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
6281
|
+
/* @__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
6282
|
] }) });
|
|
6523
6283
|
}
|
|
6524
|
-
return /* @__PURE__ */ (0,
|
|
6284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
6525
6285
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
6526
6286
|
props.assetBaseUrl,
|
|
6527
6287
|
doc.assetUrl
|
|
@@ -6539,16 +6299,16 @@ var DocumentNode = (props) => {
|
|
|
6539
6299
|
}
|
|
6540
6300
|
}
|
|
6541
6301
|
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
6542
|
-
return /* @__PURE__ */ (0,
|
|
6302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6543
6303
|
"div",
|
|
6544
6304
|
{
|
|
6545
6305
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
6546
6306
|
children: [
|
|
6547
|
-
/* @__PURE__ */ (0,
|
|
6548
|
-
/* @__PURE__ */ (0,
|
|
6549
|
-
/* @__PURE__ */ (0,
|
|
6307
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
6308
|
+
/* @__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, {}) }),
|
|
6309
|
+
/* @__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
6310
|
] }),
|
|
6551
|
-
/* @__PURE__ */ (0,
|
|
6311
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6552
6312
|
"a",
|
|
6553
6313
|
{
|
|
6554
6314
|
href: documentUrl,
|
|
@@ -6556,7 +6316,7 @@ var DocumentNode = (props) => {
|
|
|
6556
6316
|
rel: "noopener noreferrer",
|
|
6557
6317
|
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
6318
|
children: [
|
|
6559
|
-
/* @__PURE__ */ (0,
|
|
6319
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
|
|
6560
6320
|
"svg",
|
|
6561
6321
|
{
|
|
6562
6322
|
className: "w-4 h-4 mr-2",
|
|
@@ -6564,7 +6324,7 @@ var DocumentNode = (props) => {
|
|
|
6564
6324
|
stroke: "currentColor",
|
|
6565
6325
|
viewBox: "0 0 24 24",
|
|
6566
6326
|
children: [
|
|
6567
|
-
/* @__PURE__ */ (0,
|
|
6327
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6568
6328
|
"path",
|
|
6569
6329
|
{
|
|
6570
6330
|
strokeLinecap: "round",
|
|
@@ -6573,7 +6333,7 @@ var DocumentNode = (props) => {
|
|
|
6573
6333
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
6574
6334
|
}
|
|
6575
6335
|
),
|
|
6576
|
-
/* @__PURE__ */ (0,
|
|
6336
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
6577
6337
|
"path",
|
|
6578
6338
|
{
|
|
6579
6339
|
strokeLinecap: "round",
|
|
@@ -6598,14 +6358,11 @@ var DocumentNode = (props) => {
|
|
|
6598
6358
|
var DocumentNode_default = DocumentNode;
|
|
6599
6359
|
|
|
6600
6360
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
6601
|
-
var
|
|
6361
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6602
6362
|
var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
6603
6363
|
var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
|
|
6604
6364
|
ssr: false
|
|
6605
6365
|
});
|
|
6606
|
-
var EnterAnimationClient2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_EnterAnimationClient(), EnterAnimationClient_exports)), {
|
|
6607
|
-
ssr: false
|
|
6608
|
-
});
|
|
6609
6366
|
function toCamelCase(str) {
|
|
6610
6367
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
6611
6368
|
}
|
|
@@ -6855,7 +6612,7 @@ var DivContainer = async (props) => {
|
|
|
6855
6612
|
response = await serviceClient.get(endpoint);
|
|
6856
6613
|
result = response?.result;
|
|
6857
6614
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
6858
|
-
return /* @__PURE__ */ (0,
|
|
6615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(NoDataFound_default, {});
|
|
6859
6616
|
}
|
|
6860
6617
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
6861
6618
|
childCollectionData = getNestedValue6(
|
|
@@ -6875,7 +6632,7 @@ var DivContainer = async (props) => {
|
|
|
6875
6632
|
}
|
|
6876
6633
|
const SelectedNode = NodeTypes2[node.type];
|
|
6877
6634
|
if (!SelectedNode) return null;
|
|
6878
|
-
return /* @__PURE__ */ (0,
|
|
6635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6879
6636
|
SelectedNode,
|
|
6880
6637
|
{
|
|
6881
6638
|
node,
|
|
@@ -7005,16 +6762,17 @@ var DivContainer = async (props) => {
|
|
|
7005
6762
|
containerPaddingClass,
|
|
7006
6763
|
props.node.autoFormat && "auto-format",
|
|
7007
6764
|
props.node.bgClass,
|
|
7008
|
-
noLinkColor && "no-link-color"
|
|
6765
|
+
noLinkColor && "no-link-color",
|
|
6766
|
+
!!props.node.enterAnimation && "enter-animation"
|
|
7009
6767
|
].filter(Boolean).join(" ");
|
|
7010
|
-
return /* @__PURE__ */ (0,
|
|
7011
|
-
/* @__PURE__ */ (0,
|
|
6768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_react52.default.Fragment, { children: [
|
|
6769
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
7012
6770
|
"style",
|
|
7013
6771
|
{
|
|
7014
6772
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7015
6773
|
}
|
|
7016
6774
|
),
|
|
7017
|
-
/* @__PURE__ */ (0,
|
|
6775
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
7018
6776
|
Wrapper,
|
|
7019
6777
|
{
|
|
7020
6778
|
id: guid,
|
|
@@ -7028,11 +6786,11 @@ var DivContainer = async (props) => {
|
|
|
7028
6786
|
item,
|
|
7029
6787
|
idx,
|
|
7030
6788
|
props.href ? void 0 : item?.links?.view
|
|
7031
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
6789
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
7032
6790
|
)
|
|
7033
6791
|
}
|
|
7034
|
-
)
|
|
7035
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
6792
|
+
),
|
|
6793
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
7036
6794
|
Pagination2,
|
|
7037
6795
|
{
|
|
7038
6796
|
path: props.path,
|
|
@@ -7045,7 +6803,7 @@ var DivContainer = async (props) => {
|
|
|
7045
6803
|
var DivContainer_default = DivContainer;
|
|
7046
6804
|
|
|
7047
6805
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
7048
|
-
var
|
|
6806
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
7049
6807
|
var NodeTypes = {
|
|
7050
6808
|
["paragraph"]: ParagraphNode_default,
|
|
7051
6809
|
["heading"]: HeadingNode_default,
|
|
@@ -7082,14 +6840,14 @@ var PageBodyRenderer = (props) => {
|
|
|
7082
6840
|
}
|
|
7083
6841
|
return true;
|
|
7084
6842
|
};
|
|
7085
|
-
return /* @__PURE__ */ (0,
|
|
6843
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
7086
6844
|
{
|
|
7087
6845
|
}
|
|
7088
6846
|
const SelectedNode = NodeTypes[node.type];
|
|
7089
6847
|
if (!shouldRenderNode(node)) {
|
|
7090
6848
|
return null;
|
|
7091
6849
|
}
|
|
7092
|
-
return /* @__PURE__ */ (0,
|
|
6850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
7093
6851
|
SelectedNode,
|
|
7094
6852
|
{
|
|
7095
6853
|
node,
|
|
@@ -7105,7 +6863,7 @@ var PageBodyRenderer = (props) => {
|
|
|
7105
6863
|
device: props.device,
|
|
7106
6864
|
widgetRenderer: props.widgetRenderer
|
|
7107
6865
|
}
|
|
7108
|
-
) }) : /* @__PURE__ */ (0,
|
|
6866
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
7109
6867
|
SelectedNode,
|
|
7110
6868
|
{
|
|
7111
6869
|
node,
|
|
@@ -7126,22 +6884,22 @@ var PageBodyRenderer = (props) => {
|
|
|
7126
6884
|
var PageBodyRenderer_default = PageBodyRenderer;
|
|
7127
6885
|
|
|
7128
6886
|
// src/components/Toast.tsx
|
|
7129
|
-
var
|
|
6887
|
+
var import_react54 = require("react");
|
|
7130
6888
|
init_ToastService();
|
|
7131
|
-
var
|
|
6889
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
7132
6890
|
var Toast = () => {
|
|
7133
|
-
const [showToast, setShowToast] = (0,
|
|
7134
|
-
const [message, setMessage] = (0,
|
|
7135
|
-
const [messageType, setMessageType] = (0,
|
|
7136
|
-
const timeoutRef = (0,
|
|
7137
|
-
const closeToast = (0,
|
|
6891
|
+
const [showToast, setShowToast] = (0, import_react54.useState)(false);
|
|
6892
|
+
const [message, setMessage] = (0, import_react54.useState)("");
|
|
6893
|
+
const [messageType, setMessageType] = (0, import_react54.useState)("error");
|
|
6894
|
+
const timeoutRef = (0, import_react54.useRef)(null);
|
|
6895
|
+
const closeToast = (0, import_react54.useCallback)(() => {
|
|
7138
6896
|
if (timeoutRef.current) {
|
|
7139
6897
|
clearTimeout(timeoutRef.current);
|
|
7140
6898
|
timeoutRef.current = null;
|
|
7141
6899
|
}
|
|
7142
6900
|
setShowToast(false);
|
|
7143
6901
|
}, []);
|
|
7144
|
-
const showMessage = (0,
|
|
6902
|
+
const showMessage = (0, import_react54.useCallback)((message2, messageType2) => {
|
|
7145
6903
|
if (timeoutRef.current) {
|
|
7146
6904
|
clearTimeout(timeoutRef.current);
|
|
7147
6905
|
}
|
|
@@ -7153,7 +6911,7 @@ var Toast = () => {
|
|
|
7153
6911
|
timeoutRef.current = null;
|
|
7154
6912
|
}, 4e3);
|
|
7155
6913
|
}, []);
|
|
7156
|
-
(0,
|
|
6914
|
+
(0, import_react54.useEffect)(() => {
|
|
7157
6915
|
ToastService_default.initialize(showMessage, closeToast);
|
|
7158
6916
|
return () => {
|
|
7159
6917
|
closeToast();
|
|
@@ -7162,8 +6920,8 @@ var Toast = () => {
|
|
|
7162
6920
|
});
|
|
7163
6921
|
};
|
|
7164
6922
|
}, [closeToast, showMessage]);
|
|
7165
|
-
return /* @__PURE__ */ (0,
|
|
7166
|
-
/* @__PURE__ */ (0,
|
|
6923
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime74.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
6924
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7167
6925
|
"span",
|
|
7168
6926
|
{
|
|
7169
6927
|
className: "font-medium text-inherit text-sm",
|
|
@@ -7171,7 +6929,7 @@ var Toast = () => {
|
|
|
7171
6929
|
children: message
|
|
7172
6930
|
}
|
|
7173
6931
|
),
|
|
7174
|
-
/* @__PURE__ */ (0,
|
|
6932
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7175
6933
|
"svg",
|
|
7176
6934
|
{
|
|
7177
6935
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7179,7 +6937,7 @@ var Toast = () => {
|
|
|
7179
6937
|
fill: "none",
|
|
7180
6938
|
viewBox: "0 0 24 24",
|
|
7181
6939
|
stroke: "currentColor",
|
|
7182
|
-
children: /* @__PURE__ */ (0,
|
|
6940
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
7183
6941
|
}
|
|
7184
6942
|
) })
|
|
7185
6943
|
] }) }) });
|
|
@@ -7206,7 +6964,7 @@ init_TimeInput();
|
|
|
7206
6964
|
// src/components/NavigationTabsV2.tsx
|
|
7207
6965
|
var import_link3 = __toESM(require("next/link"));
|
|
7208
6966
|
var import_navigation = require("next/navigation");
|
|
7209
|
-
var
|
|
6967
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7210
6968
|
function resolveRoutePlaceholders(route, params) {
|
|
7211
6969
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
7212
6970
|
const value = params[key];
|
|
@@ -7231,8 +6989,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7231
6989
|
isActive: tab.isActive
|
|
7232
6990
|
})) || [];
|
|
7233
6991
|
if (mappedTabs.length === 0) return null;
|
|
7234
|
-
return /* @__PURE__ */ (0,
|
|
7235
|
-
return /* @__PURE__ */ (0,
|
|
6992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
6993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7236
6994
|
"div",
|
|
7237
6995
|
{
|
|
7238
6996
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -7245,14 +7003,14 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7245
7003
|
var NavigationTabsV2_default = NavigationTabsV2;
|
|
7246
7004
|
|
|
7247
7005
|
// src/components/dataForm/DataList.tsx
|
|
7248
|
-
var
|
|
7006
|
+
var import_react57 = __toESM(require("react"));
|
|
7249
7007
|
var import_navigation2 = require("next/navigation");
|
|
7250
7008
|
|
|
7251
7009
|
// src/components/dataForm/NoContentView.tsx
|
|
7252
|
-
var
|
|
7253
|
-
var
|
|
7010
|
+
var import_react55 = __toESM(require("react"));
|
|
7011
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7254
7012
|
var NoContentView = (props) => {
|
|
7255
|
-
return /* @__PURE__ */ (0,
|
|
7013
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
7256
7014
|
};
|
|
7257
7015
|
var NoContentView_default = NoContentView;
|
|
7258
7016
|
|
|
@@ -7260,39 +7018,39 @@ var NoContentView_default = NoContentView;
|
|
|
7260
7018
|
init_InputControlType();
|
|
7261
7019
|
|
|
7262
7020
|
// src/components/dataForm/ContentView.tsx
|
|
7263
|
-
var
|
|
7264
|
-
var
|
|
7021
|
+
var import_react56 = __toESM(require("react"));
|
|
7022
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7265
7023
|
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,
|
|
7024
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react56.default.Fragment, { children: [
|
|
7025
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
7026
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
7027
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
7028
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ml-2", children: [
|
|
7029
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
7030
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
7273
7031
|
] })
|
|
7274
7032
|
] }),
|
|
7275
|
-
/* @__PURE__ */ (0,
|
|
7276
|
-
/* @__PURE__ */ (0,
|
|
7277
|
-
/* @__PURE__ */ (0,
|
|
7278
|
-
/* @__PURE__ */ (0,
|
|
7279
|
-
/* @__PURE__ */ (0,
|
|
7280
|
-
/* @__PURE__ */ (0,
|
|
7281
|
-
/* @__PURE__ */ (0,
|
|
7033
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
7034
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
|
|
7035
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7036
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7037
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7038
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7039
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7282
7040
|
] }),
|
|
7283
|
-
/* @__PURE__ */ (0,
|
|
7284
|
-
/* @__PURE__ */ (0,
|
|
7285
|
-
/* @__PURE__ */ (0,
|
|
7286
|
-
/* @__PURE__ */ (0,
|
|
7287
|
-
/* @__PURE__ */ (0,
|
|
7288
|
-
/* @__PURE__ */ (0,
|
|
7041
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
|
|
7042
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7043
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7044
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7045
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7046
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7289
7047
|
] }),
|
|
7290
|
-
/* @__PURE__ */ (0,
|
|
7291
|
-
/* @__PURE__ */ (0,
|
|
7292
|
-
/* @__PURE__ */ (0,
|
|
7293
|
-
/* @__PURE__ */ (0,
|
|
7294
|
-
/* @__PURE__ */ (0,
|
|
7295
|
-
/* @__PURE__ */ (0,
|
|
7048
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
|
|
7049
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7050
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7051
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7052
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7053
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7296
7054
|
] })
|
|
7297
7055
|
] })
|
|
7298
7056
|
] }) }),
|
|
@@ -7352,7 +7110,7 @@ function FormReducer(state, action) {
|
|
|
7352
7110
|
var FormReducer_default = FormReducer;
|
|
7353
7111
|
|
|
7354
7112
|
// src/components/dataForm/DataList.tsx
|
|
7355
|
-
var
|
|
7113
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7356
7114
|
var DataList = (props) => {
|
|
7357
7115
|
const router = (0, import_navigation2.useRouter)();
|
|
7358
7116
|
let builder = new OdataBuilder(props.path);
|
|
@@ -7360,9 +7118,9 @@ var DataList = (props) => {
|
|
|
7360
7118
|
let activePageNumber = 0;
|
|
7361
7119
|
let pages = 0;
|
|
7362
7120
|
console.log(props.addLinkText);
|
|
7363
|
-
const [isDataFound, setIsDataFound] = (0,
|
|
7364
|
-
const [searchTerm, setSearchTerm] = (0,
|
|
7365
|
-
(0,
|
|
7121
|
+
const [isDataFound, setIsDataFound] = (0, import_react57.useState)(null);
|
|
7122
|
+
const [searchTerm, setSearchTerm] = (0, import_react57.useState)(props.query?.searchTerm ?? "");
|
|
7123
|
+
(0, import_react57.useEffect)(() => {
|
|
7366
7124
|
if (props?.dataset) {
|
|
7367
7125
|
if (props?.dataset.result && props.dataset.result.length > 0) {
|
|
7368
7126
|
setIsDataFound(true);
|
|
@@ -7371,7 +7129,7 @@ var DataList = (props) => {
|
|
|
7371
7129
|
}
|
|
7372
7130
|
}
|
|
7373
7131
|
}, [props.dataset]);
|
|
7374
|
-
(0,
|
|
7132
|
+
(0, import_react57.useEffect)(() => {
|
|
7375
7133
|
if (!props.query?.["$filter"] || !props.filters) return;
|
|
7376
7134
|
const filterQuery = props.query["$filter"];
|
|
7377
7135
|
props.filters.forEach((filter) => {
|
|
@@ -7390,7 +7148,7 @@ var DataList = (props) => {
|
|
|
7390
7148
|
if (path.includes(".")) {
|
|
7391
7149
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
7392
7150
|
} else if (Array.isArray(obj[path])) {
|
|
7393
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
7151
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: item }, index));
|
|
7394
7152
|
} else {
|
|
7395
7153
|
return obj[path];
|
|
7396
7154
|
}
|
|
@@ -7399,11 +7157,11 @@ var DataList = (props) => {
|
|
|
7399
7157
|
inputValues: {},
|
|
7400
7158
|
lastPropertyChanged: ""
|
|
7401
7159
|
};
|
|
7402
|
-
const [formState, dispatch] = (0,
|
|
7160
|
+
const [formState, dispatch] = (0, import_react57.useReducer)(FormReducer_default, initialState);
|
|
7403
7161
|
const getSearchableColumns = () => {
|
|
7404
7162
|
return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
|
|
7405
7163
|
};
|
|
7406
|
-
const handleFilterChange = (0,
|
|
7164
|
+
const handleFilterChange = (0, import_react57.useCallback)(
|
|
7407
7165
|
(updatedValues) => {
|
|
7408
7166
|
dispatch({
|
|
7409
7167
|
type: FORM_INPUT_UPDATE,
|
|
@@ -7434,7 +7192,7 @@ var DataList = (props) => {
|
|
|
7434
7192
|
},
|
|
7435
7193
|
[dispatch, props, router]
|
|
7436
7194
|
);
|
|
7437
|
-
(0,
|
|
7195
|
+
(0, import_react57.useEffect)(() => {
|
|
7438
7196
|
if (!props.columns.some((col) => col.isSearchable)) {
|
|
7439
7197
|
return;
|
|
7440
7198
|
}
|
|
@@ -7469,30 +7227,30 @@ var DataList = (props) => {
|
|
|
7469
7227
|
const renderPageNumbers = () => {
|
|
7470
7228
|
if (pages <= 10) {
|
|
7471
7229
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
7472
|
-
(page) => /* @__PURE__ */ (0,
|
|
7230
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7473
7231
|
Hyperlink,
|
|
7474
7232
|
{
|
|
7475
7233
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7476
7234
|
href: builder.getNewPageUrl(page),
|
|
7477
7235
|
children: page
|
|
7478
7236
|
}
|
|
7479
|
-
) : /* @__PURE__ */ (0,
|
|
7237
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7480
7238
|
);
|
|
7481
7239
|
} else {
|
|
7482
7240
|
const showFirstPages = activePageNumber <= 5;
|
|
7483
7241
|
const showLastPages = activePageNumber > pages - 5;
|
|
7484
7242
|
if (showFirstPages) {
|
|
7485
|
-
return /* @__PURE__ */ (0,
|
|
7486
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
7243
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
7244
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7487
7245
|
Hyperlink,
|
|
7488
7246
|
{
|
|
7489
7247
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7490
7248
|
href: builder.getNewPageUrl(page),
|
|
7491
7249
|
children: page
|
|
7492
7250
|
}
|
|
7493
|
-
) : /* @__PURE__ */ (0,
|
|
7494
|
-
/* @__PURE__ */ (0,
|
|
7495
|
-
/* @__PURE__ */ (0,
|
|
7251
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7252
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7253
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7496
7254
|
Hyperlink,
|
|
7497
7255
|
{
|
|
7498
7256
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7500,7 +7258,7 @@ var DataList = (props) => {
|
|
|
7500
7258
|
children: pages - 1
|
|
7501
7259
|
}
|
|
7502
7260
|
),
|
|
7503
|
-
/* @__PURE__ */ (0,
|
|
7261
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7504
7262
|
Hyperlink,
|
|
7505
7263
|
{
|
|
7506
7264
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7508,7 +7266,7 @@ var DataList = (props) => {
|
|
|
7508
7266
|
children: pages
|
|
7509
7267
|
}
|
|
7510
7268
|
),
|
|
7511
|
-
/* @__PURE__ */ (0,
|
|
7269
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7512
7270
|
"select",
|
|
7513
7271
|
{
|
|
7514
7272
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7520,18 +7278,18 @@ var DataList = (props) => {
|
|
|
7520
7278
|
}
|
|
7521
7279
|
},
|
|
7522
7280
|
children: [
|
|
7523
|
-
/* @__PURE__ */ (0,
|
|
7281
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
7524
7282
|
Array.from(
|
|
7525
7283
|
{ length: Math.max(0, pages - 10) },
|
|
7526
7284
|
(_, index) => index + 9
|
|
7527
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7285
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: page, children: page }, page))
|
|
7528
7286
|
]
|
|
7529
7287
|
}
|
|
7530
7288
|
) })
|
|
7531
7289
|
] });
|
|
7532
7290
|
} else if (showLastPages) {
|
|
7533
|
-
return /* @__PURE__ */ (0,
|
|
7534
|
-
/* @__PURE__ */ (0,
|
|
7291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
7292
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7535
7293
|
Hyperlink,
|
|
7536
7294
|
{
|
|
7537
7295
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7539,7 +7297,7 @@ var DataList = (props) => {
|
|
|
7539
7297
|
children: "1"
|
|
7540
7298
|
}
|
|
7541
7299
|
),
|
|
7542
|
-
/* @__PURE__ */ (0,
|
|
7300
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7543
7301
|
Hyperlink,
|
|
7544
7302
|
{
|
|
7545
7303
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7547,21 +7305,21 @@ var DataList = (props) => {
|
|
|
7547
7305
|
children: "2"
|
|
7548
7306
|
}
|
|
7549
7307
|
),
|
|
7550
|
-
/* @__PURE__ */ (0,
|
|
7308
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7551
7309
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
7552
|
-
(page) => /* @__PURE__ */ (0,
|
|
7310
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7553
7311
|
Hyperlink,
|
|
7554
7312
|
{
|
|
7555
7313
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7556
7314
|
href: builder.getNewPageUrl(page),
|
|
7557
7315
|
children: page
|
|
7558
7316
|
}
|
|
7559
|
-
) : /* @__PURE__ */ (0,
|
|
7317
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7560
7318
|
)
|
|
7561
7319
|
] });
|
|
7562
7320
|
} else {
|
|
7563
|
-
return /* @__PURE__ */ (0,
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7321
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
|
|
7322
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7565
7323
|
Hyperlink,
|
|
7566
7324
|
{
|
|
7567
7325
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7569,7 +7327,7 @@ var DataList = (props) => {
|
|
|
7569
7327
|
children: "1"
|
|
7570
7328
|
}
|
|
7571
7329
|
),
|
|
7572
|
-
/* @__PURE__ */ (0,
|
|
7330
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7573
7331
|
Hyperlink,
|
|
7574
7332
|
{
|
|
7575
7333
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7577,20 +7335,20 @@ var DataList = (props) => {
|
|
|
7577
7335
|
children: "2"
|
|
7578
7336
|
}
|
|
7579
7337
|
),
|
|
7580
|
-
/* @__PURE__ */ (0,
|
|
7338
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7581
7339
|
Array.from(
|
|
7582
7340
|
{ length: 5 },
|
|
7583
7341
|
(_, index) => activePageNumber - 2 + index
|
|
7584
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7342
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7585
7343
|
Hyperlink,
|
|
7586
7344
|
{
|
|
7587
7345
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7588
7346
|
href: builder.getNewPageUrl(page),
|
|
7589
7347
|
children: page
|
|
7590
7348
|
}
|
|
7591
|
-
) : /* @__PURE__ */ (0,
|
|
7592
|
-
/* @__PURE__ */ (0,
|
|
7593
|
-
/* @__PURE__ */ (0,
|
|
7349
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7350
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7351
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7594
7352
|
Hyperlink,
|
|
7595
7353
|
{
|
|
7596
7354
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7598,7 +7356,7 @@ var DataList = (props) => {
|
|
|
7598
7356
|
children: pages - 1
|
|
7599
7357
|
}
|
|
7600
7358
|
),
|
|
7601
|
-
/* @__PURE__ */ (0,
|
|
7359
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7602
7360
|
Hyperlink,
|
|
7603
7361
|
{
|
|
7604
7362
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7606,7 +7364,7 @@ var DataList = (props) => {
|
|
|
7606
7364
|
children: pages
|
|
7607
7365
|
}
|
|
7608
7366
|
),
|
|
7609
|
-
/* @__PURE__ */ (0,
|
|
7367
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7610
7368
|
"select",
|
|
7611
7369
|
{
|
|
7612
7370
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7618,8 +7376,8 @@ var DataList = (props) => {
|
|
|
7618
7376
|
}
|
|
7619
7377
|
},
|
|
7620
7378
|
children: [
|
|
7621
|
-
/* @__PURE__ */ (0,
|
|
7622
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
7379
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: "", children: "Jump to" }),
|
|
7380
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: page, children: page }, page))
|
|
7623
7381
|
]
|
|
7624
7382
|
}
|
|
7625
7383
|
) })
|
|
@@ -7627,16 +7385,16 @@ var DataList = (props) => {
|
|
|
7627
7385
|
}
|
|
7628
7386
|
}
|
|
7629
7387
|
};
|
|
7630
|
-
return /* @__PURE__ */ (0,
|
|
7631
|
-
/* @__PURE__ */ (0,
|
|
7632
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react57.default.Fragment, { children: [
|
|
7389
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(ContentView_default, { isDataFound, children: [
|
|
7390
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7633
7391
|
"div",
|
|
7634
7392
|
{
|
|
7635
7393
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
7636
7394
|
children: [
|
|
7637
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7638
|
-
/* @__PURE__ */ (0,
|
|
7639
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
7395
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", {}),
|
|
7396
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7397
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7640
7398
|
InputControl_default,
|
|
7641
7399
|
{
|
|
7642
7400
|
name: "Search_input",
|
|
@@ -7648,7 +7406,7 @@ var DataList = (props) => {
|
|
|
7648
7406
|
}
|
|
7649
7407
|
}
|
|
7650
7408
|
),
|
|
7651
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
7409
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7652
7410
|
InputControl_default,
|
|
7653
7411
|
{
|
|
7654
7412
|
name: filter.name,
|
|
@@ -7663,15 +7421,15 @@ var DataList = (props) => {
|
|
|
7663
7421
|
},
|
|
7664
7422
|
filter.name
|
|
7665
7423
|
)),
|
|
7666
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
7424
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7667
7425
|
Hyperlink,
|
|
7668
7426
|
{
|
|
7669
7427
|
className: "gap-1",
|
|
7670
7428
|
linkType: "Primary" /* Solid */,
|
|
7671
7429
|
href: props.addLinkHref,
|
|
7672
7430
|
children: [
|
|
7673
|
-
/* @__PURE__ */ (0,
|
|
7674
|
-
/* @__PURE__ */ (0,
|
|
7431
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
7432
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
7675
7433
|
]
|
|
7676
7434
|
}
|
|
7677
7435
|
)
|
|
@@ -7679,8 +7437,8 @@ var DataList = (props) => {
|
|
|
7679
7437
|
]
|
|
7680
7438
|
}
|
|
7681
7439
|
),
|
|
7682
|
-
/* @__PURE__ */ (0,
|
|
7683
|
-
/* @__PURE__ */ (0,
|
|
7440
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
7441
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
7684
7442
|
let url = builder.getNewOrderByUrl(column.name);
|
|
7685
7443
|
let icon = "chevronUpDown";
|
|
7686
7444
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -7690,18 +7448,18 @@ var DataList = (props) => {
|
|
|
7690
7448
|
icon = "chevronUp";
|
|
7691
7449
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
7692
7450
|
}
|
|
7693
|
-
return /* @__PURE__ */ (0,
|
|
7451
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7694
7452
|
"th",
|
|
7695
7453
|
{
|
|
7696
7454
|
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,
|
|
7455
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7698
7456
|
Hyperlink,
|
|
7699
7457
|
{
|
|
7700
7458
|
href: column.enableSorting ? url : void 0,
|
|
7701
7459
|
className: "!text-neutral-contrast ",
|
|
7702
|
-
children: /* @__PURE__ */ (0,
|
|
7703
|
-
/* @__PURE__ */ (0,
|
|
7704
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
7460
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
7461
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-black", children: column.label }),
|
|
7462
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
7705
7463
|
] })
|
|
7706
7464
|
}
|
|
7707
7465
|
)
|
|
@@ -7709,24 +7467,24 @@ var DataList = (props) => {
|
|
|
7709
7467
|
column.name
|
|
7710
7468
|
);
|
|
7711
7469
|
}) }) }),
|
|
7712
|
-
/* @__PURE__ */ (0,
|
|
7470
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
7713
7471
|
let validityClass = "";
|
|
7714
7472
|
console.log("dataitem", dataitem);
|
|
7715
7473
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
7716
7474
|
validityClass = "bg-alert-200";
|
|
7717
7475
|
}
|
|
7718
|
-
return /* @__PURE__ */ (0,
|
|
7476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
7719
7477
|
console.log("column", column);
|
|
7720
|
-
return /* @__PURE__ */ (0,
|
|
7478
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7721
7479
|
"td",
|
|
7722
7480
|
{
|
|
7723
7481
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
7724
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
7482
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7725
7483
|
Hyperlink,
|
|
7726
7484
|
{
|
|
7727
7485
|
className: "",
|
|
7728
7486
|
href: `https://${dataitem[column.name]}`,
|
|
7729
|
-
children: /* @__PURE__ */ (0,
|
|
7487
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7730
7488
|
ViewControl_default,
|
|
7731
7489
|
{
|
|
7732
7490
|
controlType: column.controlType,
|
|
@@ -7739,11 +7497,11 @@ var DataList = (props) => {
|
|
|
7739
7497
|
}
|
|
7740
7498
|
)
|
|
7741
7499
|
}
|
|
7742
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
7500
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7743
7501
|
Hyperlink,
|
|
7744
7502
|
{
|
|
7745
7503
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
7746
|
-
children: /* @__PURE__ */ (0,
|
|
7504
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7747
7505
|
ViewControl_default,
|
|
7748
7506
|
{
|
|
7749
7507
|
controlType: column.controlType,
|
|
@@ -7753,7 +7511,7 @@ var DataList = (props) => {
|
|
|
7753
7511
|
}
|
|
7754
7512
|
)
|
|
7755
7513
|
}
|
|
7756
|
-
) : /* @__PURE__ */ (0,
|
|
7514
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7757
7515
|
ViewControl_default,
|
|
7758
7516
|
{
|
|
7759
7517
|
controlType: column.controlType,
|
|
@@ -7767,10 +7525,10 @@ var DataList = (props) => {
|
|
|
7767
7525
|
}) }, index);
|
|
7768
7526
|
}) })
|
|
7769
7527
|
] }) }),
|
|
7770
|
-
/* @__PURE__ */ (0,
|
|
7771
|
-
/* @__PURE__ */ (0,
|
|
7772
|
-
/* @__PURE__ */ (0,
|
|
7773
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
7528
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
7529
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "text-gray-700", children: label }),
|
|
7530
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
7531
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7774
7532
|
Hyperlink,
|
|
7775
7533
|
{
|
|
7776
7534
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -7778,9 +7536,9 @@ var DataList = (props) => {
|
|
|
7778
7536
|
children: "Prev"
|
|
7779
7537
|
}
|
|
7780
7538
|
),
|
|
7781
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
7539
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime78.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
7540
|
renderPageNumbers(),
|
|
7783
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
7541
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7784
7542
|
Hyperlink,
|
|
7785
7543
|
{
|
|
7786
7544
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -7788,19 +7546,19 @@ var DataList = (props) => {
|
|
|
7788
7546
|
children: "Next"
|
|
7789
7547
|
}
|
|
7790
7548
|
),
|
|
7791
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
7549
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
7792
7550
|
] })
|
|
7793
7551
|
] }) })
|
|
7794
7552
|
] }),
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7553
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
7554
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7797
7555
|
"div",
|
|
7798
7556
|
{
|
|
7799
7557
|
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
7558
|
children: [
|
|
7801
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7802
|
-
/* @__PURE__ */ (0,
|
|
7803
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
7559
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", {}),
|
|
7560
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7561
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7804
7562
|
InputControl_default,
|
|
7805
7563
|
{
|
|
7806
7564
|
name: "Search_input",
|
|
@@ -7812,7 +7570,7 @@ var DataList = (props) => {
|
|
|
7812
7570
|
}
|
|
7813
7571
|
}
|
|
7814
7572
|
),
|
|
7815
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
7573
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7816
7574
|
InputControl_default,
|
|
7817
7575
|
{
|
|
7818
7576
|
name: filter.name,
|
|
@@ -7827,15 +7585,15 @@ var DataList = (props) => {
|
|
|
7827
7585
|
},
|
|
7828
7586
|
filter.name
|
|
7829
7587
|
)),
|
|
7830
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
7588
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
|
|
7831
7589
|
Hyperlink,
|
|
7832
7590
|
{
|
|
7833
7591
|
className: "gap-1",
|
|
7834
7592
|
linkType: "Primary" /* Solid */,
|
|
7835
7593
|
href: props.addLinkHref,
|
|
7836
7594
|
children: [
|
|
7837
|
-
/* @__PURE__ */ (0,
|
|
7838
|
-
/* @__PURE__ */ (0,
|
|
7595
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
7596
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
7839
7597
|
]
|
|
7840
7598
|
}
|
|
7841
7599
|
)
|
|
@@ -7843,8 +7601,8 @@ var DataList = (props) => {
|
|
|
7843
7601
|
]
|
|
7844
7602
|
}
|
|
7845
7603
|
),
|
|
7846
|
-
/* @__PURE__ */ (0,
|
|
7847
|
-
/* @__PURE__ */ (0,
|
|
7604
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
7605
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
7848
7606
|
let url = builder.getNewOrderByUrl(column.name);
|
|
7849
7607
|
let icon = "chevronUpDown";
|
|
7850
7608
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -7854,18 +7612,18 @@ var DataList = (props) => {
|
|
|
7854
7612
|
icon = "chevronUp";
|
|
7855
7613
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
7856
7614
|
}
|
|
7857
|
-
return /* @__PURE__ */ (0,
|
|
7615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7858
7616
|
"th",
|
|
7859
7617
|
{
|
|
7860
7618
|
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,
|
|
7619
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7862
7620
|
Hyperlink,
|
|
7863
7621
|
{
|
|
7864
7622
|
href: column.enableSorting ? url : void 0,
|
|
7865
7623
|
className: "text-body-950",
|
|
7866
|
-
children: /* @__PURE__ */ (0,
|
|
7867
|
-
/* @__PURE__ */ (0,
|
|
7868
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
7624
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
7625
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: column.label }),
|
|
7626
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
7869
7627
|
] })
|
|
7870
7628
|
}
|
|
7871
7629
|
)
|
|
@@ -7873,7 +7631,7 @@ var DataList = (props) => {
|
|
|
7873
7631
|
column.name
|
|
7874
7632
|
);
|
|
7875
7633
|
}) }) }) }) }),
|
|
7876
|
-
/* @__PURE__ */ (0,
|
|
7634
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
7877
7635
|
] })
|
|
7878
7636
|
] })
|
|
7879
7637
|
] });
|
|
@@ -7881,12 +7639,12 @@ var DataList = (props) => {
|
|
|
7881
7639
|
var DataList_default = DataList;
|
|
7882
7640
|
|
|
7883
7641
|
// src/components/dataForm/DataListRenderer.tsx
|
|
7884
|
-
var
|
|
7642
|
+
var import_react58 = __toESM(require("react"));
|
|
7885
7643
|
init_ServiceClient();
|
|
7886
7644
|
init_OdataBuilder();
|
|
7887
7645
|
init_SelectWithSearchInput();
|
|
7888
7646
|
var import_navigation3 = require("next/navigation");
|
|
7889
|
-
var
|
|
7647
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7890
7648
|
var viewControlMap = {
|
|
7891
7649
|
number: ViewControlTypes.number,
|
|
7892
7650
|
lineText: ViewControlTypes.lineText,
|
|
@@ -7941,14 +7699,14 @@ var DataListRenderer = ({
|
|
|
7941
7699
|
widgetProps
|
|
7942
7700
|
}) => {
|
|
7943
7701
|
const serviceClient = new ServiceClient_default(apiBaseUrl, session);
|
|
7944
|
-
const [columns, setColumns] = (0,
|
|
7945
|
-
const [dataset, setDataset] = (0,
|
|
7946
|
-
const [filter, setFilters] = (0,
|
|
7947
|
-
const [addLinkHref, setAddLinkHref] = (0,
|
|
7948
|
-
const [addLinkText, setAddLinkText] = (0,
|
|
7949
|
-
const [serviceRoute, setServiceRoute] = (0,
|
|
7702
|
+
const [columns, setColumns] = (0, import_react58.useState)([]);
|
|
7703
|
+
const [dataset, setDataset] = (0, import_react58.useState)();
|
|
7704
|
+
const [filter, setFilters] = (0, import_react58.useState)([]);
|
|
7705
|
+
const [addLinkHref, setAddLinkHref] = (0, import_react58.useState)("");
|
|
7706
|
+
const [addLinkText, setAddLinkText] = (0, import_react58.useState)("");
|
|
7707
|
+
const [serviceRoute, setServiceRoute] = (0, import_react58.useState)("");
|
|
7950
7708
|
const pathname = (0, import_navigation3.usePathname)();
|
|
7951
|
-
(0,
|
|
7709
|
+
(0, import_react58.useEffect)(() => {
|
|
7952
7710
|
if (!formDefinition) return;
|
|
7953
7711
|
setColumns(mapApiToColumns(formDefinition));
|
|
7954
7712
|
setFilters(mapApiToFilters(formDefinition));
|
|
@@ -7961,7 +7719,7 @@ var DataListRenderer = ({
|
|
|
7961
7719
|
setAddLinkHref(resolvedAddLinkHref);
|
|
7962
7720
|
setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
|
|
7963
7721
|
}, [formDefinition, params]);
|
|
7964
|
-
(0,
|
|
7722
|
+
(0, import_react58.useEffect)(() => {
|
|
7965
7723
|
const fetchData = async () => {
|
|
7966
7724
|
if (!serviceRoute) return;
|
|
7967
7725
|
const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
|
|
@@ -7981,15 +7739,15 @@ var DataListRenderer = ({
|
|
|
7981
7739
|
isActive: landingPageUrl === pathname
|
|
7982
7740
|
};
|
|
7983
7741
|
});
|
|
7984
|
-
return /* @__PURE__ */ (0,
|
|
7985
|
-
resolvedTabs.length > 0 && /* @__PURE__ */ (0,
|
|
7742
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react58.default.Fragment, { children: [
|
|
7743
|
+
resolvedTabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7986
7744
|
NavigationTabsV2_default,
|
|
7987
7745
|
{
|
|
7988
7746
|
tabs: resolvedTabs,
|
|
7989
7747
|
params: widgetProps?.params ?? params
|
|
7990
7748
|
}
|
|
7991
7749
|
),
|
|
7992
|
-
/* @__PURE__ */ (0,
|
|
7750
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7993
7751
|
DataList_default,
|
|
7994
7752
|
{
|
|
7995
7753
|
addLinkHref,
|
|
@@ -8011,13 +7769,13 @@ var DataListRenderer_default = DataListRenderer;
|
|
|
8011
7769
|
init_InputControlType();
|
|
8012
7770
|
|
|
8013
7771
|
// src/components/dataForm/DataForm.tsx
|
|
8014
|
-
var
|
|
7772
|
+
var import_react60 = __toESM(require("react"));
|
|
8015
7773
|
init_Icon();
|
|
8016
7774
|
init_Button();
|
|
8017
7775
|
init_StyleTypes();
|
|
8018
7776
|
|
|
8019
7777
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
8020
|
-
var
|
|
7778
|
+
var import_react59 = __toESM(require("react"));
|
|
8021
7779
|
|
|
8022
7780
|
// src/components/dataForm/StyleTypes.tsx
|
|
8023
7781
|
var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
|
|
@@ -8044,7 +7802,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
8044
7802
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
8045
7803
|
|
|
8046
7804
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
8047
|
-
var
|
|
7805
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
8048
7806
|
var DataFormChildSection = (props) => {
|
|
8049
7807
|
const { section } = props;
|
|
8050
7808
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -8056,7 +7814,7 @@ var DataFormChildSection = (props) => {
|
|
|
8056
7814
|
return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
|
|
8057
7815
|
};
|
|
8058
7816
|
const childItemsToRender = getChildItemsForRendering();
|
|
8059
|
-
const handleChildInputChange = (0,
|
|
7817
|
+
const handleChildInputChange = (0, import_react59.useCallback)(
|
|
8060
7818
|
(updatedValues) => {
|
|
8061
7819
|
if (isOneToOne) {
|
|
8062
7820
|
props.callback({
|
|
@@ -8083,7 +7841,7 @@ var DataFormChildSection = (props) => {
|
|
|
8083
7841
|
},
|
|
8084
7842
|
[props, isOneToOne, childItemsToRender]
|
|
8085
7843
|
);
|
|
8086
|
-
const onAddRow = (0,
|
|
7844
|
+
const onAddRow = (0, import_react59.useCallback)(() => {
|
|
8087
7845
|
props.callback({
|
|
8088
7846
|
sectionName: props.section.name,
|
|
8089
7847
|
actionType: FORM_CHILD_ROW_ADD,
|
|
@@ -8092,7 +7850,7 @@ var DataFormChildSection = (props) => {
|
|
|
8092
7850
|
rowIndex: -1
|
|
8093
7851
|
});
|
|
8094
7852
|
}, [props]);
|
|
8095
|
-
const onDeleteRow = (0,
|
|
7853
|
+
const onDeleteRow = (0, import_react59.useCallback)(
|
|
8096
7854
|
(filteredIndex) => {
|
|
8097
7855
|
const visibleItem = childItemsToRender[filteredIndex];
|
|
8098
7856
|
if (visibleItem) {
|
|
@@ -8112,14 +7870,14 @@ var DataFormChildSection = (props) => {
|
|
|
8112
7870
|
childItemsToRender,
|
|
8113
7871
|
allChildItems: childItems
|
|
8114
7872
|
});
|
|
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,
|
|
7873
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react59.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
7874
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
7875
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
7876
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
7877
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
7878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("tr", { className: "", children: [
|
|
8121
7879
|
sectionRow.elements.map((field, index) => {
|
|
8122
|
-
return /* @__PURE__ */ (0,
|
|
7880
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
8123
7881
|
"th",
|
|
8124
7882
|
{
|
|
8125
7883
|
className: "py-3 font-normal text-left",
|
|
@@ -8128,21 +7886,21 @@ var DataFormChildSection = (props) => {
|
|
|
8128
7886
|
field.name
|
|
8129
7887
|
);
|
|
8130
7888
|
}),
|
|
8131
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7889
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
8132
7890
|
] }, sectionRowIndex);
|
|
8133
7891
|
}) }),
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
7892
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
8135
7893
|
const { item, originalIndex } = visibleItem;
|
|
8136
7894
|
const rowKey = originalIndex;
|
|
8137
|
-
return /* @__PURE__ */ (0,
|
|
7895
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react59.default.Fragment, { children: section.sectionRows.map(
|
|
8138
7896
|
(sectionRow, sectionRowIndex) => {
|
|
8139
|
-
return /* @__PURE__ */ (0,
|
|
7897
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
8140
7898
|
"tr",
|
|
8141
7899
|
{
|
|
8142
7900
|
className: "",
|
|
8143
7901
|
children: [
|
|
8144
7902
|
sectionRow.elements.map((field, index) => {
|
|
8145
|
-
return /* @__PURE__ */ (0,
|
|
7903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
8146
7904
|
InputControl_default,
|
|
8147
7905
|
{
|
|
8148
7906
|
index: filteredIndex,
|
|
@@ -8162,7 +7920,7 @@ var DataFormChildSection = (props) => {
|
|
|
8162
7920
|
}
|
|
8163
7921
|
) }) }) }, field.name);
|
|
8164
7922
|
}),
|
|
8165
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7923
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
8166
7924
|
ClientButton_default,
|
|
8167
7925
|
{
|
|
8168
7926
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -8171,7 +7929,7 @@ var DataFormChildSection = (props) => {
|
|
|
8171
7929
|
},
|
|
8172
7930
|
dataRole: "delete",
|
|
8173
7931
|
tabIndex: -1,
|
|
8174
|
-
children: /* @__PURE__ */ (0,
|
|
7932
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
8175
7933
|
Icon_default,
|
|
8176
7934
|
{
|
|
8177
7935
|
className: "w-4 h-4",
|
|
@@ -8188,7 +7946,7 @@ var DataFormChildSection = (props) => {
|
|
|
8188
7946
|
) }, rowKey);
|
|
8189
7947
|
}) })
|
|
8190
7948
|
] }) }),
|
|
8191
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7949
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
8192
7950
|
ClientButton_default,
|
|
8193
7951
|
{
|
|
8194
7952
|
ButtonType: "Link" /* Link */,
|
|
@@ -8203,9 +7961,9 @@ var DataFormChildSection = (props) => {
|
|
|
8203
7961
|
var DataFormChildSection_default = DataFormChildSection;
|
|
8204
7962
|
|
|
8205
7963
|
// src/components/dataForm/DataForm.tsx
|
|
8206
|
-
var
|
|
7964
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
8207
7965
|
var DataForm = (props) => {
|
|
8208
|
-
const formRef = (0,
|
|
7966
|
+
const formRef = (0, import_react60.useRef)(null);
|
|
8209
7967
|
console.log(props.dataItem, "dssads");
|
|
8210
7968
|
const initialState = {
|
|
8211
7969
|
inputValues: {},
|
|
@@ -8214,9 +7972,9 @@ var DataForm = (props) => {
|
|
|
8214
7972
|
const childInitialState = {
|
|
8215
7973
|
inputValues: []
|
|
8216
7974
|
};
|
|
8217
|
-
const [formState, dispatch] = (0,
|
|
7975
|
+
const [formState, dispatch] = (0, import_react60.useReducer)(FormReducer_default, initialState);
|
|
8218
7976
|
console.log(props.sections, "sections");
|
|
8219
|
-
const clearHiddenChildSections = (0,
|
|
7977
|
+
const clearHiddenChildSections = (0, import_react60.useCallback)(
|
|
8220
7978
|
(changedProperty, newValues) => {
|
|
8221
7979
|
if (!props.sections) return;
|
|
8222
7980
|
const allChildSections = [];
|
|
@@ -8254,7 +8012,7 @@ var DataForm = (props) => {
|
|
|
8254
8012
|
},
|
|
8255
8013
|
[props.sections, formState.inputValues]
|
|
8256
8014
|
);
|
|
8257
|
-
const handleInputChange = (0,
|
|
8015
|
+
const handleInputChange = (0, import_react60.useCallback)(
|
|
8258
8016
|
async (updatedValues) => {
|
|
8259
8017
|
dispatch({
|
|
8260
8018
|
type: FORM_INPUT_UPDATE,
|
|
@@ -8269,7 +8027,7 @@ var DataForm = (props) => {
|
|
|
8269
8027
|
},
|
|
8270
8028
|
[dispatch, formState.inputValues, clearHiddenChildSections]
|
|
8271
8029
|
);
|
|
8272
|
-
const fetchData = (0,
|
|
8030
|
+
const fetchData = (0, import_react60.useCallback)(async () => {
|
|
8273
8031
|
if (!props.rules) return;
|
|
8274
8032
|
if (Object.keys(formState.inputValues).length === 0) {
|
|
8275
8033
|
return;
|
|
@@ -8300,7 +8058,7 @@ var DataForm = (props) => {
|
|
|
8300
8058
|
console.error("Error fetching data:", error);
|
|
8301
8059
|
}
|
|
8302
8060
|
}, [formState.lastPropertyChanged, formState.inputValues]);
|
|
8303
|
-
(0,
|
|
8061
|
+
(0, import_react60.useEffect)(() => {
|
|
8304
8062
|
fetchData();
|
|
8305
8063
|
}, [formState.inputValues, formState.lastPropertyChanged]);
|
|
8306
8064
|
function replacePlaceholders(template, context, params) {
|
|
@@ -8320,7 +8078,7 @@ var DataForm = (props) => {
|
|
|
8320
8078
|
}
|
|
8321
8079
|
);
|
|
8322
8080
|
}
|
|
8323
|
-
const handleChildSectionChangeCallback = (0,
|
|
8081
|
+
const handleChildSectionChangeCallback = (0, import_react60.useCallback)(
|
|
8324
8082
|
(params) => {
|
|
8325
8083
|
dispatch({
|
|
8326
8084
|
type: params.actionType,
|
|
@@ -8365,7 +8123,7 @@ var DataForm = (props) => {
|
|
|
8365
8123
|
});
|
|
8366
8124
|
return cloned;
|
|
8367
8125
|
}
|
|
8368
|
-
const onClick = (0,
|
|
8126
|
+
const onClick = (0, import_react60.useCallback)(async () => {
|
|
8369
8127
|
if (props.onClick) {
|
|
8370
8128
|
const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
|
|
8371
8129
|
const normalizedValues = normalizeChildSections(
|
|
@@ -8381,21 +8139,21 @@ var DataForm = (props) => {
|
|
|
8381
8139
|
return { isSuccessful: true };
|
|
8382
8140
|
}
|
|
8383
8141
|
}, [formState, props]);
|
|
8384
|
-
const handleAdditionalOnClick = (0,
|
|
8142
|
+
const handleAdditionalOnClick = (0, import_react60.useCallback)(async () => {
|
|
8385
8143
|
if (props.additionalActions?.onClick) {
|
|
8386
8144
|
return await props.additionalActions.onClick(formState);
|
|
8387
8145
|
} else {
|
|
8388
8146
|
return { isSuccessful: true, message: "Action completed successfully" };
|
|
8389
8147
|
}
|
|
8390
8148
|
}, [formState, props]);
|
|
8391
|
-
const onDelete = (0,
|
|
8149
|
+
const onDelete = (0, import_react60.useCallback)(async () => {
|
|
8392
8150
|
if (props.onDelete) {
|
|
8393
8151
|
return await props.onDelete(formState);
|
|
8394
8152
|
} else {
|
|
8395
8153
|
return { isSuccessful: true };
|
|
8396
8154
|
}
|
|
8397
8155
|
}, [formState, props]);
|
|
8398
|
-
(0,
|
|
8156
|
+
(0, import_react60.useEffect)(() => {
|
|
8399
8157
|
if (props.dataItem) {
|
|
8400
8158
|
dispatch({
|
|
8401
8159
|
type: FORM_INITIAL_UPDATE,
|
|
@@ -8423,19 +8181,19 @@ var DataForm = (props) => {
|
|
|
8423
8181
|
return false;
|
|
8424
8182
|
}
|
|
8425
8183
|
}
|
|
8426
|
-
return /* @__PURE__ */ (0,
|
|
8427
|
-
props.title && /* @__PURE__ */ (0,
|
|
8184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8185
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsxs)(
|
|
8428
8186
|
"div",
|
|
8429
8187
|
{
|
|
8430
8188
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
8431
8189
|
onClick: () => window.history.back(),
|
|
8432
8190
|
children: [
|
|
8433
|
-
/* @__PURE__ */ (0,
|
|
8434
|
-
/* @__PURE__ */ (0,
|
|
8191
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
8192
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
8435
8193
|
]
|
|
8436
8194
|
}
|
|
8437
8195
|
) }),
|
|
8438
|
-
/* @__PURE__ */ (0,
|
|
8196
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8439
8197
|
"form",
|
|
8440
8198
|
{
|
|
8441
8199
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -8456,8 +8214,8 @@ var DataForm = (props) => {
|
|
|
8456
8214
|
}
|
|
8457
8215
|
}
|
|
8458
8216
|
},
|
|
8459
|
-
children: /* @__PURE__ */ (0,
|
|
8460
|
-
return /* @__PURE__ */ (0,
|
|
8217
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
8218
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
8461
8219
|
section.sectionRows?.map(
|
|
8462
8220
|
(sectionRow, sectionRowIndex) => {
|
|
8463
8221
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -8468,14 +8226,14 @@ var DataForm = (props) => {
|
|
|
8468
8226
|
sectionRow.visible
|
|
8469
8227
|
);
|
|
8470
8228
|
}
|
|
8471
|
-
return /* @__PURE__ */ (0,
|
|
8472
|
-
return /* @__PURE__ */ (0,
|
|
8229
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
8230
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
8473
8231
|
"div",
|
|
8474
8232
|
{
|
|
8475
8233
|
className: sectionRow.grow ? "grow" : "",
|
|
8476
8234
|
children: [
|
|
8477
|
-
/* @__PURE__ */ (0,
|
|
8478
|
-
/* @__PURE__ */ (0,
|
|
8235
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: field.controlType }),
|
|
8236
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8479
8237
|
InputControl_default,
|
|
8480
8238
|
{
|
|
8481
8239
|
name: field.name,
|
|
@@ -8505,12 +8263,12 @@ var DataForm = (props) => {
|
|
|
8505
8263
|
}) }) }, sectionRowIndex);
|
|
8506
8264
|
}
|
|
8507
8265
|
),
|
|
8508
|
-
/* @__PURE__ */ (0,
|
|
8266
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: section.childSections?.map(
|
|
8509
8267
|
(childSection, childSectionIndex) => {
|
|
8510
|
-
return /* @__PURE__ */ (0,
|
|
8268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
8511
8269
|
formState.inputValues,
|
|
8512
8270
|
childSection.visible
|
|
8513
|
-
) && /* @__PURE__ */ (0,
|
|
8271
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8514
8272
|
DataFormChildSection_default,
|
|
8515
8273
|
{
|
|
8516
8274
|
section: childSection,
|
|
@@ -8525,8 +8283,8 @@ var DataForm = (props) => {
|
|
|
8525
8283
|
}) })
|
|
8526
8284
|
}
|
|
8527
8285
|
),
|
|
8528
|
-
/* @__PURE__ */ (0,
|
|
8529
|
-
/* @__PURE__ */ (0,
|
|
8286
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
8287
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8530
8288
|
Button_default,
|
|
8531
8289
|
{
|
|
8532
8290
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8534,7 +8292,7 @@ var DataForm = (props) => {
|
|
|
8534
8292
|
children: props.additionalActions.title
|
|
8535
8293
|
}
|
|
8536
8294
|
) }),
|
|
8537
|
-
/* @__PURE__ */ (0,
|
|
8295
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8538
8296
|
Button_default,
|
|
8539
8297
|
{
|
|
8540
8298
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8545,7 +8303,7 @@ var DataForm = (props) => {
|
|
|
8545
8303
|
children: "Delete"
|
|
8546
8304
|
}
|
|
8547
8305
|
) }),
|
|
8548
|
-
/* @__PURE__ */ (0,
|
|
8306
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
8549
8307
|
Button_default,
|
|
8550
8308
|
{
|
|
8551
8309
|
onValidate,
|
|
@@ -8563,7 +8321,7 @@ var DataForm_default = DataForm;
|
|
|
8563
8321
|
|
|
8564
8322
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
8565
8323
|
init_ServiceClient();
|
|
8566
|
-
var
|
|
8324
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
8567
8325
|
function getAction(actions, code) {
|
|
8568
8326
|
return actions?.find((a) => a.actionCode === code);
|
|
8569
8327
|
}
|
|
@@ -8589,9 +8347,9 @@ var DataFormRenderer = ({
|
|
|
8589
8347
|
"Delete"
|
|
8590
8348
|
);
|
|
8591
8349
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
8592
|
-
return /* @__PURE__ */ (0,
|
|
8593
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
8594
|
-
/* @__PURE__ */ (0,
|
|
8350
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8351
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8352
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8595
8353
|
DataForm_default,
|
|
8596
8354
|
{
|
|
8597
8355
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|