@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260808073515 → 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-RGJFZ5P2.mjs → IframeClient-WF2KLXZB.mjs} +16 -6
- package/dist/{IframeClient-J22NMEVY.mjs → IframeClient-XEWQLGUQ.mjs} +16 -6
- package/dist/index.js +255 -224
- package/dist/index.mjs +169 -148
- package/dist/server.js +110 -79
- package/dist/server.mjs +38 -17
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3996,7 +3996,11 @@ var init_IframeClient = __esm({
|
|
|
3996
3996
|
import_react53 = __toESM(require("react"));
|
|
3997
3997
|
init_IFrameLoaderView();
|
|
3998
3998
|
import_jsx_runtime70 = require("react/jsx-runtime");
|
|
3999
|
-
IframeClient = ({
|
|
3999
|
+
IframeClient = ({
|
|
4000
|
+
src,
|
|
4001
|
+
width,
|
|
4002
|
+
height
|
|
4003
|
+
}) => {
|
|
4000
4004
|
const iframeRef = (0, import_react53.useRef)(null);
|
|
4001
4005
|
const [iframeHeight, setIframeHeight] = (0, import_react53.useState)("100%");
|
|
4002
4006
|
const [isDataFound, setIsDataFound] = (0, import_react53.useState)(null);
|
|
@@ -4005,11 +4009,11 @@ var init_IframeClient = __esm({
|
|
|
4005
4009
|
const eventName = event?.data?.eventName;
|
|
4006
4010
|
const payload = event?.data?.payload;
|
|
4007
4011
|
if (eventName === "SET_HEIGHT" && payload?.height) {
|
|
4008
|
-
let
|
|
4012
|
+
let height2 = 500;
|
|
4009
4013
|
if (payload.height > 500) {
|
|
4010
|
-
|
|
4014
|
+
height2 = payload.height + 50;
|
|
4011
4015
|
}
|
|
4012
|
-
setIframeHeight(`${
|
|
4016
|
+
setIframeHeight(`${height2}px`);
|
|
4013
4017
|
}
|
|
4014
4018
|
};
|
|
4015
4019
|
window.addEventListener("message", handleReceiveMessage);
|
|
@@ -4018,7 +4022,10 @@ var init_IframeClient = __esm({
|
|
|
4018
4022
|
(0, import_react53.useEffect)(() => {
|
|
4019
4023
|
const handleResize = () => {
|
|
4020
4024
|
if (iframeRef.current) {
|
|
4021
|
-
iframeRef.current.contentWindow?.postMessage(
|
|
4025
|
+
iframeRef.current.contentWindow?.postMessage(
|
|
4026
|
+
{ eventName: "RESIZE" },
|
|
4027
|
+
"*"
|
|
4028
|
+
);
|
|
4022
4029
|
}
|
|
4023
4030
|
};
|
|
4024
4031
|
window.addEventListener("resize", handleResize);
|
|
@@ -4034,7 +4041,10 @@ var init_IframeClient = __esm({
|
|
|
4034
4041
|
src,
|
|
4035
4042
|
className: "w-full h-full border-none",
|
|
4036
4043
|
scrolling: "no",
|
|
4037
|
-
style: {
|
|
4044
|
+
style: {
|
|
4045
|
+
width: width != null ? `${width}px` : "100%",
|
|
4046
|
+
height: height != null ? `${height}px` : iframeHeight
|
|
4047
|
+
},
|
|
4038
4048
|
onLoad: handleIframeLoad
|
|
4039
4049
|
}
|
|
4040
4050
|
) }) });
|
|
@@ -4247,7 +4257,7 @@ var Pagination_exports = {};
|
|
|
4247
4257
|
__export(Pagination_exports, {
|
|
4248
4258
|
default: () => Pagination_default
|
|
4249
4259
|
});
|
|
4250
|
-
var import_react54,
|
|
4260
|
+
var import_react54, import_jsx_runtime76, Pagination, Pagination_default;
|
|
4251
4261
|
var init_Pagination = __esm({
|
|
4252
4262
|
"src/components/Pagination.tsx"() {
|
|
4253
4263
|
"use strict";
|
|
@@ -4258,7 +4268,7 @@ var init_Pagination = __esm({
|
|
|
4258
4268
|
init_StyleTypes();
|
|
4259
4269
|
init_InputControlType();
|
|
4260
4270
|
init_Hyperlink();
|
|
4261
|
-
|
|
4271
|
+
import_jsx_runtime76 = require("react/jsx-runtime");
|
|
4262
4272
|
Pagination = (props) => {
|
|
4263
4273
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4264
4274
|
const builder = (0, import_react54.useMemo)(() => {
|
|
@@ -4302,7 +4312,7 @@ var init_Pagination = __esm({
|
|
|
4302
4312
|
return range;
|
|
4303
4313
|
};
|
|
4304
4314
|
const paginationRange = getPaginationRange();
|
|
4305
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4315
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4306
4316
|
Hyperlink,
|
|
4307
4317
|
{
|
|
4308
4318
|
linkType: "Link" /* Link */,
|
|
@@ -4317,9 +4327,9 @@ var init_Pagination = __esm({
|
|
|
4317
4327
|
);
|
|
4318
4328
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4319
4329
|
if (disabled) {
|
|
4320
|
-
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 });
|
|
4321
4331
|
}
|
|
4322
|
-
return /* @__PURE__ */ (0,
|
|
4332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4323
4333
|
Hyperlink,
|
|
4324
4334
|
{
|
|
4325
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",
|
|
@@ -4329,35 +4339,35 @@ var init_Pagination = __esm({
|
|
|
4329
4339
|
);
|
|
4330
4340
|
};
|
|
4331
4341
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4332
|
-
return /* @__PURE__ */ (0,
|
|
4333
|
-
/* @__PURE__ */ (0,
|
|
4334
|
-
/* @__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: [
|
|
4335
4345
|
"Showing ",
|
|
4336
|
-
/* @__PURE__ */ (0,
|
|
4346
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "font-semibold", children: [
|
|
4337
4347
|
startItem,
|
|
4338
4348
|
"-",
|
|
4339
4349
|
endItem
|
|
4340
4350
|
] }),
|
|
4341
4351
|
" ",
|
|
4342
4352
|
"out of ",
|
|
4343
|
-
/* @__PURE__ */ (0,
|
|
4353
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4344
4354
|
" results"
|
|
4345
4355
|
] }),
|
|
4346
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4347
|
-
/* @__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)(
|
|
4348
4358
|
NavigationButton,
|
|
4349
4359
|
{
|
|
4350
4360
|
page: activePageNumber - 1,
|
|
4351
4361
|
disabled: activePageNumber === 1,
|
|
4352
4362
|
children: [
|
|
4353
|
-
/* @__PURE__ */ (0,
|
|
4354
|
-
/* @__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" })
|
|
4355
4365
|
]
|
|
4356
4366
|
}
|
|
4357
4367
|
),
|
|
4358
4368
|
paginationRange.map((item, index) => {
|
|
4359
4369
|
if (item === "...") {
|
|
4360
|
-
return /* @__PURE__ */ (0,
|
|
4370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
4361
4371
|
"span",
|
|
4362
4372
|
{
|
|
4363
4373
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4367,23 +4377,23 @@ var init_Pagination = __esm({
|
|
|
4367
4377
|
);
|
|
4368
4378
|
}
|
|
4369
4379
|
const page = item;
|
|
4370
|
-
return /* @__PURE__ */ (0,
|
|
4380
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PageButton, { page, children: page }, page);
|
|
4371
4381
|
}),
|
|
4372
|
-
/* @__PURE__ */ (0,
|
|
4382
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
|
|
4373
4383
|
NavigationButton,
|
|
4374
4384
|
{
|
|
4375
4385
|
page: activePageNumber + 1,
|
|
4376
4386
|
disabled: activePageNumber === totalPages,
|
|
4377
4387
|
children: [
|
|
4378
|
-
/* @__PURE__ */ (0,
|
|
4379
|
-
/* @__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" }) })
|
|
4380
4390
|
]
|
|
4381
4391
|
}
|
|
4382
4392
|
)
|
|
4383
4393
|
] }),
|
|
4384
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4385
|
-
/* @__PURE__ */ (0,
|
|
4386
|
-
/* @__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)(
|
|
4387
4397
|
"input",
|
|
4388
4398
|
{
|
|
4389
4399
|
type: "number",
|
|
@@ -4404,9 +4414,9 @@ var init_Pagination = __esm({
|
|
|
4404
4414
|
) })
|
|
4405
4415
|
] })
|
|
4406
4416
|
] }),
|
|
4407
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4408
|
-
/* @__PURE__ */ (0,
|
|
4409
|
-
/* @__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)(
|
|
4410
4420
|
Hyperlink,
|
|
4411
4421
|
{
|
|
4412
4422
|
className: `
|
|
@@ -4418,7 +4428,7 @@ var init_Pagination = __esm({
|
|
|
4418
4428
|
},
|
|
4419
4429
|
size
|
|
4420
4430
|
)) }),
|
|
4421
|
-
/* @__PURE__ */ (0,
|
|
4431
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4422
4432
|
] }) })
|
|
4423
4433
|
] });
|
|
4424
4434
|
};
|
|
@@ -4431,13 +4441,13 @@ var Slider_exports = {};
|
|
|
4431
4441
|
__export(Slider_exports, {
|
|
4432
4442
|
default: () => Slider_default
|
|
4433
4443
|
});
|
|
4434
|
-
var import_react55,
|
|
4444
|
+
var import_react55, import_jsx_runtime77, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
4435
4445
|
var init_Slider = __esm({
|
|
4436
4446
|
"src/components/Slider.tsx"() {
|
|
4437
4447
|
"use strict";
|
|
4438
4448
|
"use client";
|
|
4439
4449
|
import_react55 = __toESM(require("react"));
|
|
4440
|
-
|
|
4450
|
+
import_jsx_runtime77 = require("react/jsx-runtime");
|
|
4441
4451
|
Slider = ({
|
|
4442
4452
|
children,
|
|
4443
4453
|
slidesToShow = 4,
|
|
@@ -4534,7 +4544,7 @@ var init_Slider = __esm({
|
|
|
4534
4544
|
if (!import_react55.default.isValidElement(child)) return null;
|
|
4535
4545
|
const childProps = child.props;
|
|
4536
4546
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4537
|
-
return /* @__PURE__ */ (0,
|
|
4547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4538
4548
|
"div",
|
|
4539
4549
|
{
|
|
4540
4550
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4557,14 +4567,14 @@ var init_Slider = __esm({
|
|
|
4557
4567
|
return "bottom-4";
|
|
4558
4568
|
}
|
|
4559
4569
|
};
|
|
4560
|
-
return /* @__PURE__ */ (0,
|
|
4570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4561
4571
|
"div",
|
|
4562
4572
|
{
|
|
4563
4573
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4564
4574
|
onMouseEnter: handleMouseEnter,
|
|
4565
4575
|
onMouseLeave: handleMouseLeave,
|
|
4566
4576
|
children: [
|
|
4567
|
-
/* @__PURE__ */ (0,
|
|
4577
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4568
4578
|
"div",
|
|
4569
4579
|
{
|
|
4570
4580
|
className: "flex h-full",
|
|
@@ -4575,18 +4585,18 @@ var init_Slider = __esm({
|
|
|
4575
4585
|
children: slides
|
|
4576
4586
|
}
|
|
4577
4587
|
),
|
|
4578
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4579
|
-
/* @__PURE__ */ (0,
|
|
4588
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
|
|
4589
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4580
4590
|
ArrowButton,
|
|
4581
4591
|
{
|
|
4582
4592
|
direction: "left",
|
|
4583
4593
|
onClick: prevSlide,
|
|
4584
4594
|
visible: infinite_scroll || currentSlide > 0,
|
|
4585
4595
|
className: arrowClassName,
|
|
4586
|
-
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" }) })
|
|
4587
4597
|
}
|
|
4588
4598
|
),
|
|
4589
|
-
/* @__PURE__ */ (0,
|
|
4599
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4590
4600
|
ArrowButton,
|
|
4591
4601
|
{
|
|
4592
4602
|
direction: "right",
|
|
@@ -4594,13 +4604,13 @@ var init_Slider = __esm({
|
|
|
4594
4604
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4595
4605
|
className: arrowClassName,
|
|
4596
4606
|
children: [
|
|
4597
|
-
/* @__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" }) }),
|
|
4598
4608
|
" "
|
|
4599
4609
|
]
|
|
4600
4610
|
}
|
|
4601
4611
|
)
|
|
4602
4612
|
] }),
|
|
4603
|
-
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)(
|
|
4604
4614
|
ProgressPill,
|
|
4605
4615
|
{
|
|
4606
4616
|
active: index === currentSlide,
|
|
@@ -4626,7 +4636,7 @@ var init_Slider = __esm({
|
|
|
4626
4636
|
visible,
|
|
4627
4637
|
children,
|
|
4628
4638
|
className = ""
|
|
4629
|
-
}) => /* @__PURE__ */ (0,
|
|
4639
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4630
4640
|
"button",
|
|
4631
4641
|
{
|
|
4632
4642
|
className: `
|
|
@@ -4713,7 +4723,7 @@ var init_Slider = __esm({
|
|
|
4713
4723
|
const renderProgressBar = () => {
|
|
4714
4724
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4715
4725
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4716
|
-
return /* @__PURE__ */ (0,
|
|
4726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4717
4727
|
"div",
|
|
4718
4728
|
{
|
|
4719
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`,
|
|
@@ -4725,7 +4735,7 @@ var init_Slider = __esm({
|
|
|
4725
4735
|
};
|
|
4726
4736
|
const renderCumulativeFill = () => {
|
|
4727
4737
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4728
|
-
return /* @__PURE__ */ (0,
|
|
4738
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
4729
4739
|
"div",
|
|
4730
4740
|
{
|
|
4731
4741
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4735,7 +4745,7 @@ var init_Slider = __esm({
|
|
|
4735
4745
|
}
|
|
4736
4746
|
return null;
|
|
4737
4747
|
};
|
|
4738
|
-
return /* @__PURE__ */ (0,
|
|
4748
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
|
|
4739
4749
|
"button",
|
|
4740
4750
|
{
|
|
4741
4751
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -5952,7 +5962,7 @@ var WidgetNode = (props) => {
|
|
|
5952
5962
|
var WidgetNode_default = WidgetNode;
|
|
5953
5963
|
|
|
5954
5964
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
5955
|
-
var
|
|
5965
|
+
var import_dynamic12 = __toESM(require("next/dynamic"));
|
|
5956
5966
|
var import_react56 = __toESM(require("react"));
|
|
5957
5967
|
|
|
5958
5968
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
@@ -7049,10 +7059,29 @@ var DocumentNode = (props) => {
|
|
|
7049
7059
|
};
|
|
7050
7060
|
var DocumentNode_default = DocumentNode;
|
|
7051
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
|
+
|
|
7052
7081
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
7053
|
-
var
|
|
7054
|
-
var Pagination2 = (0,
|
|
7055
|
-
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)), {
|
|
7056
7085
|
ssr: false
|
|
7057
7086
|
});
|
|
7058
7087
|
function toCamelCase(str) {
|
|
@@ -7233,7 +7262,8 @@ var DivContainer = async (props) => {
|
|
|
7233
7262
|
text: TextNode_default,
|
|
7234
7263
|
datafield: DatafieldNode_default,
|
|
7235
7264
|
"svg-icon": SVGIconNode_default,
|
|
7236
|
-
document: DocumentNode_default
|
|
7265
|
+
document: DocumentNode_default,
|
|
7266
|
+
"google-map": GoogleMapNode_default
|
|
7237
7267
|
};
|
|
7238
7268
|
const styles = props.node.cssProperties;
|
|
7239
7269
|
const mobileStyles = props.node.mobileCssProperties;
|
|
@@ -7305,7 +7335,7 @@ var DivContainer = async (props) => {
|
|
|
7305
7335
|
response = await serviceClient.get(endpoint);
|
|
7306
7336
|
result = response?.result;
|
|
7307
7337
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
7308
|
-
return /* @__PURE__ */ (0,
|
|
7338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NoDataFound_default, {});
|
|
7309
7339
|
}
|
|
7310
7340
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
7311
7341
|
childCollectionData = getNestedValue6(
|
|
@@ -7325,7 +7355,7 @@ var DivContainer = async (props) => {
|
|
|
7325
7355
|
}
|
|
7326
7356
|
const SelectedNode = NodeTypes2[node.type];
|
|
7327
7357
|
if (!SelectedNode) return null;
|
|
7328
|
-
return /* @__PURE__ */ (0,
|
|
7358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7329
7359
|
SelectedNode,
|
|
7330
7360
|
{
|
|
7331
7361
|
node,
|
|
@@ -7458,14 +7488,14 @@ var DivContainer = async (props) => {
|
|
|
7458
7488
|
noLinkColor && "no-link-color",
|
|
7459
7489
|
!!props.node.enterAnimation && "enter-animation"
|
|
7460
7490
|
].filter(Boolean).join(" ");
|
|
7461
|
-
return /* @__PURE__ */ (0,
|
|
7462
|
-
/* @__PURE__ */ (0,
|
|
7491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react56.default.Fragment, { children: [
|
|
7492
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7463
7493
|
"style",
|
|
7464
7494
|
{
|
|
7465
7495
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7466
7496
|
}
|
|
7467
7497
|
),
|
|
7468
|
-
/* @__PURE__ */ (0,
|
|
7498
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7469
7499
|
Wrapper,
|
|
7470
7500
|
{
|
|
7471
7501
|
id: guid,
|
|
@@ -7479,11 +7509,11 @@ var DivContainer = async (props) => {
|
|
|
7479
7509
|
item,
|
|
7480
7510
|
idx,
|
|
7481
7511
|
props.href ? void 0 : item?.links?.view
|
|
7482
|
-
)?.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)
|
|
7483
7513
|
)
|
|
7484
7514
|
}
|
|
7485
7515
|
),
|
|
7486
|
-
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)(
|
|
7487
7517
|
Pagination2,
|
|
7488
7518
|
{
|
|
7489
7519
|
path: props.path,
|
|
@@ -7496,7 +7526,7 @@ var DivContainer = async (props) => {
|
|
|
7496
7526
|
var DivContainer_default = DivContainer;
|
|
7497
7527
|
|
|
7498
7528
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
7499
|
-
var
|
|
7529
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7500
7530
|
var NodeTypes = {
|
|
7501
7531
|
["paragraph"]: ParagraphNode_default,
|
|
7502
7532
|
["heading"]: HeadingNode_default,
|
|
@@ -7511,7 +7541,8 @@ var NodeTypes = {
|
|
|
7511
7541
|
["div-container"]: DivContainer_default,
|
|
7512
7542
|
["svg-icon"]: SVGIconNode_default,
|
|
7513
7543
|
["embed"]: EmbedNode_default,
|
|
7514
|
-
["document"]: DocumentNode_default
|
|
7544
|
+
["document"]: DocumentNode_default,
|
|
7545
|
+
["google-map"]: GoogleMapNode_default
|
|
7515
7546
|
};
|
|
7516
7547
|
var PageBodyRenderer = (props) => {
|
|
7517
7548
|
let pageBodyTree;
|
|
@@ -7533,14 +7564,14 @@ var PageBodyRenderer = (props) => {
|
|
|
7533
7564
|
}
|
|
7534
7565
|
return true;
|
|
7535
7566
|
};
|
|
7536
|
-
return /* @__PURE__ */ (0,
|
|
7567
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
7537
7568
|
{
|
|
7538
7569
|
}
|
|
7539
7570
|
const SelectedNode = NodeTypes[node.type];
|
|
7540
7571
|
if (!shouldRenderNode(node)) {
|
|
7541
7572
|
return null;
|
|
7542
7573
|
}
|
|
7543
|
-
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)(
|
|
7544
7575
|
SelectedNode,
|
|
7545
7576
|
{
|
|
7546
7577
|
node,
|
|
@@ -7556,7 +7587,7 @@ var PageBodyRenderer = (props) => {
|
|
|
7556
7587
|
device: props.device,
|
|
7557
7588
|
widgetRenderer: props.widgetRenderer
|
|
7558
7589
|
}
|
|
7559
|
-
) }) : /* @__PURE__ */ (0,
|
|
7590
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7560
7591
|
SelectedNode,
|
|
7561
7592
|
{
|
|
7562
7593
|
node,
|
|
@@ -7627,7 +7658,7 @@ function EnterAnimationHydrator() {
|
|
|
7627
7658
|
// src/components/Toast.tsx
|
|
7628
7659
|
var import_react59 = require("react");
|
|
7629
7660
|
init_ToastService();
|
|
7630
|
-
var
|
|
7661
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7631
7662
|
var Toast = () => {
|
|
7632
7663
|
const [showToast, setShowToast] = (0, import_react59.useState)(false);
|
|
7633
7664
|
const [message, setMessage] = (0, import_react59.useState)("");
|
|
@@ -7661,8 +7692,8 @@ var Toast = () => {
|
|
|
7661
7692
|
});
|
|
7662
7693
|
};
|
|
7663
7694
|
}, [closeToast, showMessage]);
|
|
7664
|
-
return /* @__PURE__ */ (0,
|
|
7665
|
-
/* @__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)(
|
|
7666
7697
|
"span",
|
|
7667
7698
|
{
|
|
7668
7699
|
className: "font-medium text-inherit text-sm",
|
|
@@ -7670,7 +7701,7 @@ var Toast = () => {
|
|
|
7670
7701
|
children: message
|
|
7671
7702
|
}
|
|
7672
7703
|
),
|
|
7673
|
-
/* @__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)(
|
|
7674
7705
|
"svg",
|
|
7675
7706
|
{
|
|
7676
7707
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7678,7 +7709,7 @@ var Toast = () => {
|
|
|
7678
7709
|
fill: "none",
|
|
7679
7710
|
viewBox: "0 0 24 24",
|
|
7680
7711
|
stroke: "currentColor",
|
|
7681
|
-
children: /* @__PURE__ */ (0,
|
|
7712
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
7682
7713
|
}
|
|
7683
7714
|
) })
|
|
7684
7715
|
] }) }) });
|
|
@@ -7709,7 +7740,7 @@ init_Switcher();
|
|
|
7709
7740
|
// src/components/NavigationTabsV2.tsx
|
|
7710
7741
|
var import_link3 = __toESM(require("next/link"));
|
|
7711
7742
|
var import_navigation = require("next/navigation");
|
|
7712
|
-
var
|
|
7743
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7713
7744
|
function resolveRoutePlaceholders(route, params) {
|
|
7714
7745
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
7715
7746
|
const value = params[key];
|
|
@@ -7734,8 +7765,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7734
7765
|
isActive: tab.isActive
|
|
7735
7766
|
})) || [];
|
|
7736
7767
|
if (mappedTabs.length === 0) return null;
|
|
7737
|
-
return /* @__PURE__ */ (0,
|
|
7738
|
-
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)(
|
|
7739
7770
|
"div",
|
|
7740
7771
|
{
|
|
7741
7772
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -7753,9 +7784,9 @@ var import_navigation2 = require("next/navigation");
|
|
|
7753
7784
|
|
|
7754
7785
|
// src/components/dataForm/NoContentView.tsx
|
|
7755
7786
|
var import_react60 = __toESM(require("react"));
|
|
7756
|
-
var
|
|
7787
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7757
7788
|
var NoContentView = (props) => {
|
|
7758
|
-
return /* @__PURE__ */ (0,
|
|
7789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react60.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
7759
7790
|
};
|
|
7760
7791
|
var NoContentView_default = NoContentView;
|
|
7761
7792
|
|
|
@@ -7764,38 +7795,38 @@ init_InputControlType();
|
|
|
7764
7795
|
|
|
7765
7796
|
// src/components/dataForm/ContentView.tsx
|
|
7766
7797
|
var import_react61 = __toESM(require("react"));
|
|
7767
|
-
var
|
|
7798
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
7768
7799
|
var ContentView = (props) => {
|
|
7769
|
-
return /* @__PURE__ */ (0,
|
|
7770
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
7771
|
-
/* @__PURE__ */ (0,
|
|
7772
|
-
/* @__PURE__ */ (0,
|
|
7773
|
-
/* @__PURE__ */ (0,
|
|
7774
|
-
/* @__PURE__ */ (0,
|
|
7775
|
-
/* @__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" })
|
|
7776
7807
|
] })
|
|
7777
7808
|
] }),
|
|
7778
|
-
/* @__PURE__ */ (0,
|
|
7779
|
-
/* @__PURE__ */ (0,
|
|
7780
|
-
/* @__PURE__ */ (0,
|
|
7781
|
-
/* @__PURE__ */ (0,
|
|
7782
|
-
/* @__PURE__ */ (0,
|
|
7783
|
-
/* @__PURE__ */ (0,
|
|
7784
|
-
/* @__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" })
|
|
7785
7816
|
] }),
|
|
7786
|
-
/* @__PURE__ */ (0,
|
|
7787
|
-
/* @__PURE__ */ (0,
|
|
7788
|
-
/* @__PURE__ */ (0,
|
|
7789
|
-
/* @__PURE__ */ (0,
|
|
7790
|
-
/* @__PURE__ */ (0,
|
|
7791
|
-
/* @__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" })
|
|
7792
7823
|
] }),
|
|
7793
|
-
/* @__PURE__ */ (0,
|
|
7794
|
-
/* @__PURE__ */ (0,
|
|
7795
|
-
/* @__PURE__ */ (0,
|
|
7796
|
-
/* @__PURE__ */ (0,
|
|
7797
|
-
/* @__PURE__ */ (0,
|
|
7798
|
-
/* @__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" })
|
|
7799
7830
|
] })
|
|
7800
7831
|
] })
|
|
7801
7832
|
] }) }),
|
|
@@ -7855,7 +7886,7 @@ function FormReducer(state, action) {
|
|
|
7855
7886
|
var FormReducer_default = FormReducer;
|
|
7856
7887
|
|
|
7857
7888
|
// src/components/dataForm/DataList.tsx
|
|
7858
|
-
var
|
|
7889
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
7859
7890
|
var DataList = (props) => {
|
|
7860
7891
|
const router = (0, import_navigation2.useRouter)();
|
|
7861
7892
|
let builder = new OdataBuilder(props.path);
|
|
@@ -7893,7 +7924,7 @@ var DataList = (props) => {
|
|
|
7893
7924
|
if (path.includes(".")) {
|
|
7894
7925
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
7895
7926
|
} else if (Array.isArray(obj[path])) {
|
|
7896
|
-
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));
|
|
7897
7928
|
} else {
|
|
7898
7929
|
return obj[path];
|
|
7899
7930
|
}
|
|
@@ -7972,30 +8003,30 @@ var DataList = (props) => {
|
|
|
7972
8003
|
const renderPageNumbers = () => {
|
|
7973
8004
|
if (pages <= 10) {
|
|
7974
8005
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
7975
|
-
(page) => /* @__PURE__ */ (0,
|
|
8006
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
7976
8007
|
Hyperlink,
|
|
7977
8008
|
{
|
|
7978
8009
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7979
8010
|
href: builder.getNewPageUrl(page),
|
|
7980
8011
|
children: page
|
|
7981
8012
|
}
|
|
7982
|
-
) : /* @__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)
|
|
7983
8014
|
);
|
|
7984
8015
|
} else {
|
|
7985
8016
|
const showFirstPages = activePageNumber <= 5;
|
|
7986
8017
|
const showLastPages = activePageNumber > pages - 5;
|
|
7987
8018
|
if (showFirstPages) {
|
|
7988
|
-
return /* @__PURE__ */ (0,
|
|
7989
|
-
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)(
|
|
7990
8021
|
Hyperlink,
|
|
7991
8022
|
{
|
|
7992
8023
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7993
8024
|
href: builder.getNewPageUrl(page),
|
|
7994
8025
|
children: page
|
|
7995
8026
|
}
|
|
7996
|
-
) : /* @__PURE__ */ (0,
|
|
7997
|
-
/* @__PURE__ */ (0,
|
|
7998
|
-
/* @__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)(
|
|
7999
8030
|
Hyperlink,
|
|
8000
8031
|
{
|
|
8001
8032
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8003,7 +8034,7 @@ var DataList = (props) => {
|
|
|
8003
8034
|
children: pages - 1
|
|
8004
8035
|
}
|
|
8005
8036
|
),
|
|
8006
|
-
/* @__PURE__ */ (0,
|
|
8037
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8007
8038
|
Hyperlink,
|
|
8008
8039
|
{
|
|
8009
8040
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8011,7 +8042,7 @@ var DataList = (props) => {
|
|
|
8011
8042
|
children: pages
|
|
8012
8043
|
}
|
|
8013
8044
|
),
|
|
8014
|
-
/* @__PURE__ */ (0,
|
|
8045
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8015
8046
|
"select",
|
|
8016
8047
|
{
|
|
8017
8048
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8023,18 +8054,18 @@ var DataList = (props) => {
|
|
|
8023
8054
|
}
|
|
8024
8055
|
},
|
|
8025
8056
|
children: [
|
|
8026
|
-
/* @__PURE__ */ (0,
|
|
8057
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
8027
8058
|
Array.from(
|
|
8028
8059
|
{ length: Math.max(0, pages - 10) },
|
|
8029
8060
|
(_, index) => index + 9
|
|
8030
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
8061
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: page, children: page }, page))
|
|
8031
8062
|
]
|
|
8032
8063
|
}
|
|
8033
8064
|
) })
|
|
8034
8065
|
] });
|
|
8035
8066
|
} else if (showLastPages) {
|
|
8036
|
-
return /* @__PURE__ */ (0,
|
|
8037
|
-
/* @__PURE__ */ (0,
|
|
8067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
8068
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8038
8069
|
Hyperlink,
|
|
8039
8070
|
{
|
|
8040
8071
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8042,7 +8073,7 @@ var DataList = (props) => {
|
|
|
8042
8073
|
children: "1"
|
|
8043
8074
|
}
|
|
8044
8075
|
),
|
|
8045
|
-
/* @__PURE__ */ (0,
|
|
8076
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8046
8077
|
Hyperlink,
|
|
8047
8078
|
{
|
|
8048
8079
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8050,21 +8081,21 @@ var DataList = (props) => {
|
|
|
8050
8081
|
children: "2"
|
|
8051
8082
|
}
|
|
8052
8083
|
),
|
|
8053
|
-
/* @__PURE__ */ (0,
|
|
8084
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8054
8085
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
8055
|
-
(page) => /* @__PURE__ */ (0,
|
|
8086
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8056
8087
|
Hyperlink,
|
|
8057
8088
|
{
|
|
8058
8089
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8059
8090
|
href: builder.getNewPageUrl(page),
|
|
8060
8091
|
children: page
|
|
8061
8092
|
}
|
|
8062
|
-
) : /* @__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)
|
|
8063
8094
|
)
|
|
8064
8095
|
] });
|
|
8065
8096
|
} else {
|
|
8066
|
-
return /* @__PURE__ */ (0,
|
|
8067
|
-
/* @__PURE__ */ (0,
|
|
8097
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
|
|
8098
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8068
8099
|
Hyperlink,
|
|
8069
8100
|
{
|
|
8070
8101
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8072,7 +8103,7 @@ var DataList = (props) => {
|
|
|
8072
8103
|
children: "1"
|
|
8073
8104
|
}
|
|
8074
8105
|
),
|
|
8075
|
-
/* @__PURE__ */ (0,
|
|
8106
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8076
8107
|
Hyperlink,
|
|
8077
8108
|
{
|
|
8078
8109
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8080,20 +8111,20 @@ var DataList = (props) => {
|
|
|
8080
8111
|
children: "2"
|
|
8081
8112
|
}
|
|
8082
8113
|
),
|
|
8083
|
-
/* @__PURE__ */ (0,
|
|
8114
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
8084
8115
|
Array.from(
|
|
8085
8116
|
{ length: 5 },
|
|
8086
8117
|
(_, index) => activePageNumber - 2 + index
|
|
8087
|
-
).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)(
|
|
8088
8119
|
Hyperlink,
|
|
8089
8120
|
{
|
|
8090
8121
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
8091
8122
|
href: builder.getNewPageUrl(page),
|
|
8092
8123
|
children: page
|
|
8093
8124
|
}
|
|
8094
|
-
) : /* @__PURE__ */ (0,
|
|
8095
|
-
/* @__PURE__ */ (0,
|
|
8096
|
-
/* @__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)(
|
|
8097
8128
|
Hyperlink,
|
|
8098
8129
|
{
|
|
8099
8130
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8101,7 +8132,7 @@ var DataList = (props) => {
|
|
|
8101
8132
|
children: pages - 1
|
|
8102
8133
|
}
|
|
8103
8134
|
),
|
|
8104
|
-
/* @__PURE__ */ (0,
|
|
8135
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8105
8136
|
Hyperlink,
|
|
8106
8137
|
{
|
|
8107
8138
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -8109,7 +8140,7 @@ var DataList = (props) => {
|
|
|
8109
8140
|
children: pages
|
|
8110
8141
|
}
|
|
8111
8142
|
),
|
|
8112
|
-
/* @__PURE__ */ (0,
|
|
8143
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8113
8144
|
"select",
|
|
8114
8145
|
{
|
|
8115
8146
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -8121,8 +8152,8 @@ var DataList = (props) => {
|
|
|
8121
8152
|
}
|
|
8122
8153
|
},
|
|
8123
8154
|
children: [
|
|
8124
|
-
/* @__PURE__ */ (0,
|
|
8125
|
-
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))
|
|
8126
8157
|
]
|
|
8127
8158
|
}
|
|
8128
8159
|
) })
|
|
@@ -8130,16 +8161,16 @@ var DataList = (props) => {
|
|
|
8130
8161
|
}
|
|
8131
8162
|
}
|
|
8132
8163
|
};
|
|
8133
|
-
return /* @__PURE__ */ (0,
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
8135
|
-
(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)(
|
|
8136
8167
|
"div",
|
|
8137
8168
|
{
|
|
8138
8169
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
8139
8170
|
children: [
|
|
8140
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8141
|
-
/* @__PURE__ */ (0,
|
|
8142
|
-
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)(
|
|
8143
8174
|
InputControl_default,
|
|
8144
8175
|
{
|
|
8145
8176
|
name: "Search_input",
|
|
@@ -8151,7 +8182,7 @@ var DataList = (props) => {
|
|
|
8151
8182
|
}
|
|
8152
8183
|
}
|
|
8153
8184
|
),
|
|
8154
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8185
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8155
8186
|
InputControl_default,
|
|
8156
8187
|
{
|
|
8157
8188
|
name: filter.name,
|
|
@@ -8166,15 +8197,15 @@ var DataList = (props) => {
|
|
|
8166
8197
|
},
|
|
8167
8198
|
filter.name
|
|
8168
8199
|
)),
|
|
8169
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8200
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8170
8201
|
Hyperlink,
|
|
8171
8202
|
{
|
|
8172
8203
|
className: "gap-1",
|
|
8173
8204
|
linkType: "Primary" /* Solid */,
|
|
8174
8205
|
href: props.addLinkHref,
|
|
8175
8206
|
children: [
|
|
8176
|
-
/* @__PURE__ */ (0,
|
|
8177
|
-
/* @__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" })
|
|
8178
8209
|
]
|
|
8179
8210
|
}
|
|
8180
8211
|
)
|
|
@@ -8182,8 +8213,8 @@ var DataList = (props) => {
|
|
|
8182
8213
|
]
|
|
8183
8214
|
}
|
|
8184
8215
|
),
|
|
8185
|
-
/* @__PURE__ */ (0,
|
|
8186
|
-
/* @__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) => {
|
|
8187
8218
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8188
8219
|
let icon = "chevronUpDown";
|
|
8189
8220
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8193,18 +8224,18 @@ var DataList = (props) => {
|
|
|
8193
8224
|
icon = "chevronUp";
|
|
8194
8225
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8195
8226
|
}
|
|
8196
|
-
return /* @__PURE__ */ (0,
|
|
8227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8197
8228
|
"th",
|
|
8198
8229
|
{
|
|
8199
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" : ""),
|
|
8200
|
-
children: /* @__PURE__ */ (0,
|
|
8231
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8201
8232
|
Hyperlink,
|
|
8202
8233
|
{
|
|
8203
8234
|
href: column.enableSorting ? url : void 0,
|
|
8204
8235
|
className: "!text-neutral-contrast ",
|
|
8205
|
-
children: /* @__PURE__ */ (0,
|
|
8206
|
-
/* @__PURE__ */ (0,
|
|
8207
|
-
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 })
|
|
8208
8239
|
] })
|
|
8209
8240
|
}
|
|
8210
8241
|
)
|
|
@@ -8212,24 +8243,24 @@ var DataList = (props) => {
|
|
|
8212
8243
|
column.name
|
|
8213
8244
|
);
|
|
8214
8245
|
}) }) }),
|
|
8215
|
-
/* @__PURE__ */ (0,
|
|
8246
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
8216
8247
|
let validityClass = "";
|
|
8217
8248
|
console.log("dataitem", dataitem);
|
|
8218
8249
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
8219
8250
|
validityClass = "bg-alert-200";
|
|
8220
8251
|
}
|
|
8221
|
-
return /* @__PURE__ */ (0,
|
|
8252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
8222
8253
|
console.log("column", column);
|
|
8223
|
-
return /* @__PURE__ */ (0,
|
|
8254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8224
8255
|
"td",
|
|
8225
8256
|
{
|
|
8226
8257
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
8227
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
8258
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8228
8259
|
Hyperlink,
|
|
8229
8260
|
{
|
|
8230
8261
|
className: "",
|
|
8231
8262
|
href: `https://${dataitem[column.name]}`,
|
|
8232
|
-
children: /* @__PURE__ */ (0,
|
|
8263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8233
8264
|
ViewControl_default,
|
|
8234
8265
|
{
|
|
8235
8266
|
controlType: column.controlType,
|
|
@@ -8242,11 +8273,11 @@ var DataList = (props) => {
|
|
|
8242
8273
|
}
|
|
8243
8274
|
)
|
|
8244
8275
|
}
|
|
8245
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
8276
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8246
8277
|
Hyperlink,
|
|
8247
8278
|
{
|
|
8248
8279
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
8249
|
-
children: /* @__PURE__ */ (0,
|
|
8280
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8250
8281
|
ViewControl_default,
|
|
8251
8282
|
{
|
|
8252
8283
|
controlType: column.controlType,
|
|
@@ -8256,7 +8287,7 @@ var DataList = (props) => {
|
|
|
8256
8287
|
}
|
|
8257
8288
|
)
|
|
8258
8289
|
}
|
|
8259
|
-
) : /* @__PURE__ */ (0,
|
|
8290
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8260
8291
|
ViewControl_default,
|
|
8261
8292
|
{
|
|
8262
8293
|
controlType: column.controlType,
|
|
@@ -8270,10 +8301,10 @@ var DataList = (props) => {
|
|
|
8270
8301
|
}) }, index);
|
|
8271
8302
|
}) })
|
|
8272
8303
|
] }) }),
|
|
8273
|
-
/* @__PURE__ */ (0,
|
|
8274
|
-
/* @__PURE__ */ (0,
|
|
8275
|
-
/* @__PURE__ */ (0,
|
|
8276
|
-
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)(
|
|
8277
8308
|
Hyperlink,
|
|
8278
8309
|
{
|
|
8279
8310
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8281,9 +8312,9 @@ var DataList = (props) => {
|
|
|
8281
8312
|
children: "Prev"
|
|
8282
8313
|
}
|
|
8283
8314
|
),
|
|
8284
|
-
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" }),
|
|
8285
8316
|
renderPageNumbers(),
|
|
8286
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
8317
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8287
8318
|
Hyperlink,
|
|
8288
8319
|
{
|
|
8289
8320
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8291,19 +8322,19 @@ var DataList = (props) => {
|
|
|
8291
8322
|
children: "Next"
|
|
8292
8323
|
}
|
|
8293
8324
|
),
|
|
8294
|
-
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" })
|
|
8295
8326
|
] })
|
|
8296
8327
|
] }) })
|
|
8297
8328
|
] }),
|
|
8298
|
-
/* @__PURE__ */ (0,
|
|
8299
|
-
(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)(
|
|
8300
8331
|
"div",
|
|
8301
8332
|
{
|
|
8302
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`,
|
|
8303
8334
|
children: [
|
|
8304
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8305
|
-
/* @__PURE__ */ (0,
|
|
8306
|
-
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)(
|
|
8307
8338
|
InputControl_default,
|
|
8308
8339
|
{
|
|
8309
8340
|
name: "Search_input",
|
|
@@ -8315,7 +8346,7 @@ var DataList = (props) => {
|
|
|
8315
8346
|
}
|
|
8316
8347
|
}
|
|
8317
8348
|
),
|
|
8318
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8349
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8319
8350
|
InputControl_default,
|
|
8320
8351
|
{
|
|
8321
8352
|
name: filter.name,
|
|
@@ -8330,15 +8361,15 @@ var DataList = (props) => {
|
|
|
8330
8361
|
},
|
|
8331
8362
|
filter.name
|
|
8332
8363
|
)),
|
|
8333
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8364
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8334
8365
|
Hyperlink,
|
|
8335
8366
|
{
|
|
8336
8367
|
className: "gap-1",
|
|
8337
8368
|
linkType: "Primary" /* Solid */,
|
|
8338
8369
|
href: props.addLinkHref,
|
|
8339
8370
|
children: [
|
|
8340
|
-
/* @__PURE__ */ (0,
|
|
8341
|
-
/* @__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" })
|
|
8342
8373
|
]
|
|
8343
8374
|
}
|
|
8344
8375
|
)
|
|
@@ -8346,8 +8377,8 @@ var DataList = (props) => {
|
|
|
8346
8377
|
]
|
|
8347
8378
|
}
|
|
8348
8379
|
),
|
|
8349
|
-
/* @__PURE__ */ (0,
|
|
8350
|
-
/* @__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) => {
|
|
8351
8382
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8352
8383
|
let icon = "chevronUpDown";
|
|
8353
8384
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8357,18 +8388,18 @@ var DataList = (props) => {
|
|
|
8357
8388
|
icon = "chevronUp";
|
|
8358
8389
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8359
8390
|
}
|
|
8360
|
-
return /* @__PURE__ */ (0,
|
|
8391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8361
8392
|
"th",
|
|
8362
8393
|
{
|
|
8363
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" : ""),
|
|
8364
|
-
children: /* @__PURE__ */ (0,
|
|
8395
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8365
8396
|
Hyperlink,
|
|
8366
8397
|
{
|
|
8367
8398
|
href: column.enableSorting ? url : void 0,
|
|
8368
8399
|
className: "text-body-950",
|
|
8369
|
-
children: /* @__PURE__ */ (0,
|
|
8370
|
-
/* @__PURE__ */ (0,
|
|
8371
|
-
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 })
|
|
8372
8403
|
] })
|
|
8373
8404
|
}
|
|
8374
8405
|
)
|
|
@@ -8376,7 +8407,7 @@ var DataList = (props) => {
|
|
|
8376
8407
|
column.name
|
|
8377
8408
|
);
|
|
8378
8409
|
}) }) }) }) }),
|
|
8379
|
-
/* @__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." })
|
|
8380
8411
|
] })
|
|
8381
8412
|
] })
|
|
8382
8413
|
] });
|
|
@@ -8389,7 +8420,7 @@ init_ServiceClient();
|
|
|
8389
8420
|
init_OdataBuilder();
|
|
8390
8421
|
init_SelectWithSearchInput();
|
|
8391
8422
|
var import_navigation3 = require("next/navigation");
|
|
8392
|
-
var
|
|
8423
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8393
8424
|
var viewControlMap = {
|
|
8394
8425
|
number: ViewControlTypes.number,
|
|
8395
8426
|
lineText: ViewControlTypes.lineText,
|
|
@@ -8484,13 +8515,13 @@ var DataListRenderer = ({
|
|
|
8484
8515
|
isActive: landingPageUrl === pathname
|
|
8485
8516
|
};
|
|
8486
8517
|
});
|
|
8487
|
-
return /* @__PURE__ */ (0,
|
|
8518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react63.default.Fragment, { children: [
|
|
8488
8519
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
8489
8520
|
// tabs={resolvedTabs}
|
|
8490
8521
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
8491
8522
|
// />
|
|
8492
|
-
/* @__PURE__ */ (0,
|
|
8493
|
-
/* @__PURE__ */ (0,
|
|
8523
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8524
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8494
8525
|
DataList_default,
|
|
8495
8526
|
{
|
|
8496
8527
|
addLinkHref,
|
|
@@ -8545,7 +8576,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
8545
8576
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
8546
8577
|
|
|
8547
8578
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
8548
|
-
var
|
|
8579
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8549
8580
|
var DataFormChildSection = (props) => {
|
|
8550
8581
|
const { section } = props;
|
|
8551
8582
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -8613,14 +8644,14 @@ var DataFormChildSection = (props) => {
|
|
|
8613
8644
|
childItemsToRender,
|
|
8614
8645
|
allChildItems: childItems
|
|
8615
8646
|
});
|
|
8616
|
-
return /* @__PURE__ */ (0,
|
|
8617
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
8618
|
-
/* @__PURE__ */ (0,
|
|
8619
|
-
/* @__PURE__ */ (0,
|
|
8620
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
8621
|
-
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: [
|
|
8622
8653
|
sectionRow.elements.map((field, index) => {
|
|
8623
|
-
return /* @__PURE__ */ (0,
|
|
8654
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8624
8655
|
"th",
|
|
8625
8656
|
{
|
|
8626
8657
|
className: "py-3 font-normal text-left",
|
|
@@ -8629,21 +8660,21 @@ var DataFormChildSection = (props) => {
|
|
|
8629
8660
|
field.name
|
|
8630
8661
|
);
|
|
8631
8662
|
}),
|
|
8632
|
-
!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" })
|
|
8633
8664
|
] }, sectionRowIndex);
|
|
8634
8665
|
}) }),
|
|
8635
|
-
/* @__PURE__ */ (0,
|
|
8666
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
8636
8667
|
const { item, originalIndex } = visibleItem;
|
|
8637
8668
|
const rowKey = originalIndex;
|
|
8638
|
-
return /* @__PURE__ */ (0,
|
|
8669
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react64.default.Fragment, { children: section.sectionRows.map(
|
|
8639
8670
|
(sectionRow, sectionRowIndex) => {
|
|
8640
|
-
return /* @__PURE__ */ (0,
|
|
8671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
8641
8672
|
"tr",
|
|
8642
8673
|
{
|
|
8643
8674
|
className: "",
|
|
8644
8675
|
children: [
|
|
8645
8676
|
sectionRow.elements.map((field, index) => {
|
|
8646
|
-
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)(
|
|
8647
8678
|
InputControl_default,
|
|
8648
8679
|
{
|
|
8649
8680
|
index: filteredIndex,
|
|
@@ -8663,7 +8694,7 @@ var DataFormChildSection = (props) => {
|
|
|
8663
8694
|
}
|
|
8664
8695
|
) }) }) }, field.name);
|
|
8665
8696
|
}),
|
|
8666
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8697
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8667
8698
|
ClientButton_default,
|
|
8668
8699
|
{
|
|
8669
8700
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -8672,7 +8703,7 @@ var DataFormChildSection = (props) => {
|
|
|
8672
8703
|
},
|
|
8673
8704
|
dataRole: "delete",
|
|
8674
8705
|
tabIndex: -1,
|
|
8675
|
-
children: /* @__PURE__ */ (0,
|
|
8706
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8676
8707
|
Icon_default,
|
|
8677
8708
|
{
|
|
8678
8709
|
className: "w-4 h-4",
|
|
@@ -8689,7 +8720,7 @@ var DataFormChildSection = (props) => {
|
|
|
8689
8720
|
) }, rowKey);
|
|
8690
8721
|
}) })
|
|
8691
8722
|
] }) }),
|
|
8692
|
-
!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)(
|
|
8693
8724
|
ClientButton_default,
|
|
8694
8725
|
{
|
|
8695
8726
|
ButtonType: "Link" /* Link */,
|
|
@@ -8704,7 +8735,7 @@ var DataFormChildSection = (props) => {
|
|
|
8704
8735
|
var DataFormChildSection_default = DataFormChildSection;
|
|
8705
8736
|
|
|
8706
8737
|
// src/components/dataForm/DataForm.tsx
|
|
8707
|
-
var
|
|
8738
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
8708
8739
|
var DataForm = (props) => {
|
|
8709
8740
|
const formRef = (0, import_react65.useRef)(null);
|
|
8710
8741
|
console.log(props.dataItem, "dssads");
|
|
@@ -8924,19 +8955,19 @@ var DataForm = (props) => {
|
|
|
8924
8955
|
return false;
|
|
8925
8956
|
}
|
|
8926
8957
|
}
|
|
8927
|
-
return /* @__PURE__ */ (0,
|
|
8928
|
-
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)(
|
|
8929
8960
|
"div",
|
|
8930
8961
|
{
|
|
8931
8962
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
8932
8963
|
onClick: () => window.history.back(),
|
|
8933
8964
|
children: [
|
|
8934
|
-
/* @__PURE__ */ (0,
|
|
8935
|
-
/* @__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 })
|
|
8936
8967
|
]
|
|
8937
8968
|
}
|
|
8938
8969
|
) }),
|
|
8939
|
-
/* @__PURE__ */ (0,
|
|
8970
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8940
8971
|
"form",
|
|
8941
8972
|
{
|
|
8942
8973
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -8957,8 +8988,8 @@ var DataForm = (props) => {
|
|
|
8957
8988
|
}
|
|
8958
8989
|
}
|
|
8959
8990
|
},
|
|
8960
|
-
children: /* @__PURE__ */ (0,
|
|
8961
|
-
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: [
|
|
8962
8993
|
section.sectionRows?.map(
|
|
8963
8994
|
(sectionRow, sectionRowIndex) => {
|
|
8964
8995
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -8969,14 +9000,14 @@ var DataForm = (props) => {
|
|
|
8969
9000
|
sectionRow.visible
|
|
8970
9001
|
);
|
|
8971
9002
|
}
|
|
8972
|
-
return /* @__PURE__ */ (0,
|
|
8973
|
-
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)(
|
|
8974
9005
|
"div",
|
|
8975
9006
|
{
|
|
8976
9007
|
className: sectionRow.grow ? "grow" : "",
|
|
8977
9008
|
children: [
|
|
8978
|
-
/* @__PURE__ */ (0,
|
|
8979
|
-
/* @__PURE__ */ (0,
|
|
9009
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: field.controlType }),
|
|
9010
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8980
9011
|
InputControl_default,
|
|
8981
9012
|
{
|
|
8982
9013
|
name: field.name,
|
|
@@ -9006,12 +9037,12 @@ var DataForm = (props) => {
|
|
|
9006
9037
|
}) }) }, sectionRowIndex);
|
|
9007
9038
|
}
|
|
9008
9039
|
),
|
|
9009
|
-
/* @__PURE__ */ (0,
|
|
9040
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: section.childSections?.map(
|
|
9010
9041
|
(childSection, childSectionIndex) => {
|
|
9011
|
-
return /* @__PURE__ */ (0,
|
|
9042
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
9012
9043
|
formState.inputValues,
|
|
9013
9044
|
childSection.visible
|
|
9014
|
-
) && /* @__PURE__ */ (0,
|
|
9045
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9015
9046
|
DataFormChildSection_default,
|
|
9016
9047
|
{
|
|
9017
9048
|
section: childSection,
|
|
@@ -9026,8 +9057,8 @@ var DataForm = (props) => {
|
|
|
9026
9057
|
}) })
|
|
9027
9058
|
}
|
|
9028
9059
|
),
|
|
9029
|
-
/* @__PURE__ */ (0,
|
|
9030
|
-
/* @__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)(
|
|
9031
9062
|
Button_default,
|
|
9032
9063
|
{
|
|
9033
9064
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9035,7 +9066,7 @@ var DataForm = (props) => {
|
|
|
9035
9066
|
children: props.additionalActions.title
|
|
9036
9067
|
}
|
|
9037
9068
|
) }),
|
|
9038
|
-
/* @__PURE__ */ (0,
|
|
9069
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9039
9070
|
Button_default,
|
|
9040
9071
|
{
|
|
9041
9072
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -9046,7 +9077,7 @@ var DataForm = (props) => {
|
|
|
9046
9077
|
children: "Delete"
|
|
9047
9078
|
}
|
|
9048
9079
|
) }),
|
|
9049
|
-
/* @__PURE__ */ (0,
|
|
9080
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9050
9081
|
Button_default,
|
|
9051
9082
|
{
|
|
9052
9083
|
onValidate,
|
|
@@ -9064,7 +9095,7 @@ var DataForm_default = DataForm;
|
|
|
9064
9095
|
|
|
9065
9096
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
9066
9097
|
init_ServiceClient();
|
|
9067
|
-
var
|
|
9098
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
9068
9099
|
function getAction(actions, code) {
|
|
9069
9100
|
return actions?.find((a) => a.actionCode === code);
|
|
9070
9101
|
}
|
|
@@ -9090,9 +9121,9 @@ var DataFormRenderer = ({
|
|
|
9090
9121
|
"Delete"
|
|
9091
9122
|
);
|
|
9092
9123
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
9093
|
-
return /* @__PURE__ */ (0,
|
|
9094
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
9095
|
-
/* @__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)(
|
|
9096
9127
|
DataForm_default,
|
|
9097
9128
|
{
|
|
9098
9129
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|