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