@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260620042502 → 0.8.1-dev.20260623053723
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +312 -175
- package/dist/index.mjs +306 -169
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1266,7 +1266,7 @@ var init_LinkNodeButton = __esm({
|
|
|
1266
1266
|
const fieldNames = extractFieldNames(template);
|
|
1267
1267
|
if (responseData) {
|
|
1268
1268
|
fieldNames.forEach((fieldName) => {
|
|
1269
|
-
const value =
|
|
1269
|
+
const value = getNestedValue6(responseData, fieldName);
|
|
1270
1270
|
if (value !== void 0) {
|
|
1271
1271
|
const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
|
|
1272
1272
|
const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
|
|
@@ -1289,7 +1289,7 @@ var init_LinkNodeButton = __esm({
|
|
|
1289
1289
|
}
|
|
1290
1290
|
return result;
|
|
1291
1291
|
}, [props.routeParameters, dataitem, extractFieldNames]);
|
|
1292
|
-
const
|
|
1292
|
+
const getNestedValue6 = (0, import_react35.useCallback)((obj, path) => {
|
|
1293
1293
|
if (!obj || !path) return void 0;
|
|
1294
1294
|
if (obj[path] !== void 0) {
|
|
1295
1295
|
return obj[path];
|
|
@@ -1339,15 +1339,15 @@ var init_LinkNodeButton = __esm({
|
|
|
1339
1339
|
console.log("Field names in redirect URL:", fieldNames);
|
|
1340
1340
|
const fieldValueMap = {};
|
|
1341
1341
|
fieldNames.forEach((fieldName) => {
|
|
1342
|
-
const value =
|
|
1342
|
+
const value = getNestedValue6(response, fieldName);
|
|
1343
1343
|
if (value !== void 0) {
|
|
1344
1344
|
fieldValueMap[fieldName] = String(value);
|
|
1345
1345
|
} else {
|
|
1346
|
-
const resultValue =
|
|
1346
|
+
const resultValue = getNestedValue6(response, `result.${fieldName}`);
|
|
1347
1347
|
if (resultValue !== void 0) {
|
|
1348
1348
|
fieldValueMap[fieldName] = String(resultValue);
|
|
1349
1349
|
} else {
|
|
1350
|
-
const dataValue =
|
|
1350
|
+
const dataValue = getNestedValue6(response, `data.${fieldName}`);
|
|
1351
1351
|
if (dataValue !== void 0) {
|
|
1352
1352
|
fieldValueMap[fieldName] = String(dataValue);
|
|
1353
1353
|
}
|
|
@@ -1385,7 +1385,7 @@ var init_LinkNodeButton = __esm({
|
|
|
1385
1385
|
setIsLoading(false);
|
|
1386
1386
|
return { isSuccessful: false, message: err.message };
|
|
1387
1387
|
}
|
|
1388
|
-
}, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames,
|
|
1388
|
+
}, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue6, props.apiBaseUrl, props.session]);
|
|
1389
1389
|
const renderButtonContent = () => {
|
|
1390
1390
|
if (children) {
|
|
1391
1391
|
return children;
|
|
@@ -2852,7 +2852,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2852
2852
|
const containerRef = (0, import_react29.useRef)(null);
|
|
2853
2853
|
const [isCreateOpen, setIsCreateOpen] = (0, import_react29.useState)(false);
|
|
2854
2854
|
const [formData, setFormData] = (0, import_react29.useState)({});
|
|
2855
|
-
const
|
|
2855
|
+
const getNestedValue6 = (obj, path) => {
|
|
2856
2856
|
return path.split(".").reduce((acc, key) => acc?.[key], obj);
|
|
2857
2857
|
};
|
|
2858
2858
|
(0, import_react29.useEffect)(() => {
|
|
@@ -2890,7 +2890,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2890
2890
|
props.dataSourceDependsOn
|
|
2891
2891
|
]);
|
|
2892
2892
|
const filteredItems = list?.filter((item) => {
|
|
2893
|
-
const value =
|
|
2893
|
+
const value = getNestedValue6(item, props.dataTextFieldName);
|
|
2894
2894
|
return value?.toLowerCase().includes(searchTerm?.toLowerCase());
|
|
2895
2895
|
});
|
|
2896
2896
|
const playBeep = () => {
|
|
@@ -2921,7 +2921,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
2921
2921
|
}, [searchTerm]);
|
|
2922
2922
|
const handleSelect = (event, item) => {
|
|
2923
2923
|
event.preventDefault();
|
|
2924
|
-
setSearchTerm(
|
|
2924
|
+
setSearchTerm(getNestedValue6(item, props.dataTextFieldName));
|
|
2925
2925
|
if (props.callback) {
|
|
2926
2926
|
const val = {};
|
|
2927
2927
|
props.callback({
|
|
@@ -3076,7 +3076,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
3076
3076
|
role: "option",
|
|
3077
3077
|
tabIndex: -1,
|
|
3078
3078
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
3079
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children:
|
|
3079
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue6(item, props.dataTextFieldName) })
|
|
3080
3080
|
}
|
|
3081
3081
|
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
3082
3082
|
}
|
|
@@ -5591,6 +5591,9 @@ var extractRolesFromToken = (decodedPayload) => {
|
|
|
5591
5591
|
if (decodedPayload.role && typeof decodedPayload.role === "string") {
|
|
5592
5592
|
roles.push(decodedPayload.role);
|
|
5593
5593
|
}
|
|
5594
|
+
if (decodedPayload.rolecode && typeof decodedPayload.rolecode === "string") {
|
|
5595
|
+
roles.push(decodedPayload.rolecode);
|
|
5596
|
+
}
|
|
5594
5597
|
if (decodedPayload.roles && Array.isArray(decodedPayload.roles)) {
|
|
5595
5598
|
roles.push(...decodedPayload.roles);
|
|
5596
5599
|
}
|
|
@@ -6049,8 +6052,141 @@ var DivContainer = async (props) => {
|
|
|
6049
6052
|
};
|
|
6050
6053
|
var DivContainer_default = DivContainer;
|
|
6051
6054
|
|
|
6052
|
-
// src/components/pageRenderingEngine/
|
|
6055
|
+
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
6053
6056
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
6057
|
+
var getNestedValue5 = (obj, path) => {
|
|
6058
|
+
if (!obj || !path) return void 0;
|
|
6059
|
+
return path.split(".").reduce((current, key) => {
|
|
6060
|
+
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
6061
|
+
}, obj);
|
|
6062
|
+
};
|
|
6063
|
+
var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-red-500 w-8 h-8", children: [
|
|
6064
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6065
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6066
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M9 14H11C11.5304 14 12.0391 13.7893 12.4142 13.4142C12.7893 13.0391 13 12.5304 13 12C13 11.4696 12.7893 10.9609 12.4142 10.5858C12.0391 10.2107 11.5304 10 11 10H9V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6067
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M9 14H12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
6068
|
+
] });
|
|
6069
|
+
var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-green-600 w-8 h-8", children: [
|
|
6070
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6071
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6072
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M9 11L15 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6073
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M15 11L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
6074
|
+
] });
|
|
6075
|
+
var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-blue-600 w-8 h-8", children: [
|
|
6076
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6077
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6078
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M8 12L10 17L12 14L14 17L16 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
6079
|
+
] });
|
|
6080
|
+
var ImageIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-yellow-500 w-8 h-8", children: [
|
|
6081
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15ZM21 15L16 10L9 17L6 14L3 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6082
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M16 8C16 8.55228 15.5523 9 15 9C14.4477 9 14 8.55228 14 8C14 7.44772 14.4477 7 15 7C15.5523 7 16 7.44772 16 8Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
6083
|
+
] });
|
|
6084
|
+
var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-gray-500 w-8 h-8", children: [
|
|
6085
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
6086
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
6087
|
+
] });
|
|
6088
|
+
var getFileDetails = (url) => {
|
|
6089
|
+
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
6090
|
+
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
6091
|
+
let Icon2 = StandardIcon;
|
|
6092
|
+
let extLabel = "FILE";
|
|
6093
|
+
if (["pdf"].includes(ext)) {
|
|
6094
|
+
Icon2 = PdfIcon;
|
|
6095
|
+
extLabel = "PDF";
|
|
6096
|
+
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
6097
|
+
Icon2 = ExcelIcon;
|
|
6098
|
+
extLabel = "Excel";
|
|
6099
|
+
} else if (["doc", "docx"].includes(ext)) {
|
|
6100
|
+
Icon2 = WordIcon;
|
|
6101
|
+
extLabel = ext.toUpperCase();
|
|
6102
|
+
} else if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(ext)) {
|
|
6103
|
+
Icon2 = ImageIcon;
|
|
6104
|
+
extLabel = ext.toUpperCase();
|
|
6105
|
+
} else if (ext) {
|
|
6106
|
+
extLabel = ext.toUpperCase();
|
|
6107
|
+
}
|
|
6108
|
+
return { Icon: Icon2, extLabel };
|
|
6109
|
+
};
|
|
6110
|
+
var DocumentNode = (props) => {
|
|
6111
|
+
let documentUrl;
|
|
6112
|
+
let documentTitle;
|
|
6113
|
+
if (props.dataitem && props.node.documentKey) {
|
|
6114
|
+
const docData = getNestedValue5(props.dataitem, props.node.documentKey);
|
|
6115
|
+
if (typeof docData === "string") {
|
|
6116
|
+
const trimmed = docData.trim();
|
|
6117
|
+
if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
|
|
6118
|
+
try {
|
|
6119
|
+
const parsed = JSON.parse(trimmed);
|
|
6120
|
+
const asset = Array.isArray(parsed) ? parsed[0] : parsed;
|
|
6121
|
+
if (asset && asset.assetUrl) {
|
|
6122
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
|
|
6123
|
+
if (asset.title) documentTitle = asset.title;
|
|
6124
|
+
}
|
|
6125
|
+
} catch (e) {
|
|
6126
|
+
}
|
|
6127
|
+
} else {
|
|
6128
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, docData);
|
|
6129
|
+
}
|
|
6130
|
+
} else if (Array.isArray(docData) && docData.length > 0) {
|
|
6131
|
+
const asset = docData[0];
|
|
6132
|
+
if (asset && asset.assetUrl) {
|
|
6133
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
|
|
6134
|
+
if (asset.title) documentTitle = asset.title;
|
|
6135
|
+
}
|
|
6136
|
+
} else if (docData && typeof docData === "object") {
|
|
6137
|
+
const asset = docData;
|
|
6138
|
+
if (asset && asset.assetUrl) {
|
|
6139
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
|
|
6140
|
+
if (asset.title) documentTitle = asset.title;
|
|
6141
|
+
}
|
|
6142
|
+
}
|
|
6143
|
+
}
|
|
6144
|
+
if (!documentUrl) return null;
|
|
6145
|
+
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
6146
|
+
if (!documentTitle) {
|
|
6147
|
+
try {
|
|
6148
|
+
const pathName = new URL(documentUrl).pathname;
|
|
6149
|
+
documentTitle = pathName.split("/").pop() || "Document";
|
|
6150
|
+
} catch {
|
|
6151
|
+
documentTitle = documentUrl.split("/").pop() || "Document";
|
|
6152
|
+
}
|
|
6153
|
+
documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
|
|
6154
|
+
}
|
|
6155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between py-4 border-b border-gray-100 bg-white", children: [
|
|
6156
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
6157
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-gray-50 border border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon2, {}) }),
|
|
6158
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-baseline space-x-2", children: [
|
|
6159
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h4", { className: "text-base font-semibold text-gray-800", children: documentTitle }),
|
|
6160
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "text-sm font-medium text-gray-400", children: [
|
|
6161
|
+
"(",
|
|
6162
|
+
extLabel,
|
|
6163
|
+
")"
|
|
6164
|
+
] })
|
|
6165
|
+
] })
|
|
6166
|
+
] }),
|
|
6167
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
6168
|
+
"a",
|
|
6169
|
+
{
|
|
6170
|
+
href: documentUrl,
|
|
6171
|
+
download: true,
|
|
6172
|
+
target: "_blank",
|
|
6173
|
+
rel: "noreferrer",
|
|
6174
|
+
className: "inline-flex items-center px-4 py-2 text-sm font-medium text-blue-600 bg-white border border-blue-600 rounded hover:bg-blue-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",
|
|
6175
|
+
children: [
|
|
6176
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
6177
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),
|
|
6178
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
|
|
6179
|
+
] }),
|
|
6180
|
+
"Download"
|
|
6181
|
+
]
|
|
6182
|
+
}
|
|
6183
|
+
)
|
|
6184
|
+
] });
|
|
6185
|
+
};
|
|
6186
|
+
var DocumentNode_default = DocumentNode;
|
|
6187
|
+
|
|
6188
|
+
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
6189
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6054
6190
|
var NodeTypes = {
|
|
6055
6191
|
["paragraph"]: ParagraphNode_default,
|
|
6056
6192
|
["heading"]: HeadingNode_default,
|
|
@@ -6064,7 +6200,8 @@ var NodeTypes = {
|
|
|
6064
6200
|
["form-container"]: FormContainerNode_default,
|
|
6065
6201
|
["div-container"]: DivContainer_default,
|
|
6066
6202
|
["svg-icon"]: SVGIconNode_default,
|
|
6067
|
-
["embed"]: EmbedNode_default
|
|
6203
|
+
["embed"]: EmbedNode_default,
|
|
6204
|
+
["document"]: DocumentNode_default
|
|
6068
6205
|
};
|
|
6069
6206
|
var PageBodyRenderer = (props) => {
|
|
6070
6207
|
let pageBodyTree;
|
|
@@ -6086,14 +6223,14 @@ var PageBodyRenderer = (props) => {
|
|
|
6086
6223
|
}
|
|
6087
6224
|
return true;
|
|
6088
6225
|
};
|
|
6089
|
-
return /* @__PURE__ */ (0,
|
|
6226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
6090
6227
|
{
|
|
6091
6228
|
}
|
|
6092
6229
|
const SelectedNode = NodeTypes[node.type];
|
|
6093
6230
|
if (!shouldRenderNode(node)) {
|
|
6094
6231
|
return null;
|
|
6095
6232
|
}
|
|
6096
|
-
return /* @__PURE__ */ (0,
|
|
6233
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6097
6234
|
SelectedNode,
|
|
6098
6235
|
{
|
|
6099
6236
|
node,
|
|
@@ -6109,7 +6246,7 @@ var PageBodyRenderer = (props) => {
|
|
|
6109
6246
|
device: props.device,
|
|
6110
6247
|
widgetRenderer: props.widgetRenderer
|
|
6111
6248
|
}
|
|
6112
|
-
) }) : /* @__PURE__ */ (0,
|
|
6249
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6113
6250
|
SelectedNode,
|
|
6114
6251
|
{
|
|
6115
6252
|
node,
|
|
@@ -6132,7 +6269,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
|
|
|
6132
6269
|
// src/components/Toast.tsx
|
|
6133
6270
|
var import_react52 = require("react");
|
|
6134
6271
|
init_ToastService();
|
|
6135
|
-
var
|
|
6272
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6136
6273
|
var Toast = () => {
|
|
6137
6274
|
const [showToast, setShowToast] = (0, import_react52.useState)(false);
|
|
6138
6275
|
const [message, setMessage] = (0, import_react52.useState)("");
|
|
@@ -6175,8 +6312,8 @@ var Toast = () => {
|
|
|
6175
6312
|
const closeToast = () => {
|
|
6176
6313
|
setShowToast(false);
|
|
6177
6314
|
};
|
|
6178
|
-
return /* @__PURE__ */ (0,
|
|
6179
|
-
/* @__PURE__ */ (0,
|
|
6315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
6316
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6180
6317
|
"span",
|
|
6181
6318
|
{
|
|
6182
6319
|
className: "font-medium text-inherit text-sm",
|
|
@@ -6184,7 +6321,7 @@ var Toast = () => {
|
|
|
6184
6321
|
children: message
|
|
6185
6322
|
}
|
|
6186
6323
|
),
|
|
6187
|
-
/* @__PURE__ */ (0,
|
|
6324
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6188
6325
|
"svg",
|
|
6189
6326
|
{
|
|
6190
6327
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6192,7 +6329,7 @@ var Toast = () => {
|
|
|
6192
6329
|
fill: "none",
|
|
6193
6330
|
viewBox: "0 0 24 24",
|
|
6194
6331
|
stroke: "currentColor",
|
|
6195
|
-
children: /* @__PURE__ */ (0,
|
|
6332
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
6196
6333
|
}
|
|
6197
6334
|
) })
|
|
6198
6335
|
] }) }) });
|
|
@@ -6206,7 +6343,7 @@ init_Button();
|
|
|
6206
6343
|
// src/components/NavigationTabsV2.tsx
|
|
6207
6344
|
var import_link3 = __toESM(require("next/link"));
|
|
6208
6345
|
var import_navigation = require("next/navigation");
|
|
6209
|
-
var
|
|
6346
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6210
6347
|
function resolveRoutePlaceholders(route, params) {
|
|
6211
6348
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
6212
6349
|
const value = params[key];
|
|
@@ -6231,8 +6368,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
6231
6368
|
isActive: tab.isActive
|
|
6232
6369
|
})) || [];
|
|
6233
6370
|
if (mappedTabs.length === 0) return null;
|
|
6234
|
-
return /* @__PURE__ */ (0,
|
|
6235
|
-
return /* @__PURE__ */ (0,
|
|
6371
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
6372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6236
6373
|
"div",
|
|
6237
6374
|
{
|
|
6238
6375
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -6250,46 +6387,46 @@ var import_navigation2 = require("next/navigation");
|
|
|
6250
6387
|
|
|
6251
6388
|
// src/components/dataForm/NoContentView.tsx
|
|
6252
6389
|
var import_react53 = __toESM(require("react"));
|
|
6253
|
-
var
|
|
6390
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
6254
6391
|
var NoContentView = (props) => {
|
|
6255
|
-
return /* @__PURE__ */ (0,
|
|
6392
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react53.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
6256
6393
|
};
|
|
6257
6394
|
var NoContentView_default = NoContentView;
|
|
6258
6395
|
|
|
6259
6396
|
// src/components/dataForm/ContentView.tsx
|
|
6260
6397
|
var import_react54 = __toESM(require("react"));
|
|
6261
|
-
var
|
|
6398
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
6262
6399
|
var ContentView = (props) => {
|
|
6263
|
-
return /* @__PURE__ */ (0,
|
|
6264
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
6265
|
-
/* @__PURE__ */ (0,
|
|
6266
|
-
/* @__PURE__ */ (0,
|
|
6267
|
-
/* @__PURE__ */ (0,
|
|
6268
|
-
/* @__PURE__ */ (0,
|
|
6269
|
-
/* @__PURE__ */ (0,
|
|
6400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_react54.default.Fragment, { children: [
|
|
6401
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
6402
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
6403
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
6404
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ml-2", children: [
|
|
6405
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
6406
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
6270
6407
|
] })
|
|
6271
6408
|
] }),
|
|
6272
|
-
/* @__PURE__ */ (0,
|
|
6273
|
-
/* @__PURE__ */ (0,
|
|
6274
|
-
/* @__PURE__ */ (0,
|
|
6275
|
-
/* @__PURE__ */ (0,
|
|
6276
|
-
/* @__PURE__ */ (0,
|
|
6277
|
-
/* @__PURE__ */ (0,
|
|
6278
|
-
/* @__PURE__ */ (0,
|
|
6409
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
6410
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "animate-pulse", children: [
|
|
6411
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
6412
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
6413
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
6414
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
6415
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
6279
6416
|
] }),
|
|
6280
|
-
/* @__PURE__ */ (0,
|
|
6281
|
-
/* @__PURE__ */ (0,
|
|
6282
|
-
/* @__PURE__ */ (0,
|
|
6283
|
-
/* @__PURE__ */ (0,
|
|
6284
|
-
/* @__PURE__ */ (0,
|
|
6285
|
-
/* @__PURE__ */ (0,
|
|
6417
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "animate-pulse", children: [
|
|
6418
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
6419
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
6420
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
6421
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
6422
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
6286
6423
|
] }),
|
|
6287
|
-
/* @__PURE__ */ (0,
|
|
6288
|
-
/* @__PURE__ */ (0,
|
|
6289
|
-
/* @__PURE__ */ (0,
|
|
6290
|
-
/* @__PURE__ */ (0,
|
|
6291
|
-
/* @__PURE__ */ (0,
|
|
6292
|
-
/* @__PURE__ */ (0,
|
|
6424
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "animate-pulse", children: [
|
|
6425
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
6426
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
6427
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
6428
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
6429
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
6293
6430
|
] })
|
|
6294
6431
|
] })
|
|
6295
6432
|
] }) }),
|
|
@@ -6300,7 +6437,7 @@ var ContentView_default = ContentView;
|
|
|
6300
6437
|
|
|
6301
6438
|
// src/components/dataForm/DataList.tsx
|
|
6302
6439
|
init_StyleTypes();
|
|
6303
|
-
var
|
|
6440
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6304
6441
|
var DataList = (props) => {
|
|
6305
6442
|
const router = (0, import_navigation2.useRouter)();
|
|
6306
6443
|
let builder = new OdataBuilder(props.path);
|
|
@@ -6338,7 +6475,7 @@ var DataList = (props) => {
|
|
|
6338
6475
|
if (path.includes(".")) {
|
|
6339
6476
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
6340
6477
|
} else if (Array.isArray(obj[path])) {
|
|
6341
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
6478
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: item }, index));
|
|
6342
6479
|
} else {
|
|
6343
6480
|
return obj[path];
|
|
6344
6481
|
}
|
|
@@ -6417,30 +6554,30 @@ var DataList = (props) => {
|
|
|
6417
6554
|
const renderPageNumbers = () => {
|
|
6418
6555
|
if (pages <= 10) {
|
|
6419
6556
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
6420
|
-
(page) => /* @__PURE__ */ (0,
|
|
6557
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6421
6558
|
Hyperlink,
|
|
6422
6559
|
{
|
|
6423
6560
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6424
6561
|
href: builder.getNewPageUrl(page),
|
|
6425
6562
|
children: page
|
|
6426
6563
|
}
|
|
6427
|
-
) : /* @__PURE__ */ (0,
|
|
6564
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
6428
6565
|
);
|
|
6429
6566
|
} else {
|
|
6430
6567
|
const showFirstPages = activePageNumber <= 5;
|
|
6431
6568
|
const showLastPages = activePageNumber > pages - 5;
|
|
6432
6569
|
if (showFirstPages) {
|
|
6433
|
-
return /* @__PURE__ */ (0,
|
|
6434
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
6570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6571
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6435
6572
|
Hyperlink,
|
|
6436
6573
|
{
|
|
6437
6574
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6438
6575
|
href: builder.getNewPageUrl(page),
|
|
6439
6576
|
children: page
|
|
6440
6577
|
}
|
|
6441
|
-
) : /* @__PURE__ */ (0,
|
|
6442
|
-
/* @__PURE__ */ (0,
|
|
6443
|
-
/* @__PURE__ */ (0,
|
|
6578
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
6579
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6580
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6444
6581
|
Hyperlink,
|
|
6445
6582
|
{
|
|
6446
6583
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6448,7 +6585,7 @@ var DataList = (props) => {
|
|
|
6448
6585
|
children: pages - 1
|
|
6449
6586
|
}
|
|
6450
6587
|
),
|
|
6451
|
-
/* @__PURE__ */ (0,
|
|
6588
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6452
6589
|
Hyperlink,
|
|
6453
6590
|
{
|
|
6454
6591
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6456,7 +6593,7 @@ var DataList = (props) => {
|
|
|
6456
6593
|
children: pages
|
|
6457
6594
|
}
|
|
6458
6595
|
),
|
|
6459
|
-
/* @__PURE__ */ (0,
|
|
6596
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6460
6597
|
"select",
|
|
6461
6598
|
{
|
|
6462
6599
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6468,18 +6605,18 @@ var DataList = (props) => {
|
|
|
6468
6605
|
}
|
|
6469
6606
|
},
|
|
6470
6607
|
children: [
|
|
6471
|
-
/* @__PURE__ */ (0,
|
|
6608
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
6472
6609
|
Array.from(
|
|
6473
6610
|
{ length: Math.max(0, pages - 10) },
|
|
6474
6611
|
(_, index) => index + 9
|
|
6475
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6612
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { value: page, children: page }, page))
|
|
6476
6613
|
]
|
|
6477
6614
|
}
|
|
6478
6615
|
) })
|
|
6479
6616
|
] });
|
|
6480
6617
|
} else if (showLastPages) {
|
|
6481
|
-
return /* @__PURE__ */ (0,
|
|
6482
|
-
/* @__PURE__ */ (0,
|
|
6618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6619
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6483
6620
|
Hyperlink,
|
|
6484
6621
|
{
|
|
6485
6622
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6487,7 +6624,7 @@ var DataList = (props) => {
|
|
|
6487
6624
|
children: "1"
|
|
6488
6625
|
}
|
|
6489
6626
|
),
|
|
6490
|
-
/* @__PURE__ */ (0,
|
|
6627
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6491
6628
|
Hyperlink,
|
|
6492
6629
|
{
|
|
6493
6630
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6495,21 +6632,21 @@ var DataList = (props) => {
|
|
|
6495
6632
|
children: "2"
|
|
6496
6633
|
}
|
|
6497
6634
|
),
|
|
6498
|
-
/* @__PURE__ */ (0,
|
|
6635
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6499
6636
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
6500
|
-
(page) => /* @__PURE__ */ (0,
|
|
6637
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6501
6638
|
Hyperlink,
|
|
6502
6639
|
{
|
|
6503
6640
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6504
6641
|
href: builder.getNewPageUrl(page),
|
|
6505
6642
|
children: page
|
|
6506
6643
|
}
|
|
6507
|
-
) : /* @__PURE__ */ (0,
|
|
6644
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
6508
6645
|
)
|
|
6509
6646
|
] });
|
|
6510
6647
|
} else {
|
|
6511
|
-
return /* @__PURE__ */ (0,
|
|
6512
|
-
/* @__PURE__ */ (0,
|
|
6648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6649
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6513
6650
|
Hyperlink,
|
|
6514
6651
|
{
|
|
6515
6652
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6517,7 +6654,7 @@ var DataList = (props) => {
|
|
|
6517
6654
|
children: "1"
|
|
6518
6655
|
}
|
|
6519
6656
|
),
|
|
6520
|
-
/* @__PURE__ */ (0,
|
|
6657
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6521
6658
|
Hyperlink,
|
|
6522
6659
|
{
|
|
6523
6660
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6525,20 +6662,20 @@ var DataList = (props) => {
|
|
|
6525
6662
|
children: "2"
|
|
6526
6663
|
}
|
|
6527
6664
|
),
|
|
6528
|
-
/* @__PURE__ */ (0,
|
|
6665
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6529
6666
|
Array.from(
|
|
6530
6667
|
{ length: 5 },
|
|
6531
6668
|
(_, index) => activePageNumber - 2 + index
|
|
6532
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6669
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6533
6670
|
Hyperlink,
|
|
6534
6671
|
{
|
|
6535
6672
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6536
6673
|
href: builder.getNewPageUrl(page),
|
|
6537
6674
|
children: page
|
|
6538
6675
|
}
|
|
6539
|
-
) : /* @__PURE__ */ (0,
|
|
6540
|
-
/* @__PURE__ */ (0,
|
|
6541
|
-
/* @__PURE__ */ (0,
|
|
6676
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
6677
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6678
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6542
6679
|
Hyperlink,
|
|
6543
6680
|
{
|
|
6544
6681
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6546,7 +6683,7 @@ var DataList = (props) => {
|
|
|
6546
6683
|
children: pages - 1
|
|
6547
6684
|
}
|
|
6548
6685
|
),
|
|
6549
|
-
/* @__PURE__ */ (0,
|
|
6686
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6550
6687
|
Hyperlink,
|
|
6551
6688
|
{
|
|
6552
6689
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6554,7 +6691,7 @@ var DataList = (props) => {
|
|
|
6554
6691
|
children: pages
|
|
6555
6692
|
}
|
|
6556
6693
|
),
|
|
6557
|
-
/* @__PURE__ */ (0,
|
|
6694
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6558
6695
|
"select",
|
|
6559
6696
|
{
|
|
6560
6697
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6566,8 +6703,8 @@ var DataList = (props) => {
|
|
|
6566
6703
|
}
|
|
6567
6704
|
},
|
|
6568
6705
|
children: [
|
|
6569
|
-
/* @__PURE__ */ (0,
|
|
6570
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
6706
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { value: "", children: "Jump to" }),
|
|
6707
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { value: page, children: page }, page))
|
|
6571
6708
|
]
|
|
6572
6709
|
}
|
|
6573
6710
|
) })
|
|
@@ -6575,16 +6712,16 @@ var DataList = (props) => {
|
|
|
6575
6712
|
}
|
|
6576
6713
|
}
|
|
6577
6714
|
};
|
|
6578
|
-
return /* @__PURE__ */ (0,
|
|
6579
|
-
/* @__PURE__ */ (0,
|
|
6580
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6715
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react55.default.Fragment, { children: [
|
|
6716
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ContentView_default, { isDataFound, children: [
|
|
6717
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6581
6718
|
"div",
|
|
6582
6719
|
{
|
|
6583
6720
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
6584
6721
|
children: [
|
|
6585
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6586
|
-
/* @__PURE__ */ (0,
|
|
6587
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
6722
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", {}),
|
|
6723
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6724
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6588
6725
|
InputControl_default,
|
|
6589
6726
|
{
|
|
6590
6727
|
name: "Search_input",
|
|
@@ -6596,7 +6733,7 @@ var DataList = (props) => {
|
|
|
6596
6733
|
}
|
|
6597
6734
|
}
|
|
6598
6735
|
),
|
|
6599
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6736
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6600
6737
|
InputControl_default,
|
|
6601
6738
|
{
|
|
6602
6739
|
name: filter.name,
|
|
@@ -6611,15 +6748,15 @@ var DataList = (props) => {
|
|
|
6611
6748
|
},
|
|
6612
6749
|
filter.name
|
|
6613
6750
|
)),
|
|
6614
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6751
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6615
6752
|
Hyperlink,
|
|
6616
6753
|
{
|
|
6617
6754
|
className: "gap-1",
|
|
6618
6755
|
linkType: "Primary" /* Solid */,
|
|
6619
6756
|
href: props.addLinkHref,
|
|
6620
6757
|
children: [
|
|
6621
|
-
/* @__PURE__ */ (0,
|
|
6622
|
-
/* @__PURE__ */ (0,
|
|
6758
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6759
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6623
6760
|
]
|
|
6624
6761
|
}
|
|
6625
6762
|
)
|
|
@@ -6627,8 +6764,8 @@ var DataList = (props) => {
|
|
|
6627
6764
|
]
|
|
6628
6765
|
}
|
|
6629
6766
|
),
|
|
6630
|
-
/* @__PURE__ */ (0,
|
|
6631
|
-
/* @__PURE__ */ (0,
|
|
6767
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
6768
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
6632
6769
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6633
6770
|
let icon = "chevronUpDown";
|
|
6634
6771
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6638,18 +6775,18 @@ var DataList = (props) => {
|
|
|
6638
6775
|
icon = "chevronUp";
|
|
6639
6776
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6640
6777
|
}
|
|
6641
|
-
return /* @__PURE__ */ (0,
|
|
6778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6642
6779
|
"th",
|
|
6643
6780
|
{
|
|
6644
6781
|
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" : ""),
|
|
6645
|
-
children: /* @__PURE__ */ (0,
|
|
6782
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6646
6783
|
Hyperlink,
|
|
6647
6784
|
{
|
|
6648
6785
|
href: column.enableSorting ? url : void 0,
|
|
6649
6786
|
className: "!text-neutral-contrast ",
|
|
6650
|
-
children: /* @__PURE__ */ (0,
|
|
6651
|
-
/* @__PURE__ */ (0,
|
|
6652
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6787
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6788
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-black", children: column.label }),
|
|
6789
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6653
6790
|
] })
|
|
6654
6791
|
}
|
|
6655
6792
|
)
|
|
@@ -6657,24 +6794,24 @@ var DataList = (props) => {
|
|
|
6657
6794
|
column.name
|
|
6658
6795
|
);
|
|
6659
6796
|
}) }) }),
|
|
6660
|
-
/* @__PURE__ */ (0,
|
|
6797
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
6661
6798
|
let validityClass = "";
|
|
6662
6799
|
console.log("dataitem", dataitem);
|
|
6663
6800
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
6664
6801
|
validityClass = "bg-alert-200";
|
|
6665
6802
|
}
|
|
6666
|
-
return /* @__PURE__ */ (0,
|
|
6803
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
6667
6804
|
console.log("column", column);
|
|
6668
|
-
return /* @__PURE__ */ (0,
|
|
6805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6669
6806
|
"td",
|
|
6670
6807
|
{
|
|
6671
6808
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
6672
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
6809
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6673
6810
|
Hyperlink,
|
|
6674
6811
|
{
|
|
6675
6812
|
className: "",
|
|
6676
6813
|
href: `https://${dataitem[column.name]}`,
|
|
6677
|
-
children: /* @__PURE__ */ (0,
|
|
6814
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6678
6815
|
ViewControl_default,
|
|
6679
6816
|
{
|
|
6680
6817
|
controlType: column.controlType,
|
|
@@ -6687,11 +6824,11 @@ var DataList = (props) => {
|
|
|
6687
6824
|
}
|
|
6688
6825
|
)
|
|
6689
6826
|
}
|
|
6690
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
6827
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6691
6828
|
Hyperlink,
|
|
6692
6829
|
{
|
|
6693
6830
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
6694
|
-
children: /* @__PURE__ */ (0,
|
|
6831
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6695
6832
|
ViewControl_default,
|
|
6696
6833
|
{
|
|
6697
6834
|
controlType: column.controlType,
|
|
@@ -6701,7 +6838,7 @@ var DataList = (props) => {
|
|
|
6701
6838
|
}
|
|
6702
6839
|
)
|
|
6703
6840
|
}
|
|
6704
|
-
) : /* @__PURE__ */ (0,
|
|
6841
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6705
6842
|
ViewControl_default,
|
|
6706
6843
|
{
|
|
6707
6844
|
controlType: column.controlType,
|
|
@@ -6715,10 +6852,10 @@ var DataList = (props) => {
|
|
|
6715
6852
|
}) }, index);
|
|
6716
6853
|
}) })
|
|
6717
6854
|
] }) }),
|
|
6718
|
-
/* @__PURE__ */ (0,
|
|
6719
|
-
/* @__PURE__ */ (0,
|
|
6720
|
-
/* @__PURE__ */ (0,
|
|
6721
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
6855
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
6856
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "text-gray-700", children: label }),
|
|
6857
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
6858
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6722
6859
|
Hyperlink,
|
|
6723
6860
|
{
|
|
6724
6861
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6726,9 +6863,9 @@ var DataList = (props) => {
|
|
|
6726
6863
|
children: "Prev"
|
|
6727
6864
|
}
|
|
6728
6865
|
),
|
|
6729
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
6866
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime77.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" }),
|
|
6730
6867
|
renderPageNumbers(),
|
|
6731
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
6868
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6732
6869
|
Hyperlink,
|
|
6733
6870
|
{
|
|
6734
6871
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6736,19 +6873,19 @@ var DataList = (props) => {
|
|
|
6736
6873
|
children: "Next"
|
|
6737
6874
|
}
|
|
6738
6875
|
),
|
|
6739
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
6876
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
6740
6877
|
] })
|
|
6741
6878
|
] }) })
|
|
6742
6879
|
] }),
|
|
6743
|
-
/* @__PURE__ */ (0,
|
|
6744
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6880
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
6881
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6745
6882
|
"div",
|
|
6746
6883
|
{
|
|
6747
6884
|
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`,
|
|
6748
6885
|
children: [
|
|
6749
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6750
|
-
/* @__PURE__ */ (0,
|
|
6751
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
6886
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", {}),
|
|
6887
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6888
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6752
6889
|
InputControl_default,
|
|
6753
6890
|
{
|
|
6754
6891
|
name: "Search_input",
|
|
@@ -6760,7 +6897,7 @@ var DataList = (props) => {
|
|
|
6760
6897
|
}
|
|
6761
6898
|
}
|
|
6762
6899
|
),
|
|
6763
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6900
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6764
6901
|
InputControl_default,
|
|
6765
6902
|
{
|
|
6766
6903
|
name: filter.name,
|
|
@@ -6775,15 +6912,15 @@ var DataList = (props) => {
|
|
|
6775
6912
|
},
|
|
6776
6913
|
filter.name
|
|
6777
6914
|
)),
|
|
6778
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6915
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6779
6916
|
Hyperlink,
|
|
6780
6917
|
{
|
|
6781
6918
|
className: "gap-1",
|
|
6782
6919
|
linkType: "Primary" /* Solid */,
|
|
6783
6920
|
href: props.addLinkHref,
|
|
6784
6921
|
children: [
|
|
6785
|
-
/* @__PURE__ */ (0,
|
|
6786
|
-
/* @__PURE__ */ (0,
|
|
6922
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6923
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6787
6924
|
]
|
|
6788
6925
|
}
|
|
6789
6926
|
)
|
|
@@ -6791,8 +6928,8 @@ var DataList = (props) => {
|
|
|
6791
6928
|
]
|
|
6792
6929
|
}
|
|
6793
6930
|
),
|
|
6794
|
-
/* @__PURE__ */ (0,
|
|
6795
|
-
/* @__PURE__ */ (0,
|
|
6931
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
6932
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
6796
6933
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6797
6934
|
let icon = "chevronUpDown";
|
|
6798
6935
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6802,18 +6939,18 @@ var DataList = (props) => {
|
|
|
6802
6939
|
icon = "chevronUp";
|
|
6803
6940
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6804
6941
|
}
|
|
6805
|
-
return /* @__PURE__ */ (0,
|
|
6942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6806
6943
|
"th",
|
|
6807
6944
|
{
|
|
6808
6945
|
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" : ""),
|
|
6809
|
-
children: /* @__PURE__ */ (0,
|
|
6946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6810
6947
|
Hyperlink,
|
|
6811
6948
|
{
|
|
6812
6949
|
href: column.enableSorting ? url : void 0,
|
|
6813
6950
|
className: "text-body-950",
|
|
6814
|
-
children: /* @__PURE__ */ (0,
|
|
6815
|
-
/* @__PURE__ */ (0,
|
|
6816
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6951
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6952
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: column.label }),
|
|
6953
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6817
6954
|
] })
|
|
6818
6955
|
}
|
|
6819
6956
|
)
|
|
@@ -6821,7 +6958,7 @@ var DataList = (props) => {
|
|
|
6821
6958
|
column.name
|
|
6822
6959
|
);
|
|
6823
6960
|
}) }) }) }) }),
|
|
6824
|
-
/* @__PURE__ */ (0,
|
|
6961
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
6825
6962
|
] })
|
|
6826
6963
|
] })
|
|
6827
6964
|
] });
|
|
@@ -6832,7 +6969,7 @@ var DataList_default = DataList;
|
|
|
6832
6969
|
var import_react56 = __toESM(require("react"));
|
|
6833
6970
|
init_ServiceClient();
|
|
6834
6971
|
var import_navigation3 = require("next/navigation");
|
|
6835
|
-
var
|
|
6972
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
6836
6973
|
var viewControlMap = {
|
|
6837
6974
|
number: ViewControlTypes.number,
|
|
6838
6975
|
lineText: ViewControlTypes.lineText,
|
|
@@ -6922,9 +7059,9 @@ var DataListRenderer = ({
|
|
|
6922
7059
|
const [tabItem, setTabItem] = (0, import_react56.useState)();
|
|
6923
7060
|
const activeTab = tabItem?.find((tab) => tab.isActive);
|
|
6924
7061
|
const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
|
|
6925
|
-
return /* @__PURE__ */ (0,
|
|
6926
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
6927
|
-
/* @__PURE__ */ (0,
|
|
7062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react56.default.Fragment, { children: [
|
|
7063
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
7064
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6928
7065
|
DataList_default,
|
|
6929
7066
|
{
|
|
6930
7067
|
addLinkHref,
|
|
@@ -6974,7 +7111,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
6974
7111
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
6975
7112
|
|
|
6976
7113
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
6977
|
-
var
|
|
7114
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6978
7115
|
var DataFormChildSection = (props) => {
|
|
6979
7116
|
const { section } = props;
|
|
6980
7117
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -7042,14 +7179,14 @@ var DataFormChildSection = (props) => {
|
|
|
7042
7179
|
childItemsToRender,
|
|
7043
7180
|
allChildItems: childItems
|
|
7044
7181
|
});
|
|
7045
|
-
return /* @__PURE__ */ (0,
|
|
7046
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
7047
|
-
/* @__PURE__ */ (0,
|
|
7048
|
-
/* @__PURE__ */ (0,
|
|
7049
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
7050
|
-
return /* @__PURE__ */ (0,
|
|
7182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
7183
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
7184
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
7185
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
7186
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
7187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("tr", { className: "", children: [
|
|
7051
7188
|
sectionRow.elements.map((field, index) => {
|
|
7052
|
-
return /* @__PURE__ */ (0,
|
|
7189
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7053
7190
|
"th",
|
|
7054
7191
|
{
|
|
7055
7192
|
className: "py-3 font-normal text-left",
|
|
@@ -7058,21 +7195,21 @@ var DataFormChildSection = (props) => {
|
|
|
7058
7195
|
field.name
|
|
7059
7196
|
);
|
|
7060
7197
|
}),
|
|
7061
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7198
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
7062
7199
|
] }, sectionRowIndex);
|
|
7063
7200
|
}) }),
|
|
7064
|
-
/* @__PURE__ */ (0,
|
|
7201
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
7065
7202
|
const { item, originalIndex } = visibleItem;
|
|
7066
7203
|
const rowKey = originalIndex;
|
|
7067
|
-
return /* @__PURE__ */ (0,
|
|
7204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: section.sectionRows.map(
|
|
7068
7205
|
(sectionRow, sectionRowIndex) => {
|
|
7069
|
-
return /* @__PURE__ */ (0,
|
|
7206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7070
7207
|
"tr",
|
|
7071
7208
|
{
|
|
7072
7209
|
className: "",
|
|
7073
7210
|
children: [
|
|
7074
7211
|
sectionRow.elements.map((field, index) => {
|
|
7075
|
-
return /* @__PURE__ */ (0,
|
|
7212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7076
7213
|
InputControl_default,
|
|
7077
7214
|
{
|
|
7078
7215
|
index: filteredIndex,
|
|
@@ -7092,7 +7229,7 @@ var DataFormChildSection = (props) => {
|
|
|
7092
7229
|
}
|
|
7093
7230
|
) }) }) }, field.name);
|
|
7094
7231
|
}),
|
|
7095
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7232
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7096
7233
|
ClientButton_default,
|
|
7097
7234
|
{
|
|
7098
7235
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -7101,7 +7238,7 @@ var DataFormChildSection = (props) => {
|
|
|
7101
7238
|
},
|
|
7102
7239
|
dataRole: "delete",
|
|
7103
7240
|
tabIndex: -1,
|
|
7104
|
-
children: /* @__PURE__ */ (0,
|
|
7241
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7105
7242
|
Icon_default,
|
|
7106
7243
|
{
|
|
7107
7244
|
className: "w-4 h-4",
|
|
@@ -7118,7 +7255,7 @@ var DataFormChildSection = (props) => {
|
|
|
7118
7255
|
) }, rowKey);
|
|
7119
7256
|
}) })
|
|
7120
7257
|
] }) }),
|
|
7121
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7258
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7122
7259
|
ClientButton_default,
|
|
7123
7260
|
{
|
|
7124
7261
|
ButtonType: "Link" /* Link */,
|
|
@@ -7133,7 +7270,7 @@ var DataFormChildSection = (props) => {
|
|
|
7133
7270
|
var DataFormChildSection_default = DataFormChildSection;
|
|
7134
7271
|
|
|
7135
7272
|
// src/components/dataForm/DataForm.tsx
|
|
7136
|
-
var
|
|
7273
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7137
7274
|
var DataForm = (props) => {
|
|
7138
7275
|
const formRef = (0, import_react58.useRef)(null);
|
|
7139
7276
|
console.log(props.dataItem, "dssads");
|
|
@@ -7353,19 +7490,19 @@ var DataForm = (props) => {
|
|
|
7353
7490
|
return false;
|
|
7354
7491
|
}
|
|
7355
7492
|
}
|
|
7356
|
-
return /* @__PURE__ */ (0,
|
|
7357
|
-
props.title && /* @__PURE__ */ (0,
|
|
7493
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
7494
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsxs)(
|
|
7358
7495
|
"div",
|
|
7359
7496
|
{
|
|
7360
7497
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
7361
7498
|
onClick: () => window.history.back(),
|
|
7362
7499
|
children: [
|
|
7363
|
-
/* @__PURE__ */ (0,
|
|
7364
|
-
/* @__PURE__ */ (0,
|
|
7500
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
7501
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
7365
7502
|
]
|
|
7366
7503
|
}
|
|
7367
7504
|
) }),
|
|
7368
|
-
/* @__PURE__ */ (0,
|
|
7505
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7369
7506
|
"form",
|
|
7370
7507
|
{
|
|
7371
7508
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -7386,8 +7523,8 @@ var DataForm = (props) => {
|
|
|
7386
7523
|
}
|
|
7387
7524
|
}
|
|
7388
7525
|
},
|
|
7389
|
-
children: /* @__PURE__ */ (0,
|
|
7390
|
-
return /* @__PURE__ */ (0,
|
|
7526
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
7527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react58.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
7391
7528
|
section.sectionRows?.map(
|
|
7392
7529
|
(sectionRow, sectionRowIndex) => {
|
|
7393
7530
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -7398,14 +7535,14 @@ var DataForm = (props) => {
|
|
|
7398
7535
|
sectionRow.visible
|
|
7399
7536
|
);
|
|
7400
7537
|
}
|
|
7401
|
-
return /* @__PURE__ */ (0,
|
|
7402
|
-
return /* @__PURE__ */ (0,
|
|
7538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react58.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
7539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7403
7540
|
"div",
|
|
7404
7541
|
{
|
|
7405
7542
|
className: sectionRow.grow ? "grow" : "",
|
|
7406
7543
|
children: [
|
|
7407
|
-
/* @__PURE__ */ (0,
|
|
7408
|
-
/* @__PURE__ */ (0,
|
|
7544
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: field.controlType }),
|
|
7545
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7409
7546
|
InputControl_default,
|
|
7410
7547
|
{
|
|
7411
7548
|
name: field.name,
|
|
@@ -7435,12 +7572,12 @@ var DataForm = (props) => {
|
|
|
7435
7572
|
}) }) }, sectionRowIndex);
|
|
7436
7573
|
}
|
|
7437
7574
|
),
|
|
7438
|
-
/* @__PURE__ */ (0,
|
|
7575
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: section.childSections?.map(
|
|
7439
7576
|
(childSection, childSectionIndex) => {
|
|
7440
|
-
return /* @__PURE__ */ (0,
|
|
7577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
7441
7578
|
formState.inputValues,
|
|
7442
7579
|
childSection.visible
|
|
7443
|
-
) && /* @__PURE__ */ (0,
|
|
7580
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7444
7581
|
DataFormChildSection_default,
|
|
7445
7582
|
{
|
|
7446
7583
|
section: childSection,
|
|
@@ -7455,8 +7592,8 @@ var DataForm = (props) => {
|
|
|
7455
7592
|
}) })
|
|
7456
7593
|
}
|
|
7457
7594
|
),
|
|
7458
|
-
/* @__PURE__ */ (0,
|
|
7459
|
-
/* @__PURE__ */ (0,
|
|
7595
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
7596
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7460
7597
|
Button_default,
|
|
7461
7598
|
{
|
|
7462
7599
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -7464,7 +7601,7 @@ var DataForm = (props) => {
|
|
|
7464
7601
|
children: props.additionalActions.title
|
|
7465
7602
|
}
|
|
7466
7603
|
) }),
|
|
7467
|
-
/* @__PURE__ */ (0,
|
|
7604
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7468
7605
|
Button_default,
|
|
7469
7606
|
{
|
|
7470
7607
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -7475,7 +7612,7 @@ var DataForm = (props) => {
|
|
|
7475
7612
|
children: "Delete"
|
|
7476
7613
|
}
|
|
7477
7614
|
) }),
|
|
7478
|
-
/* @__PURE__ */ (0,
|
|
7615
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7479
7616
|
Button_default,
|
|
7480
7617
|
{
|
|
7481
7618
|
onValidate,
|
|
@@ -7493,7 +7630,7 @@ var DataForm_default = DataForm;
|
|
|
7493
7630
|
|
|
7494
7631
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
7495
7632
|
init_ServiceClient();
|
|
7496
|
-
var
|
|
7633
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7497
7634
|
function getAction(actions, code) {
|
|
7498
7635
|
return actions?.find((a) => a.actionCode === code);
|
|
7499
7636
|
}
|
|
@@ -7519,9 +7656,9 @@ var DataFormRenderer = ({
|
|
|
7519
7656
|
"Delete"
|
|
7520
7657
|
);
|
|
7521
7658
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
7522
|
-
return /* @__PURE__ */ (0,
|
|
7523
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
7524
|
-
/* @__PURE__ */ (0,
|
|
7659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
7660
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
7661
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7525
7662
|
DataForm_default,
|
|
7526
7663
|
{
|
|
7527
7664
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|