@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260808091030 → 0.8.1-dev.20260808143630
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/{IframeClient-E6VGPN6S.mjs → IframeClient-WF2KLXZB.mjs} +4 -1
- package/dist/{IframeClient-J64QAFNK.mjs → IframeClient-XEWQLGUQ.mjs} +4 -1
- package/dist/index.js +243 -219
- package/dist/index.mjs +169 -148
- package/dist/server.js +98 -74
- package/dist/server.mjs +38 -17
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4041,7 +4041,10 @@ var init_IframeClient = __esm({
|
|
|
4041
4041
|
src,
|
|
4042
4042
|
className: "w-full h-full border-none",
|
|
4043
4043
|
scrolling: "no",
|
|
4044
|
-
style: {
|
|
4044
|
+
style: {
|
|
4045
|
+
width: width != null ? `${width}px` : "100%",
|
|
4046
|
+
height: height != null ? `${height}px` : iframeHeight
|
|
4047
|
+
},
|
|
4045
4048
|
onLoad: handleIframeLoad
|
|
4046
4049
|
}
|
|
4047
4050
|
) }) });
|
|
@@ -4254,7 +4257,7 @@ var Pagination_exports = {};
|
|
|
4254
4257
|
__export(Pagination_exports, {
|
|
4255
4258
|
default: () => Pagination_default
|
|
4256
4259
|
});
|
|
4257
|
-
var import_react54,
|
|
4260
|
+
var import_react54, import_jsx_runtime76, Pagination, Pagination_default;
|
|
4258
4261
|
var init_Pagination = __esm({
|
|
4259
4262
|
"src/components/Pagination.tsx"() {
|
|
4260
4263
|
"use strict";
|
|
@@ -4265,7 +4268,7 @@ var init_Pagination = __esm({
|
|
|
4265
4268
|
init_StyleTypes();
|
|
4266
4269
|
init_InputControlType();
|
|
4267
4270
|
init_Hyperlink();
|
|
4268
|
-
|
|
4271
|
+
import_jsx_runtime76 = require("react/jsx-runtime");
|
|
4269
4272
|
Pagination = (props) => {
|
|
4270
4273
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4271
4274
|
const builder = (0, import_react54.useMemo)(() => {
|
|
@@ -4309,7 +4312,7 @@ var init_Pagination = __esm({
|
|
|
4309
4312
|
return range;
|
|
4310
4313
|
};
|
|
4311
4314
|
const paginationRange = getPaginationRange();
|
|
4312
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4315
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4313
4316
|
Hyperlink,
|
|
4314
4317
|
{
|
|
4315
4318
|
linkType: "Link" /* Link */,
|
|
@@ -4324,9 +4327,9 @@ var init_Pagination = __esm({
|
|
|
4324
4327
|
);
|
|
4325
4328
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4326
4329
|
if (disabled) {
|
|
4327
|
-
return /* @__PURE__ */ (0,
|
|
4330
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
|
|
4328
4331
|
}
|
|
4329
|
-
return /* @__PURE__ */ (0,
|
|
4332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4330
4333
|
Hyperlink,
|
|
4331
4334
|
{
|
|
4332
4335
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
|
|
@@ -4336,35 +4339,35 @@ var init_Pagination = __esm({
|
|
|
4336
4339
|
);
|
|
4337
4340
|
};
|
|
4338
4341
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4339
|
-
return /* @__PURE__ */ (0,
|
|
4340
|
-
/* @__PURE__ */ (0,
|
|
4341
|
-
/* @__PURE__ */ (0,
|
|
4342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4343
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4344
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "text-sm", children: [
|
|
4342
4345
|
"Showing ",
|
|
4343
|
-
/* @__PURE__ */ (0,
|
|
4346
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "font-semibold", children: [
|
|
4344
4347
|
startItem,
|
|
4345
4348
|
"-",
|
|
4346
4349
|
endItem
|
|
4347
4350
|
] }),
|
|
4348
4351
|
" ",
|
|
4349
4352
|
"out of ",
|
|
4350
|
-
/* @__PURE__ */ (0,
|
|
4353
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4351
4354
|
" results"
|
|
4352
4355
|
] }),
|
|
4353
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4354
|
-
/* @__PURE__ */ (0,
|
|
4356
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4357
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
4355
4358
|
NavigationButton,
|
|
4356
4359
|
{
|
|
4357
4360
|
page: activePageNumber - 1,
|
|
4358
4361
|
disabled: activePageNumber === 1,
|
|
4359
4362
|
children: [
|
|
4360
|
-
/* @__PURE__ */ (0,
|
|
4361
|
-
/* @__PURE__ */ (0,
|
|
4363
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4364
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
4362
4365
|
]
|
|
4363
4366
|
}
|
|
4364
4367
|
),
|
|
4365
4368
|
paginationRange.map((item, index) => {
|
|
4366
4369
|
if (item === "...") {
|
|
4367
|
-
return /* @__PURE__ */ (0,
|
|
4370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4368
4371
|
"span",
|
|
4369
4372
|
{
|
|
4370
4373
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4374,23 +4377,23 @@ var init_Pagination = __esm({
|
|
|
4374
4377
|
);
|
|
4375
4378
|
}
|
|
4376
4379
|
const page = item;
|
|
4377
|
-
return /* @__PURE__ */ (0,
|
|
4380
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PageButton, { page, children: page }, page);
|
|
4378
4381
|
}),
|
|
4379
|
-
/* @__PURE__ */ (0,
|
|
4382
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
4380
4383
|
NavigationButton,
|
|
4381
4384
|
{
|
|
4382
4385
|
page: activePageNumber + 1,
|
|
4383
4386
|
disabled: activePageNumber === totalPages,
|
|
4384
4387
|
children: [
|
|
4385
|
-
/* @__PURE__ */ (0,
|
|
4386
|
-
/* @__PURE__ */ (0,
|
|
4388
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4389
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4387
4390
|
]
|
|
4388
4391
|
}
|
|
4389
4392
|
)
|
|
4390
4393
|
] }),
|
|
4391
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4392
|
-
/* @__PURE__ */ (0,
|
|
4393
|
-
/* @__PURE__ */ (0,
|
|
4394
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4395
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4396
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4394
4397
|
"input",
|
|
4395
4398
|
{
|
|
4396
4399
|
type: "number",
|
|
@@ -4411,9 +4414,9 @@ var init_Pagination = __esm({
|
|
|
4411
4414
|
) })
|
|
4412
4415
|
] })
|
|
4413
4416
|
] }),
|
|
4414
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4415
|
-
/* @__PURE__ */ (0,
|
|
4416
|
-
/* @__PURE__ */ (0,
|
|
4417
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4418
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4419
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4417
4420
|
Hyperlink,
|
|
4418
4421
|
{
|
|
4419
4422
|
className: `
|
|
@@ -4425,7 +4428,7 @@ var init_Pagination = __esm({
|
|
|
4425
4428
|
},
|
|
4426
4429
|
size
|
|
4427
4430
|
)) }),
|
|
4428
|
-
/* @__PURE__ */ (0,
|
|
4431
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4429
4432
|
] }) })
|
|
4430
4433
|
] });
|
|
4431
4434
|
};
|
|
@@ -4438,13 +4441,13 @@ var Slider_exports = {};
|
|
|
4438
4441
|
__export(Slider_exports, {
|
|
4439
4442
|
default: () => Slider_default
|
|
4440
4443
|
});
|
|
4441
|
-
var import_react55,
|
|
4444
|
+
var import_react55, import_jsx_runtime77, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
4442
4445
|
var init_Slider = __esm({
|
|
4443
4446
|
"src/components/Slider.tsx"() {
|
|
4444
4447
|
"use strict";
|
|
4445
4448
|
"use client";
|
|
4446
4449
|
import_react55 = __toESM(require("react"));
|
|
4447
|
-
|
|
4450
|
+
import_jsx_runtime77 = require("react/jsx-runtime");
|
|
4448
4451
|
Slider = ({
|
|
4449
4452
|
children,
|
|
4450
4453
|
slidesToShow = 4,
|
|
@@ -4541,7 +4544,7 @@ var init_Slider = __esm({
|
|
|
4541
4544
|
if (!import_react55.default.isValidElement(child)) return null;
|
|
4542
4545
|
const childProps = child.props;
|
|
4543
4546
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4544
|
-
return /* @__PURE__ */ (0,
|
|
4547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4545
4548
|
"div",
|
|
4546
4549
|
{
|
|
4547
4550
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4564,14 +4567,14 @@ var init_Slider = __esm({
|
|
|
4564
4567
|
return "bottom-4";
|
|
4565
4568
|
}
|
|
4566
4569
|
};
|
|
4567
|
-
return /* @__PURE__ */ (0,
|
|
4570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4568
4571
|
"div",
|
|
4569
4572
|
{
|
|
4570
4573
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4571
4574
|
onMouseEnter: handleMouseEnter,
|
|
4572
4575
|
onMouseLeave: handleMouseLeave,
|
|
4573
4576
|
children: [
|
|
4574
|
-
/* @__PURE__ */ (0,
|
|
4577
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4575
4578
|
"div",
|
|
4576
4579
|
{
|
|
4577
4580
|
className: "flex h-full",
|
|
@@ -4582,18 +4585,18 @@ var init_Slider = __esm({
|
|
|
4582
4585
|
children: slides
|
|
4583
4586
|
}
|
|
4584
4587
|
),
|
|
4585
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4586
|
-
/* @__PURE__ */ (0,
|
|
4588
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
4589
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4587
4590
|
ArrowButton,
|
|
4588
4591
|
{
|
|
4589
4592
|
direction: "left",
|
|
4590
4593
|
onClick: prevSlide,
|
|
4591
4594
|
visible: infinite_scroll || currentSlide > 0,
|
|
4592
4595
|
className: arrowClassName,
|
|
4593
|
-
children: /* @__PURE__ */ (0,
|
|
4596
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4594
4597
|
}
|
|
4595
4598
|
),
|
|
4596
|
-
/* @__PURE__ */ (0,
|
|
4599
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4597
4600
|
ArrowButton,
|
|
4598
4601
|
{
|
|
4599
4602
|
direction: "right",
|
|
@@ -4601,13 +4604,13 @@ var init_Slider = __esm({
|
|
|
4601
4604
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4602
4605
|
className: arrowClassName,
|
|
4603
4606
|
children: [
|
|
4604
|
-
/* @__PURE__ */ (0,
|
|
4607
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4605
4608
|
" "
|
|
4606
4609
|
]
|
|
4607
4610
|
}
|
|
4608
4611
|
)
|
|
4609
4612
|
] }),
|
|
4610
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4613
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4611
4614
|
ProgressPill,
|
|
4612
4615
|
{
|
|
4613
4616
|
active: index === currentSlide,
|
|
@@ -4633,7 +4636,7 @@ var init_Slider = __esm({
|
|
|
4633
4636
|
visible,
|
|
4634
4637
|
children,
|
|
4635
4638
|
className = ""
|
|
4636
|
-
}) => /* @__PURE__ */ (0,
|
|
4639
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4637
4640
|
"button",
|
|
4638
4641
|
{
|
|
4639
4642
|
className: `
|
|
@@ -4720,7 +4723,7 @@ var init_Slider = __esm({
|
|
|
4720
4723
|
const renderProgressBar = () => {
|
|
4721
4724
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4722
4725
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4723
|
-
return /* @__PURE__ */ (0,
|
|
4726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4724
4727
|
"div",
|
|
4725
4728
|
{
|
|
4726
4729
|
className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
|
|
@@ -4732,7 +4735,7 @@ var init_Slider = __esm({
|
|
|
4732
4735
|
};
|
|
4733
4736
|
const renderCumulativeFill = () => {
|
|
4734
4737
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4735
|
-
return /* @__PURE__ */ (0,
|
|
4738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4736
4739
|
"div",
|
|
4737
4740
|
{
|
|
4738
4741
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4742,7 +4745,7 @@ var init_Slider = __esm({
|
|
|
4742
4745
|
}
|
|
4743
4746
|
return null;
|
|
4744
4747
|
};
|
|
4745
|
-
return /* @__PURE__ */ (0,
|
|
4748
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4746
4749
|
"button",
|
|
4747
4750
|
{
|
|
4748
4751
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -5959,7 +5962,7 @@ var WidgetNode = (props) => {
|
|
|
5959
5962
|
var WidgetNode_default = WidgetNode;
|
|
5960
5963
|
|
|
5961
5964
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
5962
|
-
var
|
|
5965
|
+
var import_dynamic12 = __toESM(require("next/dynamic"));
|
|
5963
5966
|
var import_react56 = __toESM(require("react"));
|
|
5964
5967
|
|
|
5965
5968
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
@@ -7056,10 +7059,29 @@ var DocumentNode = (props) => {
|
|
|
7056
7059
|
};
|
|
7057
7060
|
var DocumentNode_default = DocumentNode;
|
|
7058
7061
|
|
|
7062
|
+
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
7063
|
+
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7064
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7065
|
+
var IframeClient3 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7066
|
+
ssr: false
|
|
7067
|
+
});
|
|
7068
|
+
var GoogleMapNode = (props) => {
|
|
7069
|
+
let src = props.node.embedUrl;
|
|
7070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
7071
|
+
IframeClient3,
|
|
7072
|
+
{
|
|
7073
|
+
src,
|
|
7074
|
+
width: props.node.width,
|
|
7075
|
+
height: props.node.height
|
|
7076
|
+
}
|
|
7077
|
+
) });
|
|
7078
|
+
};
|
|
7079
|
+
var GoogleMapNode_default = GoogleMapNode;
|
|
7080
|
+
|
|
7059
7081
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
7060
|
-
var
|
|
7061
|
-
var Pagination2 = (0,
|
|
7062
|
-
var Slider2 = (0,
|
|
7082
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7083
|
+
var Pagination2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
7084
|
+
var Slider2 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
|
|
7063
7085
|
ssr: false
|
|
7064
7086
|
});
|
|
7065
7087
|
function toCamelCase(str) {
|
|
@@ -7240,7 +7262,8 @@ var DivContainer = async (props) => {
|
|
|
7240
7262
|
text: TextNode_default,
|
|
7241
7263
|
datafield: DatafieldNode_default,
|
|
7242
7264
|
"svg-icon": SVGIconNode_default,
|
|
7243
|
-
document: DocumentNode_default
|
|
7265
|
+
document: DocumentNode_default,
|
|
7266
|
+
"google-map": GoogleMapNode_default
|
|
7244
7267
|
};
|
|
7245
7268
|
const styles = props.node.cssProperties;
|
|
7246
7269
|
const mobileStyles = props.node.mobileCssProperties;
|
|
@@ -7312,7 +7335,7 @@ var DivContainer = async (props) => {
|
|
|
7312
7335
|
response = await serviceClient.get(endpoint);
|
|
7313
7336
|
result = response?.result;
|
|
7314
7337
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
7315
|
-
return /* @__PURE__ */ (0,
|
|
7338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NoDataFound_default, {});
|
|
7316
7339
|
}
|
|
7317
7340
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
7318
7341
|
childCollectionData = getNestedValue6(
|
|
@@ -7332,7 +7355,7 @@ var DivContainer = async (props) => {
|
|
|
7332
7355
|
}
|
|
7333
7356
|
const SelectedNode = NodeTypes2[node.type];
|
|
7334
7357
|
if (!SelectedNode) return null;
|
|
7335
|
-
return /* @__PURE__ */ (0,
|
|
7358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7336
7359
|
SelectedNode,
|
|
7337
7360
|
{
|
|
7338
7361
|
node,
|
|
@@ -7465,14 +7488,14 @@ var DivContainer = async (props) => {
|
|
|
7465
7488
|
noLinkColor && "no-link-color",
|
|
7466
7489
|
!!props.node.enterAnimation && "enter-animation"
|
|
7467
7490
|
].filter(Boolean).join(" ");
|
|
7468
|
-
return /* @__PURE__ */ (0,
|
|
7469
|
-
/* @__PURE__ */ (0,
|
|
7491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react56.default.Fragment, { children: [
|
|
7492
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7470
7493
|
"style",
|
|
7471
7494
|
{
|
|
7472
7495
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7473
7496
|
}
|
|
7474
7497
|
),
|
|
7475
|
-
/* @__PURE__ */ (0,
|
|
7498
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7476
7499
|
Wrapper,
|
|
7477
7500
|
{
|
|
7478
7501
|
id: guid,
|
|
@@ -7486,11 +7509,11 @@ var DivContainer = async (props) => {
|
|
|
7486
7509
|
item,
|
|
7487
7510
|
idx,
|
|
7488
7511
|
props.href ? void 0 : item?.links?.view
|
|
7489
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
7512
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react56.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
7490
7513
|
)
|
|
7491
7514
|
}
|
|
7492
7515
|
),
|
|
7493
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
7516
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7494
7517
|
Pagination2,
|
|
7495
7518
|
{
|
|
7496
7519
|
path: props.path,
|
|
@@ -7503,7 +7526,7 @@ var DivContainer = async (props) => {
|
|
|
7503
7526
|
var DivContainer_default = DivContainer;
|
|
7504
7527
|
|
|
7505
7528
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
7506
|
-
var
|
|
7529
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7507
7530
|
var NodeTypes = {
|
|
7508
7531
|
["paragraph"]: ParagraphNode_default,
|
|
7509
7532
|
["heading"]: HeadingNode_default,
|
|
@@ -7518,7 +7541,8 @@ var NodeTypes = {
|
|
|
7518
7541
|
["div-container"]: DivContainer_default,
|
|
7519
7542
|
["svg-icon"]: SVGIconNode_default,
|
|
7520
7543
|
["embed"]: EmbedNode_default,
|
|
7521
|
-
["document"]: DocumentNode_default
|
|
7544
|
+
["document"]: DocumentNode_default,
|
|
7545
|
+
["google-map"]: GoogleMapNode_default
|
|
7522
7546
|
};
|
|
7523
7547
|
var PageBodyRenderer = (props) => {
|
|
7524
7548
|
let pageBodyTree;
|
|
@@ -7540,14 +7564,14 @@ var PageBodyRenderer = (props) => {
|
|
|
7540
7564
|
}
|
|
7541
7565
|
return true;
|
|
7542
7566
|
};
|
|
7543
|
-
return /* @__PURE__ */ (0,
|
|
7567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
7544
7568
|
{
|
|
7545
7569
|
}
|
|
7546
7570
|
const SelectedNode = NodeTypes[node.type];
|
|
7547
7571
|
if (!shouldRenderNode(node)) {
|
|
7548
7572
|
return null;
|
|
7549
7573
|
}
|
|
7550
|
-
return /* @__PURE__ */ (0,
|
|
7574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7551
7575
|
SelectedNode,
|
|
7552
7576
|
{
|
|
7553
7577
|
node,
|
|
@@ -7563,7 +7587,7 @@ var PageBodyRenderer = (props) => {
|
|
|
7563
7587
|
device: props.device,
|
|
7564
7588
|
widgetRenderer: props.widgetRenderer
|
|
7565
7589
|
}
|
|
7566
|
-
) }) : /* @__PURE__ */ (0,
|
|
7590
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7567
7591
|
SelectedNode,
|
|
7568
7592
|
{
|
|
7569
7593
|
node,
|
|
@@ -7634,7 +7658,7 @@ function EnterAnimationHydrator() {
|
|
|
7634
7658
|
// src/components/Toast.tsx
|
|
7635
7659
|
var import_react59 = require("react");
|
|
7636
7660
|
init_ToastService();
|
|
7637
|
-
var
|
|
7661
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7638
7662
|
var Toast = () => {
|
|
7639
7663
|
const [showToast, setShowToast] = (0, import_react59.useState)(false);
|
|
7640
7664
|
const [message, setMessage] = (0, import_react59.useState)("");
|
|
@@ -7668,8 +7692,8 @@ var Toast = () => {
|
|
|
7668
7692
|
});
|
|
7669
7693
|
};
|
|
7670
7694
|
}, [closeToast, showMessage]);
|
|
7671
|
-
return /* @__PURE__ */ (0,
|
|
7672
|
-
/* @__PURE__ */ (0,
|
|
7695
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
7696
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7673
7697
|
"span",
|
|
7674
7698
|
{
|
|
7675
7699
|
className: "font-medium text-inherit text-sm",
|
|
@@ -7677,7 +7701,7 @@ var Toast = () => {
|
|
|
7677
7701
|
children: message
|
|
7678
7702
|
}
|
|
7679
7703
|
),
|
|
7680
|
-
/* @__PURE__ */ (0,
|
|
7704
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7681
7705
|
"svg",
|
|
7682
7706
|
{
|
|
7683
7707
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7685,7 +7709,7 @@ var Toast = () => {
|
|
|
7685
7709
|
fill: "none",
|
|
7686
7710
|
viewBox: "0 0 24 24",
|
|
7687
7711
|
stroke: "currentColor",
|
|
7688
|
-
children: /* @__PURE__ */ (0,
|
|
7712
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
7689
7713
|
}
|
|
7690
7714
|
) })
|
|
7691
7715
|
] }) }) });
|
|
@@ -7716,7 +7740,7 @@ init_Switcher();
|
|
|
7716
7740
|
// src/components/NavigationTabsV2.tsx
|
|
7717
7741
|
var import_link3 = __toESM(require("next/link"));
|
|
7718
7742
|
var import_navigation = require("next/navigation");
|
|
7719
|
-
var
|
|
7743
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7720
7744
|
function resolveRoutePlaceholders(route, params) {
|
|
7721
7745
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
7722
7746
|
const value = params[key];
|
|
@@ -7741,8 +7765,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7741
7765
|
isActive: tab.isActive
|
|
7742
7766
|
})) || [];
|
|
7743
7767
|
if (mappedTabs.length === 0) return null;
|
|
7744
|
-
return /* @__PURE__ */ (0,
|
|
7745
|
-
return /* @__PURE__ */ (0,
|
|
7768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
7769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7746
7770
|
"div",
|
|
7747
7771
|
{
|
|
7748
7772
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -7760,9 +7784,9 @@ var import_navigation2 = require("next/navigation");
|
|
|
7760
7784
|
|
|
7761
7785
|
// src/components/dataForm/NoContentView.tsx
|
|
7762
7786
|
var import_react60 = __toESM(require("react"));
|
|
7763
|
-
var
|
|
7787
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7764
7788
|
var NoContentView = (props) => {
|
|
7765
|
-
return /* @__PURE__ */ (0,
|
|
7789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react60.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
7766
7790
|
};
|
|
7767
7791
|
var NoContentView_default = NoContentView;
|
|
7768
7792
|
|
|
@@ -7771,38 +7795,38 @@ init_InputControlType();
|
|
|
7771
7795
|
|
|
7772
7796
|
// src/components/dataForm/ContentView.tsx
|
|
7773
7797
|
var import_react61 = __toESM(require("react"));
|
|
7774
|
-
var
|
|
7798
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7775
7799
|
var ContentView = (props) => {
|
|
7776
|
-
return /* @__PURE__ */ (0,
|
|
7777
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
7778
|
-
/* @__PURE__ */ (0,
|
|
7779
|
-
/* @__PURE__ */ (0,
|
|
7780
|
-
/* @__PURE__ */ (0,
|
|
7781
|
-
/* @__PURE__ */ (0,
|
|
7782
|
-
/* @__PURE__ */ (0,
|
|
7800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react61.default.Fragment, { children: [
|
|
7801
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
7802
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
7803
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
7804
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "ml-2", children: [
|
|
7805
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
7806
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
7783
7807
|
] })
|
|
7784
7808
|
] }),
|
|
7785
|
-
/* @__PURE__ */ (0,
|
|
7786
|
-
/* @__PURE__ */ (0,
|
|
7787
|
-
/* @__PURE__ */ (0,
|
|
7788
|
-
/* @__PURE__ */ (0,
|
|
7789
|
-
/* @__PURE__ */ (0,
|
|
7790
|
-
/* @__PURE__ */ (0,
|
|
7791
|
-
/* @__PURE__ */ (0,
|
|
7809
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
7810
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "animate-pulse", children: [
|
|
7811
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7812
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7813
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7814
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7815
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7792
7816
|
] }),
|
|
7793
|
-
/* @__PURE__ */ (0,
|
|
7794
|
-
/* @__PURE__ */ (0,
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
/* @__PURE__ */ (0,
|
|
7797
|
-
/* @__PURE__ */ (0,
|
|
7798
|
-
/* @__PURE__ */ (0,
|
|
7817
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "animate-pulse", children: [
|
|
7818
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7819
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7820
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7821
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7822
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7799
7823
|
] }),
|
|
7800
|
-
/* @__PURE__ */ (0,
|
|
7801
|
-
/* @__PURE__ */ (0,
|
|
7802
|
-
/* @__PURE__ */ (0,
|
|
7803
|
-
/* @__PURE__ */ (0,
|
|
7804
|
-
/* @__PURE__ */ (0,
|
|
7805
|
-
/* @__PURE__ */ (0,
|
|
7824
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "animate-pulse", children: [
|
|
7825
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7826
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7827
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7828
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7829
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7806
7830
|
] })
|
|
7807
7831
|
] })
|
|
7808
7832
|
] }) }),
|
|
@@ -7862,7 +7886,7 @@ function FormReducer(state, action) {
|
|
|
7862
7886
|
var FormReducer_default = FormReducer;
|
|
7863
7887
|
|
|
7864
7888
|
// src/components/dataForm/DataList.tsx
|
|
7865
|
-
var
|
|
7889
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
7866
7890
|
var DataList = (props) => {
|
|
7867
7891
|
const router = (0, import_navigation2.useRouter)();
|
|
7868
7892
|
let builder = new OdataBuilder(props.path);
|
|
@@ -7900,7 +7924,7 @@ var DataList = (props) => {
|
|
|
7900
7924
|
if (path.includes(".")) {
|
|
7901
7925
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
7902
7926
|
} else if (Array.isArray(obj[path])) {
|
|
7903
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
7927
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { children: item }, index));
|
|
7904
7928
|
} else {
|
|
7905
7929
|
return obj[path];
|
|
7906
7930
|
}
|
|
@@ -7979,30 +8003,30 @@ var DataList = (props) => {
|
|
|
7979
8003
|
const renderPageNumbers = () => {
|
|
7980
8004
|
if (pages <= 10) {
|
|
7981
8005
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
7982
|
-
(page) => /* @__PURE__ */ (0,
|
|
8006
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7983
8007
|
Hyperlink,
|
|
7984
8008
|
{
|
|
7985
8009
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7986
8010
|
href: builder.getNewPageUrl(page),
|
|
7987
8011
|
children: page
|
|
7988
8012
|
}
|
|
7989
|
-
) : /* @__PURE__ */ (0,
|
|
8013
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7990
8014
|
);
|
|
7991
8015
|
} else {
|
|
7992
8016
|
const showFirstPages = activePageNumber <= 5;
|
|
7993
8017
|
const showLastPages = activePageNumber > pages - 5;
|
|
7994
8018
|
if (showFirstPages) {
|
|
7995
|
-
return /* @__PURE__ */ (0,
|
|
7996
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
8019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
8020
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7997
8021
|
Hyperlink,
|
|
7998
8022
|
{
|
|
7999
8023
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8000
8024
|
href: builder.getNewPageUrl(page),
|
|
8001
8025
|
children: page
|
|
8002
8026
|
}
|
|
8003
|
-
) : /* @__PURE__ */ (0,
|
|
8004
|
-
/* @__PURE__ */ (0,
|
|
8005
|
-
/* @__PURE__ */ (0,
|
|
8027
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8029
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8006
8030
|
Hyperlink,
|
|
8007
8031
|
{
|
|
8008
8032
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8010,7 +8034,7 @@ var DataList = (props) => {
|
|
|
8010
8034
|
children: pages - 1
|
|
8011
8035
|
}
|
|
8012
8036
|
),
|
|
8013
|
-
/* @__PURE__ */ (0,
|
|
8037
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8014
8038
|
Hyperlink,
|
|
8015
8039
|
{
|
|
8016
8040
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8018,7 +8042,7 @@ var DataList = (props) => {
|
|
|
8018
8042
|
children: pages
|
|
8019
8043
|
}
|
|
8020
8044
|
),
|
|
8021
|
-
/* @__PURE__ */ (0,
|
|
8045
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8022
8046
|
"select",
|
|
8023
8047
|
{
|
|
8024
8048
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8030,18 +8054,18 @@ var DataList = (props) => {
|
|
|
8030
8054
|
}
|
|
8031
8055
|
},
|
|
8032
8056
|
children: [
|
|
8033
|
-
/* @__PURE__ */ (0,
|
|
8057
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
8034
8058
|
Array.from(
|
|
8035
8059
|
{ length: Math.max(0, pages - 10) },
|
|
8036
8060
|
(_, index) => index + 9
|
|
8037
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
8061
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: page, children: page }, page))
|
|
8038
8062
|
]
|
|
8039
8063
|
}
|
|
8040
8064
|
) })
|
|
8041
8065
|
] });
|
|
8042
8066
|
} else if (showLastPages) {
|
|
8043
|
-
return /* @__PURE__ */ (0,
|
|
8044
|
-
/* @__PURE__ */ (0,
|
|
8067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
8068
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8045
8069
|
Hyperlink,
|
|
8046
8070
|
{
|
|
8047
8071
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8049,7 +8073,7 @@ var DataList = (props) => {
|
|
|
8049
8073
|
children: "1"
|
|
8050
8074
|
}
|
|
8051
8075
|
),
|
|
8052
|
-
/* @__PURE__ */ (0,
|
|
8076
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8053
8077
|
Hyperlink,
|
|
8054
8078
|
{
|
|
8055
8079
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8057,21 +8081,21 @@ var DataList = (props) => {
|
|
|
8057
8081
|
children: "2"
|
|
8058
8082
|
}
|
|
8059
8083
|
),
|
|
8060
|
-
/* @__PURE__ */ (0,
|
|
8084
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8061
8085
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
8062
|
-
(page) => /* @__PURE__ */ (0,
|
|
8086
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8063
8087
|
Hyperlink,
|
|
8064
8088
|
{
|
|
8065
8089
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8066
8090
|
href: builder.getNewPageUrl(page),
|
|
8067
8091
|
children: page
|
|
8068
8092
|
}
|
|
8069
|
-
) : /* @__PURE__ */ (0,
|
|
8093
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
8070
8094
|
)
|
|
8071
8095
|
] });
|
|
8072
8096
|
} else {
|
|
8073
|
-
return /* @__PURE__ */ (0,
|
|
8074
|
-
/* @__PURE__ */ (0,
|
|
8097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
8098
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8075
8099
|
Hyperlink,
|
|
8076
8100
|
{
|
|
8077
8101
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8079,7 +8103,7 @@ var DataList = (props) => {
|
|
|
8079
8103
|
children: "1"
|
|
8080
8104
|
}
|
|
8081
8105
|
),
|
|
8082
|
-
/* @__PURE__ */ (0,
|
|
8106
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8083
8107
|
Hyperlink,
|
|
8084
8108
|
{
|
|
8085
8109
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8087,20 +8111,20 @@ var DataList = (props) => {
|
|
|
8087
8111
|
children: "2"
|
|
8088
8112
|
}
|
|
8089
8113
|
),
|
|
8090
|
-
/* @__PURE__ */ (0,
|
|
8114
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8091
8115
|
Array.from(
|
|
8092
8116
|
{ length: 5 },
|
|
8093
8117
|
(_, index) => activePageNumber - 2 + index
|
|
8094
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
8118
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8095
8119
|
Hyperlink,
|
|
8096
8120
|
{
|
|
8097
8121
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8098
8122
|
href: builder.getNewPageUrl(page),
|
|
8099
8123
|
children: page
|
|
8100
8124
|
}
|
|
8101
|
-
) : /* @__PURE__ */ (0,
|
|
8102
|
-
/* @__PURE__ */ (0,
|
|
8103
|
-
/* @__PURE__ */ (0,
|
|
8125
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
8126
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8127
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8104
8128
|
Hyperlink,
|
|
8105
8129
|
{
|
|
8106
8130
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8108,7 +8132,7 @@ var DataList = (props) => {
|
|
|
8108
8132
|
children: pages - 1
|
|
8109
8133
|
}
|
|
8110
8134
|
),
|
|
8111
|
-
/* @__PURE__ */ (0,
|
|
8135
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8112
8136
|
Hyperlink,
|
|
8113
8137
|
{
|
|
8114
8138
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8116,7 +8140,7 @@ var DataList = (props) => {
|
|
|
8116
8140
|
children: pages
|
|
8117
8141
|
}
|
|
8118
8142
|
),
|
|
8119
|
-
/* @__PURE__ */ (0,
|
|
8143
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8120
8144
|
"select",
|
|
8121
8145
|
{
|
|
8122
8146
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8128,8 +8152,8 @@ var DataList = (props) => {
|
|
|
8128
8152
|
}
|
|
8129
8153
|
},
|
|
8130
8154
|
children: [
|
|
8131
|
-
/* @__PURE__ */ (0,
|
|
8132
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
8155
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "", children: "Jump to" }),
|
|
8156
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: page, children: page }, page))
|
|
8133
8157
|
]
|
|
8134
8158
|
}
|
|
8135
8159
|
) })
|
|
@@ -8137,16 +8161,16 @@ var DataList = (props) => {
|
|
|
8137
8161
|
}
|
|
8138
8162
|
}
|
|
8139
8163
|
};
|
|
8140
|
-
return /* @__PURE__ */ (0,
|
|
8141
|
-
/* @__PURE__ */ (0,
|
|
8142
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
8164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_react62.default.Fragment, { children: [
|
|
8165
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(ContentView_default, { isDataFound, children: [
|
|
8166
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8143
8167
|
"div",
|
|
8144
8168
|
{
|
|
8145
8169
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
8146
8170
|
children: [
|
|
8147
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8148
|
-
/* @__PURE__ */ (0,
|
|
8149
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
8171
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", {}),
|
|
8172
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8173
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8150
8174
|
InputControl_default,
|
|
8151
8175
|
{
|
|
8152
8176
|
name: "Search_input",
|
|
@@ -8158,7 +8182,7 @@ var DataList = (props) => {
|
|
|
8158
8182
|
}
|
|
8159
8183
|
}
|
|
8160
8184
|
),
|
|
8161
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8185
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8162
8186
|
InputControl_default,
|
|
8163
8187
|
{
|
|
8164
8188
|
name: filter.name,
|
|
@@ -8173,15 +8197,15 @@ var DataList = (props) => {
|
|
|
8173
8197
|
},
|
|
8174
8198
|
filter.name
|
|
8175
8199
|
)),
|
|
8176
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8200
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8177
8201
|
Hyperlink,
|
|
8178
8202
|
{
|
|
8179
8203
|
className: "gap-1",
|
|
8180
8204
|
linkType: "Primary" /* Solid */,
|
|
8181
8205
|
href: props.addLinkHref,
|
|
8182
8206
|
children: [
|
|
8183
|
-
/* @__PURE__ */ (0,
|
|
8184
|
-
/* @__PURE__ */ (0,
|
|
8207
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
8208
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8185
8209
|
]
|
|
8186
8210
|
}
|
|
8187
8211
|
)
|
|
@@ -8189,8 +8213,8 @@ var DataList = (props) => {
|
|
|
8189
8213
|
]
|
|
8190
8214
|
}
|
|
8191
8215
|
),
|
|
8192
|
-
/* @__PURE__ */ (0,
|
|
8193
|
-
/* @__PURE__ */ (0,
|
|
8216
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
8217
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8194
8218
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8195
8219
|
let icon = "chevronUpDown";
|
|
8196
8220
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8200,18 +8224,18 @@ var DataList = (props) => {
|
|
|
8200
8224
|
icon = "chevronUp";
|
|
8201
8225
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8202
8226
|
}
|
|
8203
|
-
return /* @__PURE__ */ (0,
|
|
8227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8204
8228
|
"th",
|
|
8205
8229
|
{
|
|
8206
8230
|
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" : ""),
|
|
8207
|
-
children: /* @__PURE__ */ (0,
|
|
8231
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8208
8232
|
Hyperlink,
|
|
8209
8233
|
{
|
|
8210
8234
|
href: column.enableSorting ? url : void 0,
|
|
8211
8235
|
className: "!text-neutral-contrast ",
|
|
8212
|
-
children: /* @__PURE__ */ (0,
|
|
8213
|
-
/* @__PURE__ */ (0,
|
|
8214
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
8236
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
8237
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-black", children: column.label }),
|
|
8238
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8215
8239
|
] })
|
|
8216
8240
|
}
|
|
8217
8241
|
)
|
|
@@ -8219,24 +8243,24 @@ var DataList = (props) => {
|
|
|
8219
8243
|
column.name
|
|
8220
8244
|
);
|
|
8221
8245
|
}) }) }),
|
|
8222
|
-
/* @__PURE__ */ (0,
|
|
8246
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
8223
8247
|
let validityClass = "";
|
|
8224
8248
|
console.log("dataitem", dataitem);
|
|
8225
8249
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
8226
8250
|
validityClass = "bg-alert-200";
|
|
8227
8251
|
}
|
|
8228
|
-
return /* @__PURE__ */ (0,
|
|
8252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
8229
8253
|
console.log("column", column);
|
|
8230
|
-
return /* @__PURE__ */ (0,
|
|
8254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8231
8255
|
"td",
|
|
8232
8256
|
{
|
|
8233
8257
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
8234
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
8258
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8235
8259
|
Hyperlink,
|
|
8236
8260
|
{
|
|
8237
8261
|
className: "",
|
|
8238
8262
|
href: `https://${dataitem[column.name]}`,
|
|
8239
|
-
children: /* @__PURE__ */ (0,
|
|
8263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8240
8264
|
ViewControl_default,
|
|
8241
8265
|
{
|
|
8242
8266
|
controlType: column.controlType,
|
|
@@ -8249,11 +8273,11 @@ var DataList = (props) => {
|
|
|
8249
8273
|
}
|
|
8250
8274
|
)
|
|
8251
8275
|
}
|
|
8252
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
8276
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8253
8277
|
Hyperlink,
|
|
8254
8278
|
{
|
|
8255
8279
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
8256
|
-
children: /* @__PURE__ */ (0,
|
|
8280
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8257
8281
|
ViewControl_default,
|
|
8258
8282
|
{
|
|
8259
8283
|
controlType: column.controlType,
|
|
@@ -8263,7 +8287,7 @@ var DataList = (props) => {
|
|
|
8263
8287
|
}
|
|
8264
8288
|
)
|
|
8265
8289
|
}
|
|
8266
|
-
) : /* @__PURE__ */ (0,
|
|
8290
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8267
8291
|
ViewControl_default,
|
|
8268
8292
|
{
|
|
8269
8293
|
controlType: column.controlType,
|
|
@@ -8277,10 +8301,10 @@ var DataList = (props) => {
|
|
|
8277
8301
|
}) }, index);
|
|
8278
8302
|
}) })
|
|
8279
8303
|
] }) }),
|
|
8280
|
-
/* @__PURE__ */ (0,
|
|
8281
|
-
/* @__PURE__ */ (0,
|
|
8282
|
-
/* @__PURE__ */ (0,
|
|
8283
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
8304
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
8305
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-gray-700", children: label }),
|
|
8306
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
8307
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8284
8308
|
Hyperlink,
|
|
8285
8309
|
{
|
|
8286
8310
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8288,9 +8312,9 @@ var DataList = (props) => {
|
|
|
8288
8312
|
children: "Prev"
|
|
8289
8313
|
}
|
|
8290
8314
|
),
|
|
8291
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
8315
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime84.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" }),
|
|
8292
8316
|
renderPageNumbers(),
|
|
8293
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
8317
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8294
8318
|
Hyperlink,
|
|
8295
8319
|
{
|
|
8296
8320
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8298,19 +8322,19 @@ var DataList = (props) => {
|
|
|
8298
8322
|
children: "Next"
|
|
8299
8323
|
}
|
|
8300
8324
|
),
|
|
8301
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
8325
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
8302
8326
|
] })
|
|
8303
8327
|
] }) })
|
|
8304
8328
|
] }),
|
|
8305
|
-
/* @__PURE__ */ (0,
|
|
8306
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
8329
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
8330
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8307
8331
|
"div",
|
|
8308
8332
|
{
|
|
8309
8333
|
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`,
|
|
8310
8334
|
children: [
|
|
8311
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8313
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
8335
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", {}),
|
|
8336
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8337
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8314
8338
|
InputControl_default,
|
|
8315
8339
|
{
|
|
8316
8340
|
name: "Search_input",
|
|
@@ -8322,7 +8346,7 @@ var DataList = (props) => {
|
|
|
8322
8346
|
}
|
|
8323
8347
|
}
|
|
8324
8348
|
),
|
|
8325
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8349
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8326
8350
|
InputControl_default,
|
|
8327
8351
|
{
|
|
8328
8352
|
name: filter.name,
|
|
@@ -8337,15 +8361,15 @@ var DataList = (props) => {
|
|
|
8337
8361
|
},
|
|
8338
8362
|
filter.name
|
|
8339
8363
|
)),
|
|
8340
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8364
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8341
8365
|
Hyperlink,
|
|
8342
8366
|
{
|
|
8343
8367
|
className: "gap-1",
|
|
8344
8368
|
linkType: "Primary" /* Solid */,
|
|
8345
8369
|
href: props.addLinkHref,
|
|
8346
8370
|
children: [
|
|
8347
|
-
/* @__PURE__ */ (0,
|
|
8348
|
-
/* @__PURE__ */ (0,
|
|
8371
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
8372
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8349
8373
|
]
|
|
8350
8374
|
}
|
|
8351
8375
|
)
|
|
@@ -8353,8 +8377,8 @@ var DataList = (props) => {
|
|
|
8353
8377
|
]
|
|
8354
8378
|
}
|
|
8355
8379
|
),
|
|
8356
|
-
/* @__PURE__ */ (0,
|
|
8357
|
-
/* @__PURE__ */ (0,
|
|
8380
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
8381
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8358
8382
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8359
8383
|
let icon = "chevronUpDown";
|
|
8360
8384
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8364,18 +8388,18 @@ var DataList = (props) => {
|
|
|
8364
8388
|
icon = "chevronUp";
|
|
8365
8389
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8366
8390
|
}
|
|
8367
|
-
return /* @__PURE__ */ (0,
|
|
8391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8368
8392
|
"th",
|
|
8369
8393
|
{
|
|
8370
8394
|
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" : ""),
|
|
8371
|
-
children: /* @__PURE__ */ (0,
|
|
8395
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8372
8396
|
Hyperlink,
|
|
8373
8397
|
{
|
|
8374
8398
|
href: column.enableSorting ? url : void 0,
|
|
8375
8399
|
className: "text-body-950",
|
|
8376
|
-
children: /* @__PURE__ */ (0,
|
|
8377
|
-
/* @__PURE__ */ (0,
|
|
8378
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
8400
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
8401
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: column.label }),
|
|
8402
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8379
8403
|
] })
|
|
8380
8404
|
}
|
|
8381
8405
|
)
|
|
@@ -8383,7 +8407,7 @@ var DataList = (props) => {
|
|
|
8383
8407
|
column.name
|
|
8384
8408
|
);
|
|
8385
8409
|
}) }) }) }) }),
|
|
8386
|
-
/* @__PURE__ */ (0,
|
|
8410
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
8387
8411
|
] })
|
|
8388
8412
|
] })
|
|
8389
8413
|
] });
|
|
@@ -8396,7 +8420,7 @@ init_ServiceClient();
|
|
|
8396
8420
|
init_OdataBuilder();
|
|
8397
8421
|
init_SelectWithSearchInput();
|
|
8398
8422
|
var import_navigation3 = require("next/navigation");
|
|
8399
|
-
var
|
|
8423
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8400
8424
|
var viewControlMap = {
|
|
8401
8425
|
number: ViewControlTypes.number,
|
|
8402
8426
|
lineText: ViewControlTypes.lineText,
|
|
@@ -8491,13 +8515,13 @@ var DataListRenderer = ({
|
|
|
8491
8515
|
isActive: landingPageUrl === pathname
|
|
8492
8516
|
};
|
|
8493
8517
|
});
|
|
8494
|
-
return /* @__PURE__ */ (0,
|
|
8518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react63.default.Fragment, { children: [
|
|
8495
8519
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
8496
8520
|
// tabs={resolvedTabs}
|
|
8497
8521
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
8498
8522
|
// />
|
|
8499
|
-
/* @__PURE__ */ (0,
|
|
8500
|
-
/* @__PURE__ */ (0,
|
|
8523
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8524
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8501
8525
|
DataList_default,
|
|
8502
8526
|
{
|
|
8503
8527
|
addLinkHref,
|
|
@@ -8552,7 +8576,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
8552
8576
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
8553
8577
|
|
|
8554
8578
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
8555
|
-
var
|
|
8579
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8556
8580
|
var DataFormChildSection = (props) => {
|
|
8557
8581
|
const { section } = props;
|
|
8558
8582
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -8620,14 +8644,14 @@ var DataFormChildSection = (props) => {
|
|
|
8620
8644
|
childItemsToRender,
|
|
8621
8645
|
allChildItems: childItems
|
|
8622
8646
|
});
|
|
8623
|
-
return /* @__PURE__ */ (0,
|
|
8624
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
8625
|
-
/* @__PURE__ */ (0,
|
|
8626
|
-
/* @__PURE__ */ (0,
|
|
8627
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
8628
|
-
return /* @__PURE__ */ (0,
|
|
8647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react64.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
8648
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
8649
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
8650
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
8651
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
8652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("tr", { className: "", children: [
|
|
8629
8653
|
sectionRow.elements.map((field, index) => {
|
|
8630
|
-
return /* @__PURE__ */ (0,
|
|
8654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8631
8655
|
"th",
|
|
8632
8656
|
{
|
|
8633
8657
|
className: "py-3 font-normal text-left",
|
|
@@ -8636,21 +8660,21 @@ var DataFormChildSection = (props) => {
|
|
|
8636
8660
|
field.name
|
|
8637
8661
|
);
|
|
8638
8662
|
}),
|
|
8639
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8663
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
8640
8664
|
] }, sectionRowIndex);
|
|
8641
8665
|
}) }),
|
|
8642
|
-
/* @__PURE__ */ (0,
|
|
8666
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
8643
8667
|
const { item, originalIndex } = visibleItem;
|
|
8644
8668
|
const rowKey = originalIndex;
|
|
8645
|
-
return /* @__PURE__ */ (0,
|
|
8669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react64.default.Fragment, { children: section.sectionRows.map(
|
|
8646
8670
|
(sectionRow, sectionRowIndex) => {
|
|
8647
|
-
return /* @__PURE__ */ (0,
|
|
8671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
8648
8672
|
"tr",
|
|
8649
8673
|
{
|
|
8650
8674
|
className: "",
|
|
8651
8675
|
children: [
|
|
8652
8676
|
sectionRow.elements.map((field, index) => {
|
|
8653
|
-
return /* @__PURE__ */ (0,
|
|
8677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8654
8678
|
InputControl_default,
|
|
8655
8679
|
{
|
|
8656
8680
|
index: filteredIndex,
|
|
@@ -8670,7 +8694,7 @@ var DataFormChildSection = (props) => {
|
|
|
8670
8694
|
}
|
|
8671
8695
|
) }) }) }, field.name);
|
|
8672
8696
|
}),
|
|
8673
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8697
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8674
8698
|
ClientButton_default,
|
|
8675
8699
|
{
|
|
8676
8700
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -8679,7 +8703,7 @@ var DataFormChildSection = (props) => {
|
|
|
8679
8703
|
},
|
|
8680
8704
|
dataRole: "delete",
|
|
8681
8705
|
tabIndex: -1,
|
|
8682
|
-
children: /* @__PURE__ */ (0,
|
|
8706
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8683
8707
|
Icon_default,
|
|
8684
8708
|
{
|
|
8685
8709
|
className: "w-4 h-4",
|
|
@@ -8696,7 +8720,7 @@ var DataFormChildSection = (props) => {
|
|
|
8696
8720
|
) }, rowKey);
|
|
8697
8721
|
}) })
|
|
8698
8722
|
] }) }),
|
|
8699
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8723
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8700
8724
|
ClientButton_default,
|
|
8701
8725
|
{
|
|
8702
8726
|
ButtonType: "Link" /* Link */,
|
|
@@ -8711,7 +8735,7 @@ var DataFormChildSection = (props) => {
|
|
|
8711
8735
|
var DataFormChildSection_default = DataFormChildSection;
|
|
8712
8736
|
|
|
8713
8737
|
// src/components/dataForm/DataForm.tsx
|
|
8714
|
-
var
|
|
8738
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
8715
8739
|
var DataForm = (props) => {
|
|
8716
8740
|
const formRef = (0, import_react65.useRef)(null);
|
|
8717
8741
|
console.log(props.dataItem, "dssads");
|
|
@@ -8931,19 +8955,19 @@ var DataForm = (props) => {
|
|
|
8931
8955
|
return false;
|
|
8932
8956
|
}
|
|
8933
8957
|
}
|
|
8934
|
-
return /* @__PURE__ */ (0,
|
|
8935
|
-
props.title && /* @__PURE__ */ (0,
|
|
8958
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react65.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8959
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsxs)(
|
|
8936
8960
|
"div",
|
|
8937
8961
|
{
|
|
8938
8962
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
8939
8963
|
onClick: () => window.history.back(),
|
|
8940
8964
|
children: [
|
|
8941
|
-
/* @__PURE__ */ (0,
|
|
8942
|
-
/* @__PURE__ */ (0,
|
|
8965
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
8966
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
8943
8967
|
]
|
|
8944
8968
|
}
|
|
8945
8969
|
) }),
|
|
8946
|
-
/* @__PURE__ */ (0,
|
|
8970
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8947
8971
|
"form",
|
|
8948
8972
|
{
|
|
8949
8973
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -8964,8 +8988,8 @@ var DataForm = (props) => {
|
|
|
8964
8988
|
}
|
|
8965
8989
|
}
|
|
8966
8990
|
},
|
|
8967
|
-
children: /* @__PURE__ */ (0,
|
|
8968
|
-
return /* @__PURE__ */ (0,
|
|
8991
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
8992
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react65.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
8969
8993
|
section.sectionRows?.map(
|
|
8970
8994
|
(sectionRow, sectionRowIndex) => {
|
|
8971
8995
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -8976,14 +9000,14 @@ var DataForm = (props) => {
|
|
|
8976
9000
|
sectionRow.visible
|
|
8977
9001
|
);
|
|
8978
9002
|
}
|
|
8979
|
-
return /* @__PURE__ */ (0,
|
|
8980
|
-
return /* @__PURE__ */ (0,
|
|
9003
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react65.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
9004
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
8981
9005
|
"div",
|
|
8982
9006
|
{
|
|
8983
9007
|
className: sectionRow.grow ? "grow" : "",
|
|
8984
9008
|
children: [
|
|
8985
|
-
/* @__PURE__ */ (0,
|
|
8986
|
-
/* @__PURE__ */ (0,
|
|
9009
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: field.controlType }),
|
|
9010
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8987
9011
|
InputControl_default,
|
|
8988
9012
|
{
|
|
8989
9013
|
name: field.name,
|
|
@@ -9013,12 +9037,12 @@ var DataForm = (props) => {
|
|
|
9013
9037
|
}) }) }, sectionRowIndex);
|
|
9014
9038
|
}
|
|
9015
9039
|
),
|
|
9016
|
-
/* @__PURE__ */ (0,
|
|
9040
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: section.childSections?.map(
|
|
9017
9041
|
(childSection, childSectionIndex) => {
|
|
9018
|
-
return /* @__PURE__ */ (0,
|
|
9042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
9019
9043
|
formState.inputValues,
|
|
9020
9044
|
childSection.visible
|
|
9021
|
-
) && /* @__PURE__ */ (0,
|
|
9045
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9022
9046
|
DataFormChildSection_default,
|
|
9023
9047
|
{
|
|
9024
9048
|
section: childSection,
|
|
@@ -9033,8 +9057,8 @@ var DataForm = (props) => {
|
|
|
9033
9057
|
}) })
|
|
9034
9058
|
}
|
|
9035
9059
|
),
|
|
9036
|
-
/* @__PURE__ */ (0,
|
|
9037
|
-
/* @__PURE__ */ (0,
|
|
9060
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
9061
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9038
9062
|
Button_default,
|
|
9039
9063
|
{
|
|
9040
9064
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9042,7 +9066,7 @@ var DataForm = (props) => {
|
|
|
9042
9066
|
children: props.additionalActions.title
|
|
9043
9067
|
}
|
|
9044
9068
|
) }),
|
|
9045
|
-
/* @__PURE__ */ (0,
|
|
9069
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9046
9070
|
Button_default,
|
|
9047
9071
|
{
|
|
9048
9072
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9053,7 +9077,7 @@ var DataForm = (props) => {
|
|
|
9053
9077
|
children: "Delete"
|
|
9054
9078
|
}
|
|
9055
9079
|
) }),
|
|
9056
|
-
/* @__PURE__ */ (0,
|
|
9080
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9057
9081
|
Button_default,
|
|
9058
9082
|
{
|
|
9059
9083
|
onValidate,
|
|
@@ -9071,7 +9095,7 @@ var DataForm_default = DataForm;
|
|
|
9071
9095
|
|
|
9072
9096
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
9073
9097
|
init_ServiceClient();
|
|
9074
|
-
var
|
|
9098
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
9075
9099
|
function getAction(actions, code) {
|
|
9076
9100
|
return actions?.find((a) => a.actionCode === code);
|
|
9077
9101
|
}
|
|
@@ -9097,9 +9121,9 @@ var DataFormRenderer = ({
|
|
|
9097
9121
|
"Delete"
|
|
9098
9122
|
);
|
|
9099
9123
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
9100
|
-
return /* @__PURE__ */ (0,
|
|
9101
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
9102
|
-
/* @__PURE__ */ (0,
|
|
9124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
9125
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
9126
|
+
/* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9103
9127
|
DataForm_default,
|
|
9104
9128
|
{
|
|
9105
9129
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|