@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260620051742 → 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 +309 -175
- package/dist/index.mjs +303 -169
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1252,7 +1252,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1252
1252
|
const containerRef = useRef2(null);
|
|
1253
1253
|
const [isCreateOpen, setIsCreateOpen] = useState4(false);
|
|
1254
1254
|
const [formData, setFormData] = useState4({});
|
|
1255
|
-
const
|
|
1255
|
+
const getNestedValue6 = (obj, path) => {
|
|
1256
1256
|
return path.split(".").reduce((acc, key) => acc?.[key], obj);
|
|
1257
1257
|
};
|
|
1258
1258
|
useEffect5(() => {
|
|
@@ -1290,7 +1290,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1290
1290
|
props.dataSourceDependsOn
|
|
1291
1291
|
]);
|
|
1292
1292
|
const filteredItems = list?.filter((item) => {
|
|
1293
|
-
const value =
|
|
1293
|
+
const value = getNestedValue6(item, props.dataTextFieldName);
|
|
1294
1294
|
return value?.toLowerCase().includes(searchTerm?.toLowerCase());
|
|
1295
1295
|
});
|
|
1296
1296
|
const playBeep = () => {
|
|
@@ -1321,7 +1321,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1321
1321
|
}, [searchTerm]);
|
|
1322
1322
|
const handleSelect = (event, item) => {
|
|
1323
1323
|
event.preventDefault();
|
|
1324
|
-
setSearchTerm(
|
|
1324
|
+
setSearchTerm(getNestedValue6(item, props.dataTextFieldName));
|
|
1325
1325
|
if (props.callback) {
|
|
1326
1326
|
const val = {};
|
|
1327
1327
|
props.callback({
|
|
@@ -1476,7 +1476,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1476
1476
|
role: "option",
|
|
1477
1477
|
tabIndex: -1,
|
|
1478
1478
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1479
|
-
children: /* @__PURE__ */ jsx25("span", { children:
|
|
1479
|
+
children: /* @__PURE__ */ jsx25("span", { children: getNestedValue6(item, props.dataTextFieldName) })
|
|
1480
1480
|
}
|
|
1481
1481
|
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx25("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1482
1482
|
}
|
|
@@ -4446,8 +4446,141 @@ var DivContainer = async (props) => {
|
|
|
4446
4446
|
};
|
|
4447
4447
|
var DivContainer_default = DivContainer;
|
|
4448
4448
|
|
|
4449
|
+
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
4450
|
+
import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
4451
|
+
var getNestedValue5 = (obj, path) => {
|
|
4452
|
+
if (!obj || !path) return void 0;
|
|
4453
|
+
return path.split(".").reduce((current, key) => {
|
|
4454
|
+
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
4455
|
+
}, obj);
|
|
4456
|
+
};
|
|
4457
|
+
var PdfIcon = () => /* @__PURE__ */ jsxs33("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: [
|
|
4458
|
+
/* @__PURE__ */ jsx60("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" }),
|
|
4459
|
+
/* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
4460
|
+
/* @__PURE__ */ jsx60("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" }),
|
|
4461
|
+
/* @__PURE__ */ jsx60("path", { d: "M9 14H12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
4462
|
+
] });
|
|
4463
|
+
var ExcelIcon = () => /* @__PURE__ */ jsxs33("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: [
|
|
4464
|
+
/* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
4465
|
+
/* @__PURE__ */ jsx60("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" }),
|
|
4466
|
+
/* @__PURE__ */ jsx60("path", { d: "M9 11L15 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
4467
|
+
/* @__PURE__ */ jsx60("path", { d: "M15 11L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
4468
|
+
] });
|
|
4469
|
+
var WordIcon = () => /* @__PURE__ */ jsxs33("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: [
|
|
4470
|
+
/* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
4471
|
+
/* @__PURE__ */ jsx60("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" }),
|
|
4472
|
+
/* @__PURE__ */ jsx60("path", { d: "M8 12L10 17L12 14L14 17L16 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
|
|
4473
|
+
] });
|
|
4474
|
+
var ImageIcon = () => /* @__PURE__ */ jsxs33("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: [
|
|
4475
|
+
/* @__PURE__ */ jsx60("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" }),
|
|
4476
|
+
/* @__PURE__ */ jsx60("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" })
|
|
4477
|
+
] });
|
|
4478
|
+
var StandardIcon = () => /* @__PURE__ */ jsxs33("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: [
|
|
4479
|
+
/* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
4480
|
+
/* @__PURE__ */ jsx60("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" })
|
|
4481
|
+
] });
|
|
4482
|
+
var getFileDetails = (url) => {
|
|
4483
|
+
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
4484
|
+
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
4485
|
+
let Icon2 = StandardIcon;
|
|
4486
|
+
let extLabel = "FILE";
|
|
4487
|
+
if (["pdf"].includes(ext)) {
|
|
4488
|
+
Icon2 = PdfIcon;
|
|
4489
|
+
extLabel = "PDF";
|
|
4490
|
+
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
4491
|
+
Icon2 = ExcelIcon;
|
|
4492
|
+
extLabel = "Excel";
|
|
4493
|
+
} else if (["doc", "docx"].includes(ext)) {
|
|
4494
|
+
Icon2 = WordIcon;
|
|
4495
|
+
extLabel = ext.toUpperCase();
|
|
4496
|
+
} else if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(ext)) {
|
|
4497
|
+
Icon2 = ImageIcon;
|
|
4498
|
+
extLabel = ext.toUpperCase();
|
|
4499
|
+
} else if (ext) {
|
|
4500
|
+
extLabel = ext.toUpperCase();
|
|
4501
|
+
}
|
|
4502
|
+
return { Icon: Icon2, extLabel };
|
|
4503
|
+
};
|
|
4504
|
+
var DocumentNode = (props) => {
|
|
4505
|
+
let documentUrl;
|
|
4506
|
+
let documentTitle;
|
|
4507
|
+
if (props.dataitem && props.node.documentKey) {
|
|
4508
|
+
const docData = getNestedValue5(props.dataitem, props.node.documentKey);
|
|
4509
|
+
if (typeof docData === "string") {
|
|
4510
|
+
const trimmed = docData.trim();
|
|
4511
|
+
if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
|
|
4512
|
+
try {
|
|
4513
|
+
const parsed = JSON.parse(trimmed);
|
|
4514
|
+
const asset = Array.isArray(parsed) ? parsed[0] : parsed;
|
|
4515
|
+
if (asset && asset.assetUrl) {
|
|
4516
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
|
|
4517
|
+
if (asset.title) documentTitle = asset.title;
|
|
4518
|
+
}
|
|
4519
|
+
} catch (e) {
|
|
4520
|
+
}
|
|
4521
|
+
} else {
|
|
4522
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, docData);
|
|
4523
|
+
}
|
|
4524
|
+
} else if (Array.isArray(docData) && docData.length > 0) {
|
|
4525
|
+
const asset = docData[0];
|
|
4526
|
+
if (asset && asset.assetUrl) {
|
|
4527
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
|
|
4528
|
+
if (asset.title) documentTitle = asset.title;
|
|
4529
|
+
}
|
|
4530
|
+
} else if (docData && typeof docData === "object") {
|
|
4531
|
+
const asset = docData;
|
|
4532
|
+
if (asset && asset.assetUrl) {
|
|
4533
|
+
documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
|
|
4534
|
+
if (asset.title) documentTitle = asset.title;
|
|
4535
|
+
}
|
|
4536
|
+
}
|
|
4537
|
+
}
|
|
4538
|
+
if (!documentUrl) return null;
|
|
4539
|
+
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
4540
|
+
if (!documentTitle) {
|
|
4541
|
+
try {
|
|
4542
|
+
const pathName = new URL(documentUrl).pathname;
|
|
4543
|
+
documentTitle = pathName.split("/").pop() || "Document";
|
|
4544
|
+
} catch {
|
|
4545
|
+
documentTitle = documentUrl.split("/").pop() || "Document";
|
|
4546
|
+
}
|
|
4547
|
+
documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
|
|
4548
|
+
}
|
|
4549
|
+
return /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between py-4 border-b border-gray-100 bg-white", children: [
|
|
4550
|
+
/* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-4", children: [
|
|
4551
|
+
/* @__PURE__ */ jsx60("div", { className: "flex items-center justify-center p-2 rounded bg-gray-50 border border-gray-100", children: /* @__PURE__ */ jsx60(Icon2, {}) }),
|
|
4552
|
+
/* @__PURE__ */ jsxs33("div", { className: "flex items-baseline space-x-2", children: [
|
|
4553
|
+
/* @__PURE__ */ jsx60("h4", { className: "text-base font-semibold text-gray-800", children: documentTitle }),
|
|
4554
|
+
/* @__PURE__ */ jsxs33("span", { className: "text-sm font-medium text-gray-400", children: [
|
|
4555
|
+
"(",
|
|
4556
|
+
extLabel,
|
|
4557
|
+
")"
|
|
4558
|
+
] })
|
|
4559
|
+
] })
|
|
4560
|
+
] }),
|
|
4561
|
+
/* @__PURE__ */ jsxs33(
|
|
4562
|
+
"a",
|
|
4563
|
+
{
|
|
4564
|
+
href: documentUrl,
|
|
4565
|
+
download: true,
|
|
4566
|
+
target: "_blank",
|
|
4567
|
+
rel: "noreferrer",
|
|
4568
|
+
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",
|
|
4569
|
+
children: [
|
|
4570
|
+
/* @__PURE__ */ jsxs33("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: [
|
|
4571
|
+
/* @__PURE__ */ jsx60("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" }),
|
|
4572
|
+
/* @__PURE__ */ jsx60("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
|
|
4573
|
+
] }),
|
|
4574
|
+
"Download"
|
|
4575
|
+
]
|
|
4576
|
+
}
|
|
4577
|
+
)
|
|
4578
|
+
] });
|
|
4579
|
+
};
|
|
4580
|
+
var DocumentNode_default = DocumentNode;
|
|
4581
|
+
|
|
4449
4582
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
4450
|
-
import { jsx as
|
|
4583
|
+
import { jsx as jsx61 } from "react/jsx-runtime";
|
|
4451
4584
|
var NodeTypes = {
|
|
4452
4585
|
["paragraph"]: ParagraphNode_default,
|
|
4453
4586
|
["heading"]: HeadingNode_default,
|
|
@@ -4461,7 +4594,8 @@ var NodeTypes = {
|
|
|
4461
4594
|
["form-container"]: FormContainerNode_default,
|
|
4462
4595
|
["div-container"]: DivContainer_default,
|
|
4463
4596
|
["svg-icon"]: SVGIconNode_default,
|
|
4464
|
-
["embed"]: EmbedNode_default
|
|
4597
|
+
["embed"]: EmbedNode_default,
|
|
4598
|
+
["document"]: DocumentNode_default
|
|
4465
4599
|
};
|
|
4466
4600
|
var PageBodyRenderer = (props) => {
|
|
4467
4601
|
let pageBodyTree;
|
|
@@ -4483,14 +4617,14 @@ var PageBodyRenderer = (props) => {
|
|
|
4483
4617
|
}
|
|
4484
4618
|
return true;
|
|
4485
4619
|
};
|
|
4486
|
-
return /* @__PURE__ */
|
|
4620
|
+
return /* @__PURE__ */ jsx61(React42.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
4487
4621
|
{
|
|
4488
4622
|
}
|
|
4489
4623
|
const SelectedNode = NodeTypes[node.type];
|
|
4490
4624
|
if (!shouldRenderNode(node)) {
|
|
4491
4625
|
return null;
|
|
4492
4626
|
}
|
|
4493
|
-
return /* @__PURE__ */
|
|
4627
|
+
return /* @__PURE__ */ jsx61(React42.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx61(React42.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx61(React42.Fragment, { children: /* @__PURE__ */ jsx61(
|
|
4494
4628
|
SelectedNode,
|
|
4495
4629
|
{
|
|
4496
4630
|
node,
|
|
@@ -4506,7 +4640,7 @@ var PageBodyRenderer = (props) => {
|
|
|
4506
4640
|
device: props.device,
|
|
4507
4641
|
widgetRenderer: props.widgetRenderer
|
|
4508
4642
|
}
|
|
4509
|
-
) }) : /* @__PURE__ */
|
|
4643
|
+
) }) : /* @__PURE__ */ jsx61(React42.Fragment, { children: /* @__PURE__ */ jsx61(
|
|
4510
4644
|
SelectedNode,
|
|
4511
4645
|
{
|
|
4512
4646
|
node,
|
|
@@ -4528,7 +4662,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
|
|
|
4528
4662
|
|
|
4529
4663
|
// src/components/Toast.tsx
|
|
4530
4664
|
import { useState as useState8 } from "react";
|
|
4531
|
-
import { Fragment as Fragment9, jsx as
|
|
4665
|
+
import { Fragment as Fragment9, jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4532
4666
|
var Toast = () => {
|
|
4533
4667
|
const [showToast, setShowToast] = useState8(false);
|
|
4534
4668
|
const [message, setMessage] = useState8("");
|
|
@@ -4571,8 +4705,8 @@ var Toast = () => {
|
|
|
4571
4705
|
const closeToast = () => {
|
|
4572
4706
|
setShowToast(false);
|
|
4573
4707
|
};
|
|
4574
|
-
return /* @__PURE__ */
|
|
4575
|
-
/* @__PURE__ */
|
|
4708
|
+
return /* @__PURE__ */ jsx62(Fragment9, { children: showToast && /* @__PURE__ */ jsx62("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__ */ jsxs34("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
4709
|
+
/* @__PURE__ */ jsx62(
|
|
4576
4710
|
"span",
|
|
4577
4711
|
{
|
|
4578
4712
|
className: "font-medium text-inherit text-sm",
|
|
@@ -4580,7 +4714,7 @@ var Toast = () => {
|
|
|
4580
4714
|
children: message
|
|
4581
4715
|
}
|
|
4582
4716
|
),
|
|
4583
|
-
/* @__PURE__ */
|
|
4717
|
+
/* @__PURE__ */ jsx62("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx62(
|
|
4584
4718
|
"svg",
|
|
4585
4719
|
{
|
|
4586
4720
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4588,7 +4722,7 @@ var Toast = () => {
|
|
|
4588
4722
|
fill: "none",
|
|
4589
4723
|
viewBox: "0 0 24 24",
|
|
4590
4724
|
stroke: "currentColor",
|
|
4591
|
-
children: /* @__PURE__ */
|
|
4725
|
+
children: /* @__PURE__ */ jsx62("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
4592
4726
|
}
|
|
4593
4727
|
) })
|
|
4594
4728
|
] }) }) });
|
|
@@ -4598,7 +4732,7 @@ var Toast_default = Toast;
|
|
|
4598
4732
|
// src/components/NavigationTabsV2.tsx
|
|
4599
4733
|
import Link3 from "next/link";
|
|
4600
4734
|
import { usePathname } from "next/navigation";
|
|
4601
|
-
import { jsx as
|
|
4735
|
+
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
4602
4736
|
function resolveRoutePlaceholders(route, params) {
|
|
4603
4737
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
4604
4738
|
const value = params[key];
|
|
@@ -4623,8 +4757,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
4623
4757
|
isActive: tab.isActive
|
|
4624
4758
|
})) || [];
|
|
4625
4759
|
if (mappedTabs.length === 0) return null;
|
|
4626
|
-
return /* @__PURE__ */
|
|
4627
|
-
return /* @__PURE__ */
|
|
4760
|
+
return /* @__PURE__ */ jsx63("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
4761
|
+
return /* @__PURE__ */ jsx63(Link3, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx63(
|
|
4628
4762
|
"div",
|
|
4629
4763
|
{
|
|
4630
4764
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -4642,46 +4776,46 @@ import { useRouter } from "next/navigation";
|
|
|
4642
4776
|
|
|
4643
4777
|
// src/components/dataForm/NoContentView.tsx
|
|
4644
4778
|
import React44 from "react";
|
|
4645
|
-
import { jsx as
|
|
4779
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
4646
4780
|
var NoContentView = (props) => {
|
|
4647
|
-
return /* @__PURE__ */
|
|
4781
|
+
return /* @__PURE__ */ jsx64(React44.Fragment, { children: props.isDataFound === false && props.children });
|
|
4648
4782
|
};
|
|
4649
4783
|
var NoContentView_default = NoContentView;
|
|
4650
4784
|
|
|
4651
4785
|
// src/components/dataForm/ContentView.tsx
|
|
4652
4786
|
import React45 from "react";
|
|
4653
|
-
import { jsx as
|
|
4787
|
+
import { jsx as jsx65, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
4654
4788
|
var ContentView = (props) => {
|
|
4655
|
-
return /* @__PURE__ */
|
|
4656
|
-
props.isDataFound == null && /* @__PURE__ */
|
|
4657
|
-
/* @__PURE__ */
|
|
4658
|
-
/* @__PURE__ */
|
|
4659
|
-
/* @__PURE__ */
|
|
4660
|
-
/* @__PURE__ */
|
|
4661
|
-
/* @__PURE__ */
|
|
4789
|
+
return /* @__PURE__ */ jsxs35(React45.Fragment, { children: [
|
|
4790
|
+
props.isDataFound == null && /* @__PURE__ */ jsx65("div", { className: "", children: /* @__PURE__ */ jsxs35("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
4791
|
+
/* @__PURE__ */ jsxs35("div", { className: "flex items-center mb-4", children: [
|
|
4792
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
4793
|
+
/* @__PURE__ */ jsxs35("div", { className: "ml-2", children: [
|
|
4794
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
4795
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
4662
4796
|
] })
|
|
4663
4797
|
] }),
|
|
4664
|
-
/* @__PURE__ */
|
|
4665
|
-
/* @__PURE__ */
|
|
4666
|
-
/* @__PURE__ */
|
|
4667
|
-
/* @__PURE__ */
|
|
4668
|
-
/* @__PURE__ */
|
|
4669
|
-
/* @__PURE__ */
|
|
4670
|
-
/* @__PURE__ */
|
|
4798
|
+
/* @__PURE__ */ jsxs35("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
4799
|
+
/* @__PURE__ */ jsxs35("div", { className: "animate-pulse", children: [
|
|
4800
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4801
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4802
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4803
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4804
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
4671
4805
|
] }),
|
|
4672
|
-
/* @__PURE__ */
|
|
4673
|
-
/* @__PURE__ */
|
|
4674
|
-
/* @__PURE__ */
|
|
4675
|
-
/* @__PURE__ */
|
|
4676
|
-
/* @__PURE__ */
|
|
4677
|
-
/* @__PURE__ */
|
|
4806
|
+
/* @__PURE__ */ jsxs35("div", { className: "animate-pulse", children: [
|
|
4807
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4808
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4809
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4810
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4811
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
4678
4812
|
] }),
|
|
4679
|
-
/* @__PURE__ */
|
|
4680
|
-
/* @__PURE__ */
|
|
4681
|
-
/* @__PURE__ */
|
|
4682
|
-
/* @__PURE__ */
|
|
4683
|
-
/* @__PURE__ */
|
|
4684
|
-
/* @__PURE__ */
|
|
4813
|
+
/* @__PURE__ */ jsxs35("div", { className: "animate-pulse", children: [
|
|
4814
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4815
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4816
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4817
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4818
|
+
/* @__PURE__ */ jsx65("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
4685
4819
|
] })
|
|
4686
4820
|
] })
|
|
4687
4821
|
] }) }),
|
|
@@ -4691,7 +4825,7 @@ var ContentView = (props) => {
|
|
|
4691
4825
|
var ContentView_default = ContentView;
|
|
4692
4826
|
|
|
4693
4827
|
// src/components/dataForm/DataList.tsx
|
|
4694
|
-
import { Fragment as Fragment10, jsx as
|
|
4828
|
+
import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
4695
4829
|
var DataList = (props) => {
|
|
4696
4830
|
const router = useRouter();
|
|
4697
4831
|
let builder = new OdataBuilder(props.path);
|
|
@@ -4729,7 +4863,7 @@ var DataList = (props) => {
|
|
|
4729
4863
|
if (path.includes(".")) {
|
|
4730
4864
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
4731
4865
|
} else if (Array.isArray(obj[path])) {
|
|
4732
|
-
return obj[path].map((item, index) => /* @__PURE__ */
|
|
4866
|
+
return obj[path].map((item, index) => /* @__PURE__ */ jsx66("div", { children: item }, index));
|
|
4733
4867
|
} else {
|
|
4734
4868
|
return obj[path];
|
|
4735
4869
|
}
|
|
@@ -4808,30 +4942,30 @@ var DataList = (props) => {
|
|
|
4808
4942
|
const renderPageNumbers = () => {
|
|
4809
4943
|
if (pages <= 10) {
|
|
4810
4944
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
4811
|
-
(page) => /* @__PURE__ */
|
|
4945
|
+
(page) => /* @__PURE__ */ jsx66(React46.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx66(
|
|
4812
4946
|
Hyperlink,
|
|
4813
4947
|
{
|
|
4814
4948
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
4815
4949
|
href: builder.getNewPageUrl(page),
|
|
4816
4950
|
children: page
|
|
4817
4951
|
}
|
|
4818
|
-
) : /* @__PURE__ */
|
|
4952
|
+
) : /* @__PURE__ */ jsx66("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
4819
4953
|
);
|
|
4820
4954
|
} else {
|
|
4821
4955
|
const showFirstPages = activePageNumber <= 5;
|
|
4822
4956
|
const showLastPages = activePageNumber > pages - 5;
|
|
4823
4957
|
if (showFirstPages) {
|
|
4824
|
-
return /* @__PURE__ */
|
|
4825
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */
|
|
4958
|
+
return /* @__PURE__ */ jsxs36(Fragment10, { children: [
|
|
4959
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx66(React46.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx66(
|
|
4826
4960
|
Hyperlink,
|
|
4827
4961
|
{
|
|
4828
4962
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
4829
4963
|
href: builder.getNewPageUrl(page),
|
|
4830
4964
|
children: page
|
|
4831
4965
|
}
|
|
4832
|
-
) : /* @__PURE__ */
|
|
4833
|
-
/* @__PURE__ */
|
|
4834
|
-
/* @__PURE__ */
|
|
4966
|
+
) : /* @__PURE__ */ jsx66("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
4967
|
+
/* @__PURE__ */ jsx66("span", { className: "px-2 py-1", children: "..." }),
|
|
4968
|
+
/* @__PURE__ */ jsx66(
|
|
4835
4969
|
Hyperlink,
|
|
4836
4970
|
{
|
|
4837
4971
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4839,7 +4973,7 @@ var DataList = (props) => {
|
|
|
4839
4973
|
children: pages - 1
|
|
4840
4974
|
}
|
|
4841
4975
|
),
|
|
4842
|
-
/* @__PURE__ */
|
|
4976
|
+
/* @__PURE__ */ jsx66(
|
|
4843
4977
|
Hyperlink,
|
|
4844
4978
|
{
|
|
4845
4979
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4847,7 +4981,7 @@ var DataList = (props) => {
|
|
|
4847
4981
|
children: pages
|
|
4848
4982
|
}
|
|
4849
4983
|
),
|
|
4850
|
-
/* @__PURE__ */
|
|
4984
|
+
/* @__PURE__ */ jsx66("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs36(
|
|
4851
4985
|
"select",
|
|
4852
4986
|
{
|
|
4853
4987
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -4859,18 +4993,18 @@ var DataList = (props) => {
|
|
|
4859
4993
|
}
|
|
4860
4994
|
},
|
|
4861
4995
|
children: [
|
|
4862
|
-
/* @__PURE__ */
|
|
4996
|
+
/* @__PURE__ */ jsx66("option", { className: "", value: "", children: "Jump to" }),
|
|
4863
4997
|
Array.from(
|
|
4864
4998
|
{ length: Math.max(0, pages - 10) },
|
|
4865
4999
|
(_, index) => index + 9
|
|
4866
|
-
).map((page) => /* @__PURE__ */
|
|
5000
|
+
).map((page) => /* @__PURE__ */ jsx66("option", { value: page, children: page }, page))
|
|
4867
5001
|
]
|
|
4868
5002
|
}
|
|
4869
5003
|
) })
|
|
4870
5004
|
] });
|
|
4871
5005
|
} else if (showLastPages) {
|
|
4872
|
-
return /* @__PURE__ */
|
|
4873
|
-
/* @__PURE__ */
|
|
5006
|
+
return /* @__PURE__ */ jsxs36(Fragment10, { children: [
|
|
5007
|
+
/* @__PURE__ */ jsx66(
|
|
4874
5008
|
Hyperlink,
|
|
4875
5009
|
{
|
|
4876
5010
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4878,7 +5012,7 @@ var DataList = (props) => {
|
|
|
4878
5012
|
children: "1"
|
|
4879
5013
|
}
|
|
4880
5014
|
),
|
|
4881
|
-
/* @__PURE__ */
|
|
5015
|
+
/* @__PURE__ */ jsx66(
|
|
4882
5016
|
Hyperlink,
|
|
4883
5017
|
{
|
|
4884
5018
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4886,21 +5020,21 @@ var DataList = (props) => {
|
|
|
4886
5020
|
children: "2"
|
|
4887
5021
|
}
|
|
4888
5022
|
),
|
|
4889
|
-
/* @__PURE__ */
|
|
5023
|
+
/* @__PURE__ */ jsx66("span", { className: "px-2 py-1", children: "..." }),
|
|
4890
5024
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
4891
|
-
(page) => /* @__PURE__ */
|
|
5025
|
+
(page) => /* @__PURE__ */ jsx66(React46.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx66(
|
|
4892
5026
|
Hyperlink,
|
|
4893
5027
|
{
|
|
4894
5028
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
4895
5029
|
href: builder.getNewPageUrl(page),
|
|
4896
5030
|
children: page
|
|
4897
5031
|
}
|
|
4898
|
-
) : /* @__PURE__ */
|
|
5032
|
+
) : /* @__PURE__ */ jsx66("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
4899
5033
|
)
|
|
4900
5034
|
] });
|
|
4901
5035
|
} else {
|
|
4902
|
-
return /* @__PURE__ */
|
|
4903
|
-
/* @__PURE__ */
|
|
5036
|
+
return /* @__PURE__ */ jsxs36(Fragment10, { children: [
|
|
5037
|
+
/* @__PURE__ */ jsx66(
|
|
4904
5038
|
Hyperlink,
|
|
4905
5039
|
{
|
|
4906
5040
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4908,7 +5042,7 @@ var DataList = (props) => {
|
|
|
4908
5042
|
children: "1"
|
|
4909
5043
|
}
|
|
4910
5044
|
),
|
|
4911
|
-
/* @__PURE__ */
|
|
5045
|
+
/* @__PURE__ */ jsx66(
|
|
4912
5046
|
Hyperlink,
|
|
4913
5047
|
{
|
|
4914
5048
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4916,20 +5050,20 @@ var DataList = (props) => {
|
|
|
4916
5050
|
children: "2"
|
|
4917
5051
|
}
|
|
4918
5052
|
),
|
|
4919
|
-
/* @__PURE__ */
|
|
5053
|
+
/* @__PURE__ */ jsx66("span", { className: "px-2 py-1", children: "..." }),
|
|
4920
5054
|
Array.from(
|
|
4921
5055
|
{ length: 5 },
|
|
4922
5056
|
(_, index) => activePageNumber - 2 + index
|
|
4923
|
-
).map((page) => /* @__PURE__ */
|
|
5057
|
+
).map((page) => /* @__PURE__ */ jsx66(React46.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx66(
|
|
4924
5058
|
Hyperlink,
|
|
4925
5059
|
{
|
|
4926
5060
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
4927
5061
|
href: builder.getNewPageUrl(page),
|
|
4928
5062
|
children: page
|
|
4929
5063
|
}
|
|
4930
|
-
) : /* @__PURE__ */
|
|
4931
|
-
/* @__PURE__ */
|
|
4932
|
-
/* @__PURE__ */
|
|
5064
|
+
) : /* @__PURE__ */ jsx66("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
5065
|
+
/* @__PURE__ */ jsx66("span", { className: "px-2 py-1", children: "..." }),
|
|
5066
|
+
/* @__PURE__ */ jsx66(
|
|
4933
5067
|
Hyperlink,
|
|
4934
5068
|
{
|
|
4935
5069
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4937,7 +5071,7 @@ var DataList = (props) => {
|
|
|
4937
5071
|
children: pages - 1
|
|
4938
5072
|
}
|
|
4939
5073
|
),
|
|
4940
|
-
/* @__PURE__ */
|
|
5074
|
+
/* @__PURE__ */ jsx66(
|
|
4941
5075
|
Hyperlink,
|
|
4942
5076
|
{
|
|
4943
5077
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -4945,7 +5079,7 @@ var DataList = (props) => {
|
|
|
4945
5079
|
children: pages
|
|
4946
5080
|
}
|
|
4947
5081
|
),
|
|
4948
|
-
/* @__PURE__ */
|
|
5082
|
+
/* @__PURE__ */ jsx66("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs36(
|
|
4949
5083
|
"select",
|
|
4950
5084
|
{
|
|
4951
5085
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -4957,8 +5091,8 @@ var DataList = (props) => {
|
|
|
4957
5091
|
}
|
|
4958
5092
|
},
|
|
4959
5093
|
children: [
|
|
4960
|
-
/* @__PURE__ */
|
|
4961
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */
|
|
5094
|
+
/* @__PURE__ */ jsx66("option", { value: "", children: "Jump to" }),
|
|
5095
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx66("option", { value: page, children: page }, page))
|
|
4962
5096
|
]
|
|
4963
5097
|
}
|
|
4964
5098
|
) })
|
|
@@ -4966,16 +5100,16 @@ var DataList = (props) => {
|
|
|
4966
5100
|
}
|
|
4967
5101
|
}
|
|
4968
5102
|
};
|
|
4969
|
-
return /* @__PURE__ */
|
|
4970
|
-
/* @__PURE__ */
|
|
4971
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */
|
|
5103
|
+
return /* @__PURE__ */ jsxs36(React46.Fragment, { children: [
|
|
5104
|
+
/* @__PURE__ */ jsxs36(ContentView_default, { isDataFound, children: [
|
|
5105
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs36(
|
|
4972
5106
|
"div",
|
|
4973
5107
|
{
|
|
4974
5108
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
4975
5109
|
children: [
|
|
4976
|
-
props.title ? /* @__PURE__ */
|
|
4977
|
-
/* @__PURE__ */
|
|
4978
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */
|
|
5110
|
+
props.title ? /* @__PURE__ */ jsx66("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx66("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx66("div", {}),
|
|
5111
|
+
/* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3", children: [
|
|
5112
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx66(
|
|
4979
5113
|
InputControl_default,
|
|
4980
5114
|
{
|
|
4981
5115
|
name: "Search_input",
|
|
@@ -4987,7 +5121,7 @@ var DataList = (props) => {
|
|
|
4987
5121
|
}
|
|
4988
5122
|
}
|
|
4989
5123
|
),
|
|
4990
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
5124
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx66(
|
|
4991
5125
|
InputControl_default,
|
|
4992
5126
|
{
|
|
4993
5127
|
name: filter.name,
|
|
@@ -5002,15 +5136,15 @@ var DataList = (props) => {
|
|
|
5002
5136
|
},
|
|
5003
5137
|
filter.name
|
|
5004
5138
|
)),
|
|
5005
|
-
props.addLinkHref && /* @__PURE__ */
|
|
5139
|
+
props.addLinkHref && /* @__PURE__ */ jsxs36(
|
|
5006
5140
|
Hyperlink,
|
|
5007
5141
|
{
|
|
5008
5142
|
className: "gap-1",
|
|
5009
5143
|
linkType: "Primary" /* Solid */,
|
|
5010
5144
|
href: props.addLinkHref,
|
|
5011
5145
|
children: [
|
|
5012
|
-
/* @__PURE__ */
|
|
5013
|
-
/* @__PURE__ */
|
|
5146
|
+
/* @__PURE__ */ jsx66(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
5147
|
+
/* @__PURE__ */ jsx66("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
5014
5148
|
]
|
|
5015
5149
|
}
|
|
5016
5150
|
)
|
|
@@ -5018,8 +5152,8 @@ var DataList = (props) => {
|
|
|
5018
5152
|
]
|
|
5019
5153
|
}
|
|
5020
5154
|
),
|
|
5021
|
-
/* @__PURE__ */
|
|
5022
|
-
/* @__PURE__ */
|
|
5155
|
+
/* @__PURE__ */ jsx66("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs36("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
5156
|
+
/* @__PURE__ */ jsx66("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx66("tr", { children: props?.columns?.map((column) => {
|
|
5023
5157
|
let url = builder.getNewOrderByUrl(column.name);
|
|
5024
5158
|
let icon = "chevronUpDown";
|
|
5025
5159
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -5029,18 +5163,18 @@ var DataList = (props) => {
|
|
|
5029
5163
|
icon = "chevronUp";
|
|
5030
5164
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
5031
5165
|
}
|
|
5032
|
-
return /* @__PURE__ */
|
|
5166
|
+
return /* @__PURE__ */ jsx66(
|
|
5033
5167
|
"th",
|
|
5034
5168
|
{
|
|
5035
5169
|
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" : ""),
|
|
5036
|
-
children: /* @__PURE__ */
|
|
5170
|
+
children: /* @__PURE__ */ jsx66(
|
|
5037
5171
|
Hyperlink,
|
|
5038
5172
|
{
|
|
5039
5173
|
href: column.enableSorting ? url : void 0,
|
|
5040
5174
|
className: "!text-neutral-contrast ",
|
|
5041
|
-
children: /* @__PURE__ */
|
|
5042
|
-
/* @__PURE__ */
|
|
5043
|
-
column.enableSorting && /* @__PURE__ */
|
|
5175
|
+
children: /* @__PURE__ */ jsxs36("span", { className: "flex items-center space-x-1", children: [
|
|
5176
|
+
/* @__PURE__ */ jsx66("span", { className: "text-black", children: column.label }),
|
|
5177
|
+
column.enableSorting && /* @__PURE__ */ jsx66(Icon_default, { className: "w-4 h-4", name: icon })
|
|
5044
5178
|
] })
|
|
5045
5179
|
}
|
|
5046
5180
|
)
|
|
@@ -5048,24 +5182,24 @@ var DataList = (props) => {
|
|
|
5048
5182
|
column.name
|
|
5049
5183
|
);
|
|
5050
5184
|
}) }) }),
|
|
5051
|
-
/* @__PURE__ */
|
|
5185
|
+
/* @__PURE__ */ jsx66("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
5052
5186
|
let validityClass = "";
|
|
5053
5187
|
console.log("dataitem", dataitem);
|
|
5054
5188
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
5055
5189
|
validityClass = "bg-alert-200";
|
|
5056
5190
|
}
|
|
5057
|
-
return /* @__PURE__ */
|
|
5191
|
+
return /* @__PURE__ */ jsx66("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
5058
5192
|
console.log("column", column);
|
|
5059
|
-
return /* @__PURE__ */
|
|
5193
|
+
return /* @__PURE__ */ jsx66(React46.Fragment, { children: /* @__PURE__ */ jsx66(
|
|
5060
5194
|
"td",
|
|
5061
5195
|
{
|
|
5062
5196
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
5063
|
-
children: column.addhref === true ? /* @__PURE__ */
|
|
5197
|
+
children: column.addhref === true ? /* @__PURE__ */ jsx66(
|
|
5064
5198
|
Hyperlink,
|
|
5065
5199
|
{
|
|
5066
5200
|
className: "",
|
|
5067
5201
|
href: `https://${dataitem[column.name]}`,
|
|
5068
|
-
children: /* @__PURE__ */
|
|
5202
|
+
children: /* @__PURE__ */ jsx66(
|
|
5069
5203
|
ViewControl_default,
|
|
5070
5204
|
{
|
|
5071
5205
|
controlType: column.controlType,
|
|
@@ -5078,11 +5212,11 @@ var DataList = (props) => {
|
|
|
5078
5212
|
}
|
|
5079
5213
|
)
|
|
5080
5214
|
}
|
|
5081
|
-
) : column.showAsLink ? /* @__PURE__ */
|
|
5215
|
+
) : column.showAsLink ? /* @__PURE__ */ jsx66(
|
|
5082
5216
|
Hyperlink,
|
|
5083
5217
|
{
|
|
5084
5218
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
5085
|
-
children: /* @__PURE__ */
|
|
5219
|
+
children: /* @__PURE__ */ jsx66(
|
|
5086
5220
|
ViewControl_default,
|
|
5087
5221
|
{
|
|
5088
5222
|
controlType: column.controlType,
|
|
@@ -5092,7 +5226,7 @@ var DataList = (props) => {
|
|
|
5092
5226
|
}
|
|
5093
5227
|
)
|
|
5094
5228
|
}
|
|
5095
|
-
) : /* @__PURE__ */
|
|
5229
|
+
) : /* @__PURE__ */ jsx66(
|
|
5096
5230
|
ViewControl_default,
|
|
5097
5231
|
{
|
|
5098
5232
|
controlType: column.controlType,
|
|
@@ -5106,10 +5240,10 @@ var DataList = (props) => {
|
|
|
5106
5240
|
}) }, index);
|
|
5107
5241
|
}) })
|
|
5108
5242
|
] }) }),
|
|
5109
|
-
/* @__PURE__ */
|
|
5110
|
-
/* @__PURE__ */
|
|
5111
|
-
/* @__PURE__ */
|
|
5112
|
-
activePageNumber > 1 && /* @__PURE__ */
|
|
5243
|
+
/* @__PURE__ */ jsx66("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between", children: [
|
|
5244
|
+
/* @__PURE__ */ jsx66("div", { className: "text-gray-700", children: label }),
|
|
5245
|
+
/* @__PURE__ */ jsxs36("div", { className: "flex space-x-2 items-center", children: [
|
|
5246
|
+
activePageNumber > 1 && /* @__PURE__ */ jsx66(
|
|
5113
5247
|
Hyperlink,
|
|
5114
5248
|
{
|
|
5115
5249
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -5117,9 +5251,9 @@ var DataList = (props) => {
|
|
|
5117
5251
|
children: "Prev"
|
|
5118
5252
|
}
|
|
5119
5253
|
),
|
|
5120
|
-
activePageNumber <= 1 && /* @__PURE__ */
|
|
5254
|
+
activePageNumber <= 1 && /* @__PURE__ */ jsx66("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" }),
|
|
5121
5255
|
renderPageNumbers(),
|
|
5122
|
-
activePageNumber < pages && /* @__PURE__ */
|
|
5256
|
+
activePageNumber < pages && /* @__PURE__ */ jsx66(
|
|
5123
5257
|
Hyperlink,
|
|
5124
5258
|
{
|
|
5125
5259
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -5127,19 +5261,19 @@ var DataList = (props) => {
|
|
|
5127
5261
|
children: "Next"
|
|
5128
5262
|
}
|
|
5129
5263
|
),
|
|
5130
|
-
activePageNumber >= pages && /* @__PURE__ */
|
|
5264
|
+
activePageNumber >= pages && /* @__PURE__ */ jsx66("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
5131
5265
|
] })
|
|
5132
5266
|
] }) })
|
|
5133
5267
|
] }),
|
|
5134
|
-
/* @__PURE__ */
|
|
5135
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */
|
|
5268
|
+
/* @__PURE__ */ jsxs36(NoContentView_default, { isDataFound, children: [
|
|
5269
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs36(
|
|
5136
5270
|
"div",
|
|
5137
5271
|
{
|
|
5138
5272
|
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`,
|
|
5139
5273
|
children: [
|
|
5140
|
-
props.title ? /* @__PURE__ */
|
|
5141
|
-
/* @__PURE__ */
|
|
5142
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */
|
|
5274
|
+
props.title ? /* @__PURE__ */ jsx66("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx66("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx66("div", {}),
|
|
5275
|
+
/* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3", children: [
|
|
5276
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx66(
|
|
5143
5277
|
InputControl_default,
|
|
5144
5278
|
{
|
|
5145
5279
|
name: "Search_input",
|
|
@@ -5151,7 +5285,7 @@ var DataList = (props) => {
|
|
|
5151
5285
|
}
|
|
5152
5286
|
}
|
|
5153
5287
|
),
|
|
5154
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
5288
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx66(
|
|
5155
5289
|
InputControl_default,
|
|
5156
5290
|
{
|
|
5157
5291
|
name: filter.name,
|
|
@@ -5166,15 +5300,15 @@ var DataList = (props) => {
|
|
|
5166
5300
|
},
|
|
5167
5301
|
filter.name
|
|
5168
5302
|
)),
|
|
5169
|
-
props.addLinkHref && /* @__PURE__ */
|
|
5303
|
+
props.addLinkHref && /* @__PURE__ */ jsxs36(
|
|
5170
5304
|
Hyperlink,
|
|
5171
5305
|
{
|
|
5172
5306
|
className: "gap-1",
|
|
5173
5307
|
linkType: "Primary" /* Solid */,
|
|
5174
5308
|
href: props.addLinkHref,
|
|
5175
5309
|
children: [
|
|
5176
|
-
/* @__PURE__ */
|
|
5177
|
-
/* @__PURE__ */
|
|
5310
|
+
/* @__PURE__ */ jsx66(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
5311
|
+
/* @__PURE__ */ jsx66("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
5178
5312
|
]
|
|
5179
5313
|
}
|
|
5180
5314
|
)
|
|
@@ -5182,8 +5316,8 @@ var DataList = (props) => {
|
|
|
5182
5316
|
]
|
|
5183
5317
|
}
|
|
5184
5318
|
),
|
|
5185
|
-
/* @__PURE__ */
|
|
5186
|
-
/* @__PURE__ */
|
|
5319
|
+
/* @__PURE__ */ jsxs36("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
5320
|
+
/* @__PURE__ */ jsx66("div", { children: /* @__PURE__ */ jsx66("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx66("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx66("tr", { children: props?.columns?.map((column) => {
|
|
5187
5321
|
let url = builder.getNewOrderByUrl(column.name);
|
|
5188
5322
|
let icon = "chevronUpDown";
|
|
5189
5323
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -5193,18 +5327,18 @@ var DataList = (props) => {
|
|
|
5193
5327
|
icon = "chevronUp";
|
|
5194
5328
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
5195
5329
|
}
|
|
5196
|
-
return /* @__PURE__ */
|
|
5330
|
+
return /* @__PURE__ */ jsx66(
|
|
5197
5331
|
"th",
|
|
5198
5332
|
{
|
|
5199
5333
|
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" : ""),
|
|
5200
|
-
children: /* @__PURE__ */
|
|
5334
|
+
children: /* @__PURE__ */ jsx66(
|
|
5201
5335
|
Hyperlink,
|
|
5202
5336
|
{
|
|
5203
5337
|
href: column.enableSorting ? url : void 0,
|
|
5204
5338
|
className: "text-body-950",
|
|
5205
|
-
children: /* @__PURE__ */
|
|
5206
|
-
/* @__PURE__ */
|
|
5207
|
-
column.enableSorting && /* @__PURE__ */
|
|
5339
|
+
children: /* @__PURE__ */ jsxs36("span", { className: "flex items-center space-x-1", children: [
|
|
5340
|
+
/* @__PURE__ */ jsx66("span", { children: column.label }),
|
|
5341
|
+
column.enableSorting && /* @__PURE__ */ jsx66(Icon_default, { className: "w-4 h-4", name: icon })
|
|
5208
5342
|
] })
|
|
5209
5343
|
}
|
|
5210
5344
|
)
|
|
@@ -5212,7 +5346,7 @@ var DataList = (props) => {
|
|
|
5212
5346
|
column.name
|
|
5213
5347
|
);
|
|
5214
5348
|
}) }) }) }) }),
|
|
5215
|
-
/* @__PURE__ */
|
|
5349
|
+
/* @__PURE__ */ jsx66("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
5216
5350
|
] })
|
|
5217
5351
|
] })
|
|
5218
5352
|
] });
|
|
@@ -5222,7 +5356,7 @@ var DataList_default = DataList;
|
|
|
5222
5356
|
// src/components/dataForm/DataListRenderer.tsx
|
|
5223
5357
|
import React47, { useState as useState10, useEffect as useEffect11 } from "react";
|
|
5224
5358
|
import { usePathname as usePathname2 } from "next/navigation";
|
|
5225
|
-
import { jsx as
|
|
5359
|
+
import { jsx as jsx67, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
5226
5360
|
var viewControlMap = {
|
|
5227
5361
|
number: ViewControlTypes.number,
|
|
5228
5362
|
lineText: ViewControlTypes.lineText,
|
|
@@ -5312,9 +5446,9 @@ var DataListRenderer = ({
|
|
|
5312
5446
|
const [tabItem, setTabItem] = useState10();
|
|
5313
5447
|
const activeTab = tabItem?.find((tab) => tab.isActive);
|
|
5314
5448
|
const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
|
|
5315
|
-
return /* @__PURE__ */
|
|
5316
|
-
widgetProps && /* @__PURE__ */
|
|
5317
|
-
/* @__PURE__ */
|
|
5449
|
+
return /* @__PURE__ */ jsxs37(React47.Fragment, { children: [
|
|
5450
|
+
widgetProps && /* @__PURE__ */ jsx67(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
5451
|
+
/* @__PURE__ */ jsx67(
|
|
5318
5452
|
DataList_default,
|
|
5319
5453
|
{
|
|
5320
5454
|
addLinkHref,
|
|
@@ -5359,7 +5493,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
5359
5493
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
5360
5494
|
|
|
5361
5495
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
5362
|
-
import { jsx as
|
|
5496
|
+
import { jsx as jsx68, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
5363
5497
|
var DataFormChildSection = (props) => {
|
|
5364
5498
|
const { section } = props;
|
|
5365
5499
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -5427,14 +5561,14 @@ var DataFormChildSection = (props) => {
|
|
|
5427
5561
|
childItemsToRender,
|
|
5428
5562
|
allChildItems: childItems
|
|
5429
5563
|
});
|
|
5430
|
-
return /* @__PURE__ */
|
|
5431
|
-
section.sectionTitle && /* @__PURE__ */
|
|
5432
|
-
/* @__PURE__ */
|
|
5433
|
-
/* @__PURE__ */
|
|
5434
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */
|
|
5435
|
-
return /* @__PURE__ */
|
|
5564
|
+
return /* @__PURE__ */ jsx68(React48.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
5565
|
+
section.sectionTitle && /* @__PURE__ */ jsx68("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
5566
|
+
/* @__PURE__ */ jsx68("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
5567
|
+
/* @__PURE__ */ jsx68("div", { children: /* @__PURE__ */ jsxs38("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
5568
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx68("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
5569
|
+
return /* @__PURE__ */ jsxs38("tr", { className: "", children: [
|
|
5436
5570
|
sectionRow.elements.map((field, index) => {
|
|
5437
|
-
return /* @__PURE__ */
|
|
5571
|
+
return /* @__PURE__ */ jsx68(
|
|
5438
5572
|
"th",
|
|
5439
5573
|
{
|
|
5440
5574
|
className: "py-3 font-normal text-left",
|
|
@@ -5443,21 +5577,21 @@ var DataFormChildSection = (props) => {
|
|
|
5443
5577
|
field.name
|
|
5444
5578
|
);
|
|
5445
5579
|
}),
|
|
5446
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
5580
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx68("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
5447
5581
|
] }, sectionRowIndex);
|
|
5448
5582
|
}) }),
|
|
5449
|
-
/* @__PURE__ */
|
|
5583
|
+
/* @__PURE__ */ jsx68("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
5450
5584
|
const { item, originalIndex } = visibleItem;
|
|
5451
5585
|
const rowKey = originalIndex;
|
|
5452
|
-
return /* @__PURE__ */
|
|
5586
|
+
return /* @__PURE__ */ jsx68(React48.Fragment, { children: section.sectionRows.map(
|
|
5453
5587
|
(sectionRow, sectionRowIndex) => {
|
|
5454
|
-
return /* @__PURE__ */
|
|
5588
|
+
return /* @__PURE__ */ jsxs38(
|
|
5455
5589
|
"tr",
|
|
5456
5590
|
{
|
|
5457
5591
|
className: "",
|
|
5458
5592
|
children: [
|
|
5459
5593
|
sectionRow.elements.map((field, index) => {
|
|
5460
|
-
return /* @__PURE__ */
|
|
5594
|
+
return /* @__PURE__ */ jsx68("td", { children: /* @__PURE__ */ jsx68("div", { className: "flex-1", children: /* @__PURE__ */ jsx68("div", { className: "w-11/12", children: /* @__PURE__ */ jsx68(
|
|
5461
5595
|
InputControl_default,
|
|
5462
5596
|
{
|
|
5463
5597
|
index: filteredIndex,
|
|
@@ -5477,7 +5611,7 @@ var DataFormChildSection = (props) => {
|
|
|
5477
5611
|
}
|
|
5478
5612
|
) }) }) }, field.name);
|
|
5479
5613
|
}),
|
|
5480
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
5614
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx68("td", { children: /* @__PURE__ */ jsx68(
|
|
5481
5615
|
ClientButton_default,
|
|
5482
5616
|
{
|
|
5483
5617
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -5486,7 +5620,7 @@ var DataFormChildSection = (props) => {
|
|
|
5486
5620
|
},
|
|
5487
5621
|
dataRole: "delete",
|
|
5488
5622
|
tabIndex: -1,
|
|
5489
|
-
children: /* @__PURE__ */
|
|
5623
|
+
children: /* @__PURE__ */ jsx68(
|
|
5490
5624
|
Icon_default,
|
|
5491
5625
|
{
|
|
5492
5626
|
className: "w-4 h-4",
|
|
@@ -5503,7 +5637,7 @@ var DataFormChildSection = (props) => {
|
|
|
5503
5637
|
) }, rowKey);
|
|
5504
5638
|
}) })
|
|
5505
5639
|
] }) }),
|
|
5506
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
5640
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx68("div", { className: "ml-1", children: /* @__PURE__ */ jsx68(
|
|
5507
5641
|
ClientButton_default,
|
|
5508
5642
|
{
|
|
5509
5643
|
ButtonType: "Link" /* Link */,
|
|
@@ -5518,7 +5652,7 @@ var DataFormChildSection = (props) => {
|
|
|
5518
5652
|
var DataFormChildSection_default = DataFormChildSection;
|
|
5519
5653
|
|
|
5520
5654
|
// src/components/dataForm/DataForm.tsx
|
|
5521
|
-
import { jsx as
|
|
5655
|
+
import { jsx as jsx69, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
5522
5656
|
var DataForm = (props) => {
|
|
5523
5657
|
const formRef = useRef4(null);
|
|
5524
5658
|
console.log(props.dataItem, "dssads");
|
|
@@ -5738,19 +5872,19 @@ var DataForm = (props) => {
|
|
|
5738
5872
|
return false;
|
|
5739
5873
|
}
|
|
5740
5874
|
}
|
|
5741
|
-
return /* @__PURE__ */
|
|
5742
|
-
props.title && /* @__PURE__ */
|
|
5875
|
+
return /* @__PURE__ */ jsx69(React49.Fragment, { children: /* @__PURE__ */ jsxs39("div", { className: "flex-grow flex flex-col", children: [
|
|
5876
|
+
props.title && /* @__PURE__ */ jsx69("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__ */ jsxs39(
|
|
5743
5877
|
"div",
|
|
5744
5878
|
{
|
|
5745
5879
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
5746
5880
|
onClick: () => window.history.back(),
|
|
5747
5881
|
children: [
|
|
5748
|
-
/* @__PURE__ */
|
|
5749
|
-
/* @__PURE__ */
|
|
5882
|
+
/* @__PURE__ */ jsx69(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
5883
|
+
/* @__PURE__ */ jsx69("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
5750
5884
|
]
|
|
5751
5885
|
}
|
|
5752
5886
|
) }),
|
|
5753
|
-
/* @__PURE__ */
|
|
5887
|
+
/* @__PURE__ */ jsx69(
|
|
5754
5888
|
"form",
|
|
5755
5889
|
{
|
|
5756
5890
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -5771,8 +5905,8 @@ var DataForm = (props) => {
|
|
|
5771
5905
|
}
|
|
5772
5906
|
}
|
|
5773
5907
|
},
|
|
5774
|
-
children: /* @__PURE__ */
|
|
5775
|
-
return /* @__PURE__ */
|
|
5908
|
+
children: /* @__PURE__ */ jsx69("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
5909
|
+
return /* @__PURE__ */ jsx69(React49.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs39("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
5776
5910
|
section.sectionRows?.map(
|
|
5777
5911
|
(sectionRow, sectionRowIndex) => {
|
|
5778
5912
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -5783,14 +5917,14 @@ var DataForm = (props) => {
|
|
|
5783
5917
|
sectionRow.visible
|
|
5784
5918
|
);
|
|
5785
5919
|
}
|
|
5786
|
-
return /* @__PURE__ */
|
|
5787
|
-
return /* @__PURE__ */
|
|
5920
|
+
return /* @__PURE__ */ jsx69(React49.Fragment, { children: isVisible && /* @__PURE__ */ jsx69("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
5921
|
+
return /* @__PURE__ */ jsxs39(
|
|
5788
5922
|
"div",
|
|
5789
5923
|
{
|
|
5790
5924
|
className: sectionRow.grow ? "grow" : "",
|
|
5791
5925
|
children: [
|
|
5792
|
-
/* @__PURE__ */
|
|
5793
|
-
/* @__PURE__ */
|
|
5926
|
+
/* @__PURE__ */ jsx69("div", { children: field.controlType }),
|
|
5927
|
+
/* @__PURE__ */ jsx69(
|
|
5794
5928
|
InputControl_default,
|
|
5795
5929
|
{
|
|
5796
5930
|
name: field.name,
|
|
@@ -5820,12 +5954,12 @@ var DataForm = (props) => {
|
|
|
5820
5954
|
}) }) }, sectionRowIndex);
|
|
5821
5955
|
}
|
|
5822
5956
|
),
|
|
5823
|
-
/* @__PURE__ */
|
|
5957
|
+
/* @__PURE__ */ jsx69("div", { children: section.childSections?.map(
|
|
5824
5958
|
(childSection, childSectionIndex) => {
|
|
5825
|
-
return /* @__PURE__ */
|
|
5959
|
+
return /* @__PURE__ */ jsx69("div", { children: childSection.name && evalutateCondition(
|
|
5826
5960
|
formState.inputValues,
|
|
5827
5961
|
childSection.visible
|
|
5828
|
-
) && /* @__PURE__ */
|
|
5962
|
+
) && /* @__PURE__ */ jsx69(
|
|
5829
5963
|
DataFormChildSection_default,
|
|
5830
5964
|
{
|
|
5831
5965
|
section: childSection,
|
|
@@ -5840,8 +5974,8 @@ var DataForm = (props) => {
|
|
|
5840
5974
|
}) })
|
|
5841
5975
|
}
|
|
5842
5976
|
),
|
|
5843
|
-
/* @__PURE__ */
|
|
5844
|
-
/* @__PURE__ */
|
|
5977
|
+
/* @__PURE__ */ jsxs39("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
5978
|
+
/* @__PURE__ */ jsx69("div", { children: props.additionalActions && /* @__PURE__ */ jsx69(
|
|
5845
5979
|
Button_default,
|
|
5846
5980
|
{
|
|
5847
5981
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -5849,7 +5983,7 @@ var DataForm = (props) => {
|
|
|
5849
5983
|
children: props.additionalActions.title
|
|
5850
5984
|
}
|
|
5851
5985
|
) }),
|
|
5852
|
-
/* @__PURE__ */
|
|
5986
|
+
/* @__PURE__ */ jsx69("div", { children: props.onDelete && /* @__PURE__ */ jsx69(
|
|
5853
5987
|
Button_default,
|
|
5854
5988
|
{
|
|
5855
5989
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -5860,7 +5994,7 @@ var DataForm = (props) => {
|
|
|
5860
5994
|
children: "Delete"
|
|
5861
5995
|
}
|
|
5862
5996
|
) }),
|
|
5863
|
-
/* @__PURE__ */
|
|
5997
|
+
/* @__PURE__ */ jsx69("div", { children: props.onClick && /* @__PURE__ */ jsx69(
|
|
5864
5998
|
Button_default,
|
|
5865
5999
|
{
|
|
5866
6000
|
onValidate,
|
|
@@ -5877,7 +6011,7 @@ var DataForm = (props) => {
|
|
|
5877
6011
|
var DataForm_default = DataForm;
|
|
5878
6012
|
|
|
5879
6013
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
5880
|
-
import { jsx as
|
|
6014
|
+
import { jsx as jsx70, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
5881
6015
|
function getAction(actions, code) {
|
|
5882
6016
|
return actions?.find((a) => a.actionCode === code);
|
|
5883
6017
|
}
|
|
@@ -5903,9 +6037,9 @@ var DataFormRenderer = ({
|
|
|
5903
6037
|
"Delete"
|
|
5904
6038
|
);
|
|
5905
6039
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
5906
|
-
return /* @__PURE__ */
|
|
5907
|
-
widgetProps && /* @__PURE__ */
|
|
5908
|
-
/* @__PURE__ */
|
|
6040
|
+
return /* @__PURE__ */ jsxs40("div", { className: "flex-grow flex flex-col", children: [
|
|
6041
|
+
widgetProps && /* @__PURE__ */ jsx70(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
6042
|
+
/* @__PURE__ */ jsx70(
|
|
5909
6043
|
DataForm_default,
|
|
5910
6044
|
{
|
|
5911
6045
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|