@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260620051742 → 0.8.1-dev.20260623060812
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 +308 -175
- package/dist/index.mjs +302 -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
|
}
|
|
@@ -6052,8 +6052,140 @@ var DivContainer = async (props) => {
|
|
|
6052
6052
|
};
|
|
6053
6053
|
var DivContainer_default = DivContainer;
|
|
6054
6054
|
|
|
6055
|
-
// src/components/pageRenderingEngine/
|
|
6055
|
+
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
6056
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
|
+
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
6145
|
+
if (!documentTitle) {
|
|
6146
|
+
try {
|
|
6147
|
+
const pathName = new URL(documentUrl).pathname;
|
|
6148
|
+
documentTitle = pathName.split("/").pop() || "Document";
|
|
6149
|
+
} catch {
|
|
6150
|
+
documentTitle = documentUrl.split("/").pop() || "Document";
|
|
6151
|
+
}
|
|
6152
|
+
documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
|
|
6153
|
+
}
|
|
6154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between py-4 border-b border-gray-100 bg-white", children: [
|
|
6155
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
6156
|
+
/* @__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, {}) }),
|
|
6157
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-baseline space-x-2", children: [
|
|
6158
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h4", { className: "text-base font-semibold text-gray-800", children: documentTitle }),
|
|
6159
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "text-sm font-medium text-gray-400", children: [
|
|
6160
|
+
"(",
|
|
6161
|
+
extLabel,
|
|
6162
|
+
")"
|
|
6163
|
+
] })
|
|
6164
|
+
] })
|
|
6165
|
+
] }),
|
|
6166
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
|
|
6167
|
+
"a",
|
|
6168
|
+
{
|
|
6169
|
+
href: documentUrl,
|
|
6170
|
+
download: true,
|
|
6171
|
+
target: "_blank",
|
|
6172
|
+
rel: "noreferrer",
|
|
6173
|
+
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",
|
|
6174
|
+
children: [
|
|
6175
|
+
/* @__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: [
|
|
6176
|
+
/* @__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" }),
|
|
6177
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
|
|
6178
|
+
] }),
|
|
6179
|
+
"Download"
|
|
6180
|
+
]
|
|
6181
|
+
}
|
|
6182
|
+
)
|
|
6183
|
+
] });
|
|
6184
|
+
};
|
|
6185
|
+
var DocumentNode_default = DocumentNode;
|
|
6186
|
+
|
|
6187
|
+
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
6188
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6057
6189
|
var NodeTypes = {
|
|
6058
6190
|
["paragraph"]: ParagraphNode_default,
|
|
6059
6191
|
["heading"]: HeadingNode_default,
|
|
@@ -6067,7 +6199,8 @@ var NodeTypes = {
|
|
|
6067
6199
|
["form-container"]: FormContainerNode_default,
|
|
6068
6200
|
["div-container"]: DivContainer_default,
|
|
6069
6201
|
["svg-icon"]: SVGIconNode_default,
|
|
6070
|
-
["embed"]: EmbedNode_default
|
|
6202
|
+
["embed"]: EmbedNode_default,
|
|
6203
|
+
["document"]: DocumentNode_default
|
|
6071
6204
|
};
|
|
6072
6205
|
var PageBodyRenderer = (props) => {
|
|
6073
6206
|
let pageBodyTree;
|
|
@@ -6089,14 +6222,14 @@ var PageBodyRenderer = (props) => {
|
|
|
6089
6222
|
}
|
|
6090
6223
|
return true;
|
|
6091
6224
|
};
|
|
6092
|
-
return /* @__PURE__ */ (0,
|
|
6225
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
6093
6226
|
{
|
|
6094
6227
|
}
|
|
6095
6228
|
const SelectedNode = NodeTypes[node.type];
|
|
6096
6229
|
if (!shouldRenderNode(node)) {
|
|
6097
6230
|
return null;
|
|
6098
6231
|
}
|
|
6099
|
-
return /* @__PURE__ */ (0,
|
|
6232
|
+
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)(
|
|
6100
6233
|
SelectedNode,
|
|
6101
6234
|
{
|
|
6102
6235
|
node,
|
|
@@ -6112,7 +6245,7 @@ var PageBodyRenderer = (props) => {
|
|
|
6112
6245
|
device: props.device,
|
|
6113
6246
|
widgetRenderer: props.widgetRenderer
|
|
6114
6247
|
}
|
|
6115
|
-
) }) : /* @__PURE__ */ (0,
|
|
6248
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6116
6249
|
SelectedNode,
|
|
6117
6250
|
{
|
|
6118
6251
|
node,
|
|
@@ -6135,7 +6268,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
|
|
|
6135
6268
|
// src/components/Toast.tsx
|
|
6136
6269
|
var import_react52 = require("react");
|
|
6137
6270
|
init_ToastService();
|
|
6138
|
-
var
|
|
6271
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6139
6272
|
var Toast = () => {
|
|
6140
6273
|
const [showToast, setShowToast] = (0, import_react52.useState)(false);
|
|
6141
6274
|
const [message, setMessage] = (0, import_react52.useState)("");
|
|
@@ -6178,8 +6311,8 @@ var Toast = () => {
|
|
|
6178
6311
|
const closeToast = () => {
|
|
6179
6312
|
setShowToast(false);
|
|
6180
6313
|
};
|
|
6181
|
-
return /* @__PURE__ */ (0,
|
|
6182
|
-
/* @__PURE__ */ (0,
|
|
6314
|
+
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: [
|
|
6315
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6183
6316
|
"span",
|
|
6184
6317
|
{
|
|
6185
6318
|
className: "font-medium text-inherit text-sm",
|
|
@@ -6187,7 +6320,7 @@ var Toast = () => {
|
|
|
6187
6320
|
children: message
|
|
6188
6321
|
}
|
|
6189
6322
|
),
|
|
6190
|
-
/* @__PURE__ */ (0,
|
|
6323
|
+
/* @__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)(
|
|
6191
6324
|
"svg",
|
|
6192
6325
|
{
|
|
6193
6326
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6195,7 +6328,7 @@ var Toast = () => {
|
|
|
6195
6328
|
fill: "none",
|
|
6196
6329
|
viewBox: "0 0 24 24",
|
|
6197
6330
|
stroke: "currentColor",
|
|
6198
|
-
children: /* @__PURE__ */ (0,
|
|
6331
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
6199
6332
|
}
|
|
6200
6333
|
) })
|
|
6201
6334
|
] }) }) });
|
|
@@ -6209,7 +6342,7 @@ init_Button();
|
|
|
6209
6342
|
// src/components/NavigationTabsV2.tsx
|
|
6210
6343
|
var import_link3 = __toESM(require("next/link"));
|
|
6211
6344
|
var import_navigation = require("next/navigation");
|
|
6212
|
-
var
|
|
6345
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6213
6346
|
function resolveRoutePlaceholders(route, params) {
|
|
6214
6347
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
6215
6348
|
const value = params[key];
|
|
@@ -6234,8 +6367,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
6234
6367
|
isActive: tab.isActive
|
|
6235
6368
|
})) || [];
|
|
6236
6369
|
if (mappedTabs.length === 0) return null;
|
|
6237
|
-
return /* @__PURE__ */ (0,
|
|
6238
|
-
return /* @__PURE__ */ (0,
|
|
6370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
6371
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6239
6372
|
"div",
|
|
6240
6373
|
{
|
|
6241
6374
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -6253,46 +6386,46 @@ var import_navigation2 = require("next/navigation");
|
|
|
6253
6386
|
|
|
6254
6387
|
// src/components/dataForm/NoContentView.tsx
|
|
6255
6388
|
var import_react53 = __toESM(require("react"));
|
|
6256
|
-
var
|
|
6389
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
6257
6390
|
var NoContentView = (props) => {
|
|
6258
|
-
return /* @__PURE__ */ (0,
|
|
6391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react53.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
6259
6392
|
};
|
|
6260
6393
|
var NoContentView_default = NoContentView;
|
|
6261
6394
|
|
|
6262
6395
|
// src/components/dataForm/ContentView.tsx
|
|
6263
6396
|
var import_react54 = __toESM(require("react"));
|
|
6264
|
-
var
|
|
6397
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
6265
6398
|
var ContentView = (props) => {
|
|
6266
|
-
return /* @__PURE__ */ (0,
|
|
6267
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
6268
|
-
/* @__PURE__ */ (0,
|
|
6269
|
-
/* @__PURE__ */ (0,
|
|
6270
|
-
/* @__PURE__ */ (0,
|
|
6271
|
-
/* @__PURE__ */ (0,
|
|
6272
|
-
/* @__PURE__ */ (0,
|
|
6399
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_react54.default.Fragment, { children: [
|
|
6400
|
+
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: [
|
|
6401
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
6402
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
6403
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "ml-2", children: [
|
|
6404
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
6405
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
6273
6406
|
] })
|
|
6274
6407
|
] }),
|
|
6275
|
-
/* @__PURE__ */ (0,
|
|
6276
|
-
/* @__PURE__ */ (0,
|
|
6277
|
-
/* @__PURE__ */ (0,
|
|
6278
|
-
/* @__PURE__ */ (0,
|
|
6279
|
-
/* @__PURE__ */ (0,
|
|
6280
|
-
/* @__PURE__ */ (0,
|
|
6281
|
-
/* @__PURE__ */ (0,
|
|
6408
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
6409
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "animate-pulse", children: [
|
|
6410
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
6411
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
6412
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
6413
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
6414
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
6282
6415
|
] }),
|
|
6283
|
-
/* @__PURE__ */ (0,
|
|
6284
|
-
/* @__PURE__ */ (0,
|
|
6285
|
-
/* @__PURE__ */ (0,
|
|
6286
|
-
/* @__PURE__ */ (0,
|
|
6287
|
-
/* @__PURE__ */ (0,
|
|
6288
|
-
/* @__PURE__ */ (0,
|
|
6416
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "animate-pulse", children: [
|
|
6417
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
6418
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
6419
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
6420
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
6421
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
6289
6422
|
] }),
|
|
6290
|
-
/* @__PURE__ */ (0,
|
|
6291
|
-
/* @__PURE__ */ (0,
|
|
6292
|
-
/* @__PURE__ */ (0,
|
|
6293
|
-
/* @__PURE__ */ (0,
|
|
6294
|
-
/* @__PURE__ */ (0,
|
|
6295
|
-
/* @__PURE__ */ (0,
|
|
6423
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "animate-pulse", children: [
|
|
6424
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
6425
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
6426
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
6427
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
6428
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
6296
6429
|
] })
|
|
6297
6430
|
] })
|
|
6298
6431
|
] }) }),
|
|
@@ -6303,7 +6436,7 @@ var ContentView_default = ContentView;
|
|
|
6303
6436
|
|
|
6304
6437
|
// src/components/dataForm/DataList.tsx
|
|
6305
6438
|
init_StyleTypes();
|
|
6306
|
-
var
|
|
6439
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
6307
6440
|
var DataList = (props) => {
|
|
6308
6441
|
const router = (0, import_navigation2.useRouter)();
|
|
6309
6442
|
let builder = new OdataBuilder(props.path);
|
|
@@ -6341,7 +6474,7 @@ var DataList = (props) => {
|
|
|
6341
6474
|
if (path.includes(".")) {
|
|
6342
6475
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
6343
6476
|
} else if (Array.isArray(obj[path])) {
|
|
6344
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
6477
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: item }, index));
|
|
6345
6478
|
} else {
|
|
6346
6479
|
return obj[path];
|
|
6347
6480
|
}
|
|
@@ -6420,30 +6553,30 @@ var DataList = (props) => {
|
|
|
6420
6553
|
const renderPageNumbers = () => {
|
|
6421
6554
|
if (pages <= 10) {
|
|
6422
6555
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
6423
|
-
(page) => /* @__PURE__ */ (0,
|
|
6556
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6424
6557
|
Hyperlink,
|
|
6425
6558
|
{
|
|
6426
6559
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6427
6560
|
href: builder.getNewPageUrl(page),
|
|
6428
6561
|
children: page
|
|
6429
6562
|
}
|
|
6430
|
-
) : /* @__PURE__ */ (0,
|
|
6563
|
+
) : /* @__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)
|
|
6431
6564
|
);
|
|
6432
6565
|
} else {
|
|
6433
6566
|
const showFirstPages = activePageNumber <= 5;
|
|
6434
6567
|
const showLastPages = activePageNumber > pages - 5;
|
|
6435
6568
|
if (showFirstPages) {
|
|
6436
|
-
return /* @__PURE__ */ (0,
|
|
6437
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
6569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6570
|
+
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)(
|
|
6438
6571
|
Hyperlink,
|
|
6439
6572
|
{
|
|
6440
6573
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6441
6574
|
href: builder.getNewPageUrl(page),
|
|
6442
6575
|
children: page
|
|
6443
6576
|
}
|
|
6444
|
-
) : /* @__PURE__ */ (0,
|
|
6445
|
-
/* @__PURE__ */ (0,
|
|
6446
|
-
/* @__PURE__ */ (0,
|
|
6577
|
+
) : /* @__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)),
|
|
6578
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6579
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6447
6580
|
Hyperlink,
|
|
6448
6581
|
{
|
|
6449
6582
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6451,7 +6584,7 @@ var DataList = (props) => {
|
|
|
6451
6584
|
children: pages - 1
|
|
6452
6585
|
}
|
|
6453
6586
|
),
|
|
6454
|
-
/* @__PURE__ */ (0,
|
|
6587
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6455
6588
|
Hyperlink,
|
|
6456
6589
|
{
|
|
6457
6590
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6459,7 +6592,7 @@ var DataList = (props) => {
|
|
|
6459
6592
|
children: pages
|
|
6460
6593
|
}
|
|
6461
6594
|
),
|
|
6462
|
-
/* @__PURE__ */ (0,
|
|
6595
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6463
6596
|
"select",
|
|
6464
6597
|
{
|
|
6465
6598
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6471,18 +6604,18 @@ var DataList = (props) => {
|
|
|
6471
6604
|
}
|
|
6472
6605
|
},
|
|
6473
6606
|
children: [
|
|
6474
|
-
/* @__PURE__ */ (0,
|
|
6607
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
6475
6608
|
Array.from(
|
|
6476
6609
|
{ length: Math.max(0, pages - 10) },
|
|
6477
6610
|
(_, index) => index + 9
|
|
6478
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6611
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { value: page, children: page }, page))
|
|
6479
6612
|
]
|
|
6480
6613
|
}
|
|
6481
6614
|
) })
|
|
6482
6615
|
] });
|
|
6483
6616
|
} else if (showLastPages) {
|
|
6484
|
-
return /* @__PURE__ */ (0,
|
|
6485
|
-
/* @__PURE__ */ (0,
|
|
6617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6618
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6486
6619
|
Hyperlink,
|
|
6487
6620
|
{
|
|
6488
6621
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6490,7 +6623,7 @@ var DataList = (props) => {
|
|
|
6490
6623
|
children: "1"
|
|
6491
6624
|
}
|
|
6492
6625
|
),
|
|
6493
|
-
/* @__PURE__ */ (0,
|
|
6626
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6494
6627
|
Hyperlink,
|
|
6495
6628
|
{
|
|
6496
6629
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6498,21 +6631,21 @@ var DataList = (props) => {
|
|
|
6498
6631
|
children: "2"
|
|
6499
6632
|
}
|
|
6500
6633
|
),
|
|
6501
|
-
/* @__PURE__ */ (0,
|
|
6634
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6502
6635
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
6503
|
-
(page) => /* @__PURE__ */ (0,
|
|
6636
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6504
6637
|
Hyperlink,
|
|
6505
6638
|
{
|
|
6506
6639
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6507
6640
|
href: builder.getNewPageUrl(page),
|
|
6508
6641
|
children: page
|
|
6509
6642
|
}
|
|
6510
|
-
) : /* @__PURE__ */ (0,
|
|
6643
|
+
) : /* @__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)
|
|
6511
6644
|
)
|
|
6512
6645
|
] });
|
|
6513
6646
|
} else {
|
|
6514
|
-
return /* @__PURE__ */ (0,
|
|
6515
|
-
/* @__PURE__ */ (0,
|
|
6647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
6648
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6516
6649
|
Hyperlink,
|
|
6517
6650
|
{
|
|
6518
6651
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6520,7 +6653,7 @@ var DataList = (props) => {
|
|
|
6520
6653
|
children: "1"
|
|
6521
6654
|
}
|
|
6522
6655
|
),
|
|
6523
|
-
/* @__PURE__ */ (0,
|
|
6656
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6524
6657
|
Hyperlink,
|
|
6525
6658
|
{
|
|
6526
6659
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6528,20 +6661,20 @@ var DataList = (props) => {
|
|
|
6528
6661
|
children: "2"
|
|
6529
6662
|
}
|
|
6530
6663
|
),
|
|
6531
|
-
/* @__PURE__ */ (0,
|
|
6664
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6532
6665
|
Array.from(
|
|
6533
6666
|
{ length: 5 },
|
|
6534
6667
|
(_, index) => activePageNumber - 2 + index
|
|
6535
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
6668
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6536
6669
|
Hyperlink,
|
|
6537
6670
|
{
|
|
6538
6671
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
6539
6672
|
href: builder.getNewPageUrl(page),
|
|
6540
6673
|
children: page
|
|
6541
6674
|
}
|
|
6542
|
-
) : /* @__PURE__ */ (0,
|
|
6543
|
-
/* @__PURE__ */ (0,
|
|
6544
|
-
/* @__PURE__ */ (0,
|
|
6675
|
+
) : /* @__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)),
|
|
6676
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
6677
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6545
6678
|
Hyperlink,
|
|
6546
6679
|
{
|
|
6547
6680
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6549,7 +6682,7 @@ var DataList = (props) => {
|
|
|
6549
6682
|
children: pages - 1
|
|
6550
6683
|
}
|
|
6551
6684
|
),
|
|
6552
|
-
/* @__PURE__ */ (0,
|
|
6685
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6553
6686
|
Hyperlink,
|
|
6554
6687
|
{
|
|
6555
6688
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -6557,7 +6690,7 @@ var DataList = (props) => {
|
|
|
6557
6690
|
children: pages
|
|
6558
6691
|
}
|
|
6559
6692
|
),
|
|
6560
|
-
/* @__PURE__ */ (0,
|
|
6693
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6561
6694
|
"select",
|
|
6562
6695
|
{
|
|
6563
6696
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -6569,8 +6702,8 @@ var DataList = (props) => {
|
|
|
6569
6702
|
}
|
|
6570
6703
|
},
|
|
6571
6704
|
children: [
|
|
6572
|
-
/* @__PURE__ */ (0,
|
|
6573
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
6705
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { value: "", children: "Jump to" }),
|
|
6706
|
+
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))
|
|
6574
6707
|
]
|
|
6575
6708
|
}
|
|
6576
6709
|
) })
|
|
@@ -6578,16 +6711,16 @@ var DataList = (props) => {
|
|
|
6578
6711
|
}
|
|
6579
6712
|
}
|
|
6580
6713
|
};
|
|
6581
|
-
return /* @__PURE__ */ (0,
|
|
6582
|
-
/* @__PURE__ */ (0,
|
|
6583
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react55.default.Fragment, { children: [
|
|
6715
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(ContentView_default, { isDataFound, children: [
|
|
6716
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6584
6717
|
"div",
|
|
6585
6718
|
{
|
|
6586
6719
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
6587
6720
|
children: [
|
|
6588
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6589
|
-
/* @__PURE__ */ (0,
|
|
6590
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
6721
|
+
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", {}),
|
|
6722
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6723
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6591
6724
|
InputControl_default,
|
|
6592
6725
|
{
|
|
6593
6726
|
name: "Search_input",
|
|
@@ -6599,7 +6732,7 @@ var DataList = (props) => {
|
|
|
6599
6732
|
}
|
|
6600
6733
|
}
|
|
6601
6734
|
),
|
|
6602
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6735
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6603
6736
|
InputControl_default,
|
|
6604
6737
|
{
|
|
6605
6738
|
name: filter.name,
|
|
@@ -6614,15 +6747,15 @@ var DataList = (props) => {
|
|
|
6614
6747
|
},
|
|
6615
6748
|
filter.name
|
|
6616
6749
|
)),
|
|
6617
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6750
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6618
6751
|
Hyperlink,
|
|
6619
6752
|
{
|
|
6620
6753
|
className: "gap-1",
|
|
6621
6754
|
linkType: "Primary" /* Solid */,
|
|
6622
6755
|
href: props.addLinkHref,
|
|
6623
6756
|
children: [
|
|
6624
|
-
/* @__PURE__ */ (0,
|
|
6625
|
-
/* @__PURE__ */ (0,
|
|
6757
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6758
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6626
6759
|
]
|
|
6627
6760
|
}
|
|
6628
6761
|
)
|
|
@@ -6630,8 +6763,8 @@ var DataList = (props) => {
|
|
|
6630
6763
|
]
|
|
6631
6764
|
}
|
|
6632
6765
|
),
|
|
6633
|
-
/* @__PURE__ */ (0,
|
|
6634
|
-
/* @__PURE__ */ (0,
|
|
6766
|
+
/* @__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: [
|
|
6767
|
+
/* @__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) => {
|
|
6635
6768
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6636
6769
|
let icon = "chevronUpDown";
|
|
6637
6770
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6641,18 +6774,18 @@ var DataList = (props) => {
|
|
|
6641
6774
|
icon = "chevronUp";
|
|
6642
6775
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6643
6776
|
}
|
|
6644
|
-
return /* @__PURE__ */ (0,
|
|
6777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6645
6778
|
"th",
|
|
6646
6779
|
{
|
|
6647
6780
|
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" : ""),
|
|
6648
|
-
children: /* @__PURE__ */ (0,
|
|
6781
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6649
6782
|
Hyperlink,
|
|
6650
6783
|
{
|
|
6651
6784
|
href: column.enableSorting ? url : void 0,
|
|
6652
6785
|
className: "!text-neutral-contrast ",
|
|
6653
|
-
children: /* @__PURE__ */ (0,
|
|
6654
|
-
/* @__PURE__ */ (0,
|
|
6655
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6786
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6787
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-black", children: column.label }),
|
|
6788
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6656
6789
|
] })
|
|
6657
6790
|
}
|
|
6658
6791
|
)
|
|
@@ -6660,24 +6793,24 @@ var DataList = (props) => {
|
|
|
6660
6793
|
column.name
|
|
6661
6794
|
);
|
|
6662
6795
|
}) }) }),
|
|
6663
|
-
/* @__PURE__ */ (0,
|
|
6796
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
6664
6797
|
let validityClass = "";
|
|
6665
6798
|
console.log("dataitem", dataitem);
|
|
6666
6799
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
6667
6800
|
validityClass = "bg-alert-200";
|
|
6668
6801
|
}
|
|
6669
|
-
return /* @__PURE__ */ (0,
|
|
6802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
6670
6803
|
console.log("column", column);
|
|
6671
|
-
return /* @__PURE__ */ (0,
|
|
6804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6672
6805
|
"td",
|
|
6673
6806
|
{
|
|
6674
6807
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
6675
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
6808
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6676
6809
|
Hyperlink,
|
|
6677
6810
|
{
|
|
6678
6811
|
className: "",
|
|
6679
6812
|
href: `https://${dataitem[column.name]}`,
|
|
6680
|
-
children: /* @__PURE__ */ (0,
|
|
6813
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6681
6814
|
ViewControl_default,
|
|
6682
6815
|
{
|
|
6683
6816
|
controlType: column.controlType,
|
|
@@ -6690,11 +6823,11 @@ var DataList = (props) => {
|
|
|
6690
6823
|
}
|
|
6691
6824
|
)
|
|
6692
6825
|
}
|
|
6693
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
6826
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6694
6827
|
Hyperlink,
|
|
6695
6828
|
{
|
|
6696
6829
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
6697
|
-
children: /* @__PURE__ */ (0,
|
|
6830
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6698
6831
|
ViewControl_default,
|
|
6699
6832
|
{
|
|
6700
6833
|
controlType: column.controlType,
|
|
@@ -6704,7 +6837,7 @@ var DataList = (props) => {
|
|
|
6704
6837
|
}
|
|
6705
6838
|
)
|
|
6706
6839
|
}
|
|
6707
|
-
) : /* @__PURE__ */ (0,
|
|
6840
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6708
6841
|
ViewControl_default,
|
|
6709
6842
|
{
|
|
6710
6843
|
controlType: column.controlType,
|
|
@@ -6718,10 +6851,10 @@ var DataList = (props) => {
|
|
|
6718
6851
|
}) }, index);
|
|
6719
6852
|
}) })
|
|
6720
6853
|
] }) }),
|
|
6721
|
-
/* @__PURE__ */ (0,
|
|
6722
|
-
/* @__PURE__ */ (0,
|
|
6723
|
-
/* @__PURE__ */ (0,
|
|
6724
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
6854
|
+
/* @__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: [
|
|
6855
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "text-gray-700", children: label }),
|
|
6856
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
6857
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6725
6858
|
Hyperlink,
|
|
6726
6859
|
{
|
|
6727
6860
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6729,9 +6862,9 @@ var DataList = (props) => {
|
|
|
6729
6862
|
children: "Prev"
|
|
6730
6863
|
}
|
|
6731
6864
|
),
|
|
6732
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
6865
|
+
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" }),
|
|
6733
6866
|
renderPageNumbers(),
|
|
6734
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
6867
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6735
6868
|
Hyperlink,
|
|
6736
6869
|
{
|
|
6737
6870
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -6739,19 +6872,19 @@ var DataList = (props) => {
|
|
|
6739
6872
|
children: "Next"
|
|
6740
6873
|
}
|
|
6741
6874
|
),
|
|
6742
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
6875
|
+
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" })
|
|
6743
6876
|
] })
|
|
6744
6877
|
] }) })
|
|
6745
6878
|
] }),
|
|
6746
|
-
/* @__PURE__ */ (0,
|
|
6747
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
6879
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
6880
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6748
6881
|
"div",
|
|
6749
6882
|
{
|
|
6750
6883
|
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`,
|
|
6751
6884
|
children: [
|
|
6752
|
-
props.title ? /* @__PURE__ */ (0,
|
|
6753
|
-
/* @__PURE__ */ (0,
|
|
6754
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
6885
|
+
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", {}),
|
|
6886
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
6887
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6755
6888
|
InputControl_default,
|
|
6756
6889
|
{
|
|
6757
6890
|
name: "Search_input",
|
|
@@ -6763,7 +6896,7 @@ var DataList = (props) => {
|
|
|
6763
6896
|
}
|
|
6764
6897
|
}
|
|
6765
6898
|
),
|
|
6766
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
6899
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6767
6900
|
InputControl_default,
|
|
6768
6901
|
{
|
|
6769
6902
|
name: filter.name,
|
|
@@ -6778,15 +6911,15 @@ var DataList = (props) => {
|
|
|
6778
6911
|
},
|
|
6779
6912
|
filter.name
|
|
6780
6913
|
)),
|
|
6781
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
6914
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
6782
6915
|
Hyperlink,
|
|
6783
6916
|
{
|
|
6784
6917
|
className: "gap-1",
|
|
6785
6918
|
linkType: "Primary" /* Solid */,
|
|
6786
6919
|
href: props.addLinkHref,
|
|
6787
6920
|
children: [
|
|
6788
|
-
/* @__PURE__ */ (0,
|
|
6789
|
-
/* @__PURE__ */ (0,
|
|
6921
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
6922
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
6790
6923
|
]
|
|
6791
6924
|
}
|
|
6792
6925
|
)
|
|
@@ -6794,8 +6927,8 @@ var DataList = (props) => {
|
|
|
6794
6927
|
]
|
|
6795
6928
|
}
|
|
6796
6929
|
),
|
|
6797
|
-
/* @__PURE__ */ (0,
|
|
6798
|
-
/* @__PURE__ */ (0,
|
|
6930
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
6931
|
+
/* @__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) => {
|
|
6799
6932
|
let url = builder.getNewOrderByUrl(column.name);
|
|
6800
6933
|
let icon = "chevronUpDown";
|
|
6801
6934
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -6805,18 +6938,18 @@ var DataList = (props) => {
|
|
|
6805
6938
|
icon = "chevronUp";
|
|
6806
6939
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
6807
6940
|
}
|
|
6808
|
-
return /* @__PURE__ */ (0,
|
|
6941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6809
6942
|
"th",
|
|
6810
6943
|
{
|
|
6811
6944
|
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" : ""),
|
|
6812
|
-
children: /* @__PURE__ */ (0,
|
|
6945
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
6813
6946
|
Hyperlink,
|
|
6814
6947
|
{
|
|
6815
6948
|
href: column.enableSorting ? url : void 0,
|
|
6816
6949
|
className: "text-body-950",
|
|
6817
|
-
children: /* @__PURE__ */ (0,
|
|
6818
|
-
/* @__PURE__ */ (0,
|
|
6819
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
6950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
6951
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: column.label }),
|
|
6952
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
6820
6953
|
] })
|
|
6821
6954
|
}
|
|
6822
6955
|
)
|
|
@@ -6824,7 +6957,7 @@ var DataList = (props) => {
|
|
|
6824
6957
|
column.name
|
|
6825
6958
|
);
|
|
6826
6959
|
}) }) }) }) }),
|
|
6827
|
-
/* @__PURE__ */ (0,
|
|
6960
|
+
/* @__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." })
|
|
6828
6961
|
] })
|
|
6829
6962
|
] })
|
|
6830
6963
|
] });
|
|
@@ -6835,7 +6968,7 @@ var DataList_default = DataList;
|
|
|
6835
6968
|
var import_react56 = __toESM(require("react"));
|
|
6836
6969
|
init_ServiceClient();
|
|
6837
6970
|
var import_navigation3 = require("next/navigation");
|
|
6838
|
-
var
|
|
6971
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
6839
6972
|
var viewControlMap = {
|
|
6840
6973
|
number: ViewControlTypes.number,
|
|
6841
6974
|
lineText: ViewControlTypes.lineText,
|
|
@@ -6925,9 +7058,9 @@ var DataListRenderer = ({
|
|
|
6925
7058
|
const [tabItem, setTabItem] = (0, import_react56.useState)();
|
|
6926
7059
|
const activeTab = tabItem?.find((tab) => tab.isActive);
|
|
6927
7060
|
const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
|
|
6928
|
-
return /* @__PURE__ */ (0,
|
|
6929
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
6930
|
-
/* @__PURE__ */ (0,
|
|
7061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react56.default.Fragment, { children: [
|
|
7062
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
7063
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
6931
7064
|
DataList_default,
|
|
6932
7065
|
{
|
|
6933
7066
|
addLinkHref,
|
|
@@ -6977,7 +7110,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
6977
7110
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
6978
7111
|
|
|
6979
7112
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
6980
|
-
var
|
|
7113
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
6981
7114
|
var DataFormChildSection = (props) => {
|
|
6982
7115
|
const { section } = props;
|
|
6983
7116
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -7045,14 +7178,14 @@ var DataFormChildSection = (props) => {
|
|
|
7045
7178
|
childItemsToRender,
|
|
7046
7179
|
allChildItems: childItems
|
|
7047
7180
|
});
|
|
7048
|
-
return /* @__PURE__ */ (0,
|
|
7049
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
7050
|
-
/* @__PURE__ */ (0,
|
|
7051
|
-
/* @__PURE__ */ (0,
|
|
7052
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
7053
|
-
return /* @__PURE__ */ (0,
|
|
7181
|
+
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: [
|
|
7182
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
7183
|
+
/* @__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: [
|
|
7184
|
+
/* @__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: [
|
|
7185
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
7186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("tr", { className: "", children: [
|
|
7054
7187
|
sectionRow.elements.map((field, index) => {
|
|
7055
|
-
return /* @__PURE__ */ (0,
|
|
7188
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7056
7189
|
"th",
|
|
7057
7190
|
{
|
|
7058
7191
|
className: "py-3 font-normal text-left",
|
|
@@ -7061,21 +7194,21 @@ var DataFormChildSection = (props) => {
|
|
|
7061
7194
|
field.name
|
|
7062
7195
|
);
|
|
7063
7196
|
}),
|
|
7064
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7197
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
7065
7198
|
] }, sectionRowIndex);
|
|
7066
7199
|
}) }),
|
|
7067
|
-
/* @__PURE__ */ (0,
|
|
7200
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
7068
7201
|
const { item, originalIndex } = visibleItem;
|
|
7069
7202
|
const rowKey = originalIndex;
|
|
7070
|
-
return /* @__PURE__ */ (0,
|
|
7203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: section.sectionRows.map(
|
|
7071
7204
|
(sectionRow, sectionRowIndex) => {
|
|
7072
|
-
return /* @__PURE__ */ (0,
|
|
7205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7073
7206
|
"tr",
|
|
7074
7207
|
{
|
|
7075
7208
|
className: "",
|
|
7076
7209
|
children: [
|
|
7077
7210
|
sectionRow.elements.map((field, index) => {
|
|
7078
|
-
return /* @__PURE__ */ (0,
|
|
7211
|
+
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)(
|
|
7079
7212
|
InputControl_default,
|
|
7080
7213
|
{
|
|
7081
7214
|
index: filteredIndex,
|
|
@@ -7095,7 +7228,7 @@ var DataFormChildSection = (props) => {
|
|
|
7095
7228
|
}
|
|
7096
7229
|
) }) }) }, field.name);
|
|
7097
7230
|
}),
|
|
7098
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7231
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7099
7232
|
ClientButton_default,
|
|
7100
7233
|
{
|
|
7101
7234
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -7104,7 +7237,7 @@ var DataFormChildSection = (props) => {
|
|
|
7104
7237
|
},
|
|
7105
7238
|
dataRole: "delete",
|
|
7106
7239
|
tabIndex: -1,
|
|
7107
|
-
children: /* @__PURE__ */ (0,
|
|
7240
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7108
7241
|
Icon_default,
|
|
7109
7242
|
{
|
|
7110
7243
|
className: "w-4 h-4",
|
|
@@ -7121,7 +7254,7 @@ var DataFormChildSection = (props) => {
|
|
|
7121
7254
|
) }, rowKey);
|
|
7122
7255
|
}) })
|
|
7123
7256
|
] }) }),
|
|
7124
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7257
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7125
7258
|
ClientButton_default,
|
|
7126
7259
|
{
|
|
7127
7260
|
ButtonType: "Link" /* Link */,
|
|
@@ -7136,7 +7269,7 @@ var DataFormChildSection = (props) => {
|
|
|
7136
7269
|
var DataFormChildSection_default = DataFormChildSection;
|
|
7137
7270
|
|
|
7138
7271
|
// src/components/dataForm/DataForm.tsx
|
|
7139
|
-
var
|
|
7272
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7140
7273
|
var DataForm = (props) => {
|
|
7141
7274
|
const formRef = (0, import_react58.useRef)(null);
|
|
7142
7275
|
console.log(props.dataItem, "dssads");
|
|
@@ -7356,19 +7489,19 @@ var DataForm = (props) => {
|
|
|
7356
7489
|
return false;
|
|
7357
7490
|
}
|
|
7358
7491
|
}
|
|
7359
|
-
return /* @__PURE__ */ (0,
|
|
7360
|
-
props.title && /* @__PURE__ */ (0,
|
|
7492
|
+
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: [
|
|
7493
|
+
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)(
|
|
7361
7494
|
"div",
|
|
7362
7495
|
{
|
|
7363
7496
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
7364
7497
|
onClick: () => window.history.back(),
|
|
7365
7498
|
children: [
|
|
7366
|
-
/* @__PURE__ */ (0,
|
|
7367
|
-
/* @__PURE__ */ (0,
|
|
7499
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
7500
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
7368
7501
|
]
|
|
7369
7502
|
}
|
|
7370
7503
|
) }),
|
|
7371
|
-
/* @__PURE__ */ (0,
|
|
7504
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7372
7505
|
"form",
|
|
7373
7506
|
{
|
|
7374
7507
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -7389,8 +7522,8 @@ var DataForm = (props) => {
|
|
|
7389
7522
|
}
|
|
7390
7523
|
}
|
|
7391
7524
|
},
|
|
7392
|
-
children: /* @__PURE__ */ (0,
|
|
7393
|
-
return /* @__PURE__ */ (0,
|
|
7525
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
7526
|
+
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: [
|
|
7394
7527
|
section.sectionRows?.map(
|
|
7395
7528
|
(sectionRow, sectionRowIndex) => {
|
|
7396
7529
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -7401,14 +7534,14 @@ var DataForm = (props) => {
|
|
|
7401
7534
|
sectionRow.visible
|
|
7402
7535
|
);
|
|
7403
7536
|
}
|
|
7404
|
-
return /* @__PURE__ */ (0,
|
|
7405
|
-
return /* @__PURE__ */ (0,
|
|
7537
|
+
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) => {
|
|
7538
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
|
|
7406
7539
|
"div",
|
|
7407
7540
|
{
|
|
7408
7541
|
className: sectionRow.grow ? "grow" : "",
|
|
7409
7542
|
children: [
|
|
7410
|
-
/* @__PURE__ */ (0,
|
|
7411
|
-
/* @__PURE__ */ (0,
|
|
7543
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: field.controlType }),
|
|
7544
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7412
7545
|
InputControl_default,
|
|
7413
7546
|
{
|
|
7414
7547
|
name: field.name,
|
|
@@ -7438,12 +7571,12 @@ var DataForm = (props) => {
|
|
|
7438
7571
|
}) }) }, sectionRowIndex);
|
|
7439
7572
|
}
|
|
7440
7573
|
),
|
|
7441
|
-
/* @__PURE__ */ (0,
|
|
7574
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: section.childSections?.map(
|
|
7442
7575
|
(childSection, childSectionIndex) => {
|
|
7443
|
-
return /* @__PURE__ */ (0,
|
|
7576
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
7444
7577
|
formState.inputValues,
|
|
7445
7578
|
childSection.visible
|
|
7446
|
-
) && /* @__PURE__ */ (0,
|
|
7579
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7447
7580
|
DataFormChildSection_default,
|
|
7448
7581
|
{
|
|
7449
7582
|
section: childSection,
|
|
@@ -7458,8 +7591,8 @@ var DataForm = (props) => {
|
|
|
7458
7591
|
}) })
|
|
7459
7592
|
}
|
|
7460
7593
|
),
|
|
7461
|
-
/* @__PURE__ */ (0,
|
|
7462
|
-
/* @__PURE__ */ (0,
|
|
7594
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
7595
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7463
7596
|
Button_default,
|
|
7464
7597
|
{
|
|
7465
7598
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -7467,7 +7600,7 @@ var DataForm = (props) => {
|
|
|
7467
7600
|
children: props.additionalActions.title
|
|
7468
7601
|
}
|
|
7469
7602
|
) }),
|
|
7470
|
-
/* @__PURE__ */ (0,
|
|
7603
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7471
7604
|
Button_default,
|
|
7472
7605
|
{
|
|
7473
7606
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -7478,7 +7611,7 @@ var DataForm = (props) => {
|
|
|
7478
7611
|
children: "Delete"
|
|
7479
7612
|
}
|
|
7480
7613
|
) }),
|
|
7481
|
-
/* @__PURE__ */ (0,
|
|
7614
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7482
7615
|
Button_default,
|
|
7483
7616
|
{
|
|
7484
7617
|
onValidate,
|
|
@@ -7496,7 +7629,7 @@ var DataForm_default = DataForm;
|
|
|
7496
7629
|
|
|
7497
7630
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
7498
7631
|
init_ServiceClient();
|
|
7499
|
-
var
|
|
7632
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7500
7633
|
function getAction(actions, code) {
|
|
7501
7634
|
return actions?.find((a) => a.actionCode === code);
|
|
7502
7635
|
}
|
|
@@ -7522,9 +7655,9 @@ var DataFormRenderer = ({
|
|
|
7522
7655
|
"Delete"
|
|
7523
7656
|
);
|
|
7524
7657
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
7525
|
-
return /* @__PURE__ */ (0,
|
|
7526
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
7527
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
7659
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
7660
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7528
7661
|
DataForm_default,
|
|
7529
7662
|
{
|
|
7530
7663
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|