@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.mjs
CHANGED
|
@@ -1196,13 +1196,13 @@ var WidgetNode = (props) => {
|
|
|
1196
1196
|
var WidgetNode_default = WidgetNode;
|
|
1197
1197
|
|
|
1198
1198
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
1199
|
-
import
|
|
1199
|
+
import dynamic12 from "next/dynamic";
|
|
1200
1200
|
import React22 from "react";
|
|
1201
1201
|
|
|
1202
1202
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
1203
1203
|
import dynamic9 from "next/dynamic";
|
|
1204
1204
|
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
1205
|
-
var IframeClient = dynamic9(() => import("./IframeClient-
|
|
1205
|
+
var IframeClient = dynamic9(() => import("./IframeClient-YIJHMNA4.mjs"), {
|
|
1206
1206
|
ssr: false
|
|
1207
1207
|
});
|
|
1208
1208
|
var EmbedNode = (props) => {
|
|
@@ -2284,10 +2284,30 @@ var DocumentNode = (props) => {
|
|
|
2284
2284
|
};
|
|
2285
2285
|
var DocumentNode_default = DocumentNode;
|
|
2286
2286
|
|
|
2287
|
+
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
2288
|
+
import dynamic11 from "next/dynamic";
|
|
2289
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
2290
|
+
var IframeClient2 = dynamic11(() => import("./IframeClient-YIJHMNA4.mjs"), {
|
|
2291
|
+
ssr: false
|
|
2292
|
+
});
|
|
2293
|
+
var GoogleMapNode = (props) => {
|
|
2294
|
+
let src = props.node.embedUrl;
|
|
2295
|
+
return /* @__PURE__ */ jsx34("div", { className: "google-map-container", children: src && /* @__PURE__ */ jsx34(
|
|
2296
|
+
IframeClient2,
|
|
2297
|
+
{
|
|
2298
|
+
src,
|
|
2299
|
+
width: props.node.width,
|
|
2300
|
+
height: props.node.height,
|
|
2301
|
+
allowFullScreen: props.node.allowFullScreen
|
|
2302
|
+
}
|
|
2303
|
+
) });
|
|
2304
|
+
};
|
|
2305
|
+
var GoogleMapNode_default = GoogleMapNode;
|
|
2306
|
+
|
|
2287
2307
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
2288
|
-
import { jsx as
|
|
2289
|
-
var Pagination =
|
|
2290
|
-
var Slider =
|
|
2308
|
+
import { jsx as jsx35, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2309
|
+
var Pagination = dynamic12(() => import("./Pagination-YKNCYVXV.mjs"), { ssr: true });
|
|
2310
|
+
var Slider = dynamic12(() => import("./Slider-554BKC7N.mjs"), {
|
|
2291
2311
|
ssr: false
|
|
2292
2312
|
});
|
|
2293
2313
|
function toCamelCase(str) {
|
|
@@ -2468,7 +2488,8 @@ var DivContainer = async (props) => {
|
|
|
2468
2488
|
text: TextNode_default,
|
|
2469
2489
|
datafield: DatafieldNode_default,
|
|
2470
2490
|
"svg-icon": SVGIconNode_default,
|
|
2471
|
-
document: DocumentNode_default
|
|
2491
|
+
document: DocumentNode_default,
|
|
2492
|
+
"google-map": GoogleMapNode_default
|
|
2472
2493
|
};
|
|
2473
2494
|
const styles = props.node.cssProperties;
|
|
2474
2495
|
const mobileStyles = props.node.mobileCssProperties;
|
|
@@ -2540,7 +2561,7 @@ var DivContainer = async (props) => {
|
|
|
2540
2561
|
response = await serviceClient.get(endpoint);
|
|
2541
2562
|
result = response?.result;
|
|
2542
2563
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
2543
|
-
return /* @__PURE__ */
|
|
2564
|
+
return /* @__PURE__ */ jsx35(NoDataFound_default, {});
|
|
2544
2565
|
}
|
|
2545
2566
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
2546
2567
|
childCollectionData = getNestedValue6(
|
|
@@ -2560,7 +2581,7 @@ var DivContainer = async (props) => {
|
|
|
2560
2581
|
}
|
|
2561
2582
|
const SelectedNode = NodeTypes2[node.type];
|
|
2562
2583
|
if (!SelectedNode) return null;
|
|
2563
|
-
return /* @__PURE__ */
|
|
2584
|
+
return /* @__PURE__ */ jsx35(React22.Fragment, { children: /* @__PURE__ */ jsx35(
|
|
2564
2585
|
SelectedNode,
|
|
2565
2586
|
{
|
|
2566
2587
|
node,
|
|
@@ -2694,13 +2715,13 @@ var DivContainer = async (props) => {
|
|
|
2694
2715
|
!!props.node.enterAnimation && "enter-animation"
|
|
2695
2716
|
].filter(Boolean).join(" ");
|
|
2696
2717
|
return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
|
|
2697
|
-
/* @__PURE__ */
|
|
2718
|
+
/* @__PURE__ */ jsx35(
|
|
2698
2719
|
"style",
|
|
2699
2720
|
{
|
|
2700
2721
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
2701
2722
|
}
|
|
2702
2723
|
),
|
|
2703
|
-
/* @__PURE__ */
|
|
2724
|
+
/* @__PURE__ */ jsx35(
|
|
2704
2725
|
Wrapper,
|
|
2705
2726
|
{
|
|
2706
2727
|
id: guid,
|
|
@@ -2714,11 +2735,11 @@ var DivContainer = async (props) => {
|
|
|
2714
2735
|
item,
|
|
2715
2736
|
idx,
|
|
2716
2737
|
props.href ? void 0 : item?.links?.view
|
|
2717
|
-
)?.map((child, i) => /* @__PURE__ */
|
|
2738
|
+
)?.map((child, i) => /* @__PURE__ */ jsx35(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
2718
2739
|
)
|
|
2719
2740
|
}
|
|
2720
2741
|
),
|
|
2721
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */
|
|
2742
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
|
|
2722
2743
|
Pagination,
|
|
2723
2744
|
{
|
|
2724
2745
|
path: props.path,
|
|
@@ -2731,7 +2752,7 @@ var DivContainer = async (props) => {
|
|
|
2731
2752
|
var DivContainer_default = DivContainer;
|
|
2732
2753
|
|
|
2733
2754
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
2734
|
-
import { jsx as
|
|
2755
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
2735
2756
|
var NodeTypes = {
|
|
2736
2757
|
["paragraph"]: ParagraphNode_default,
|
|
2737
2758
|
["heading"]: HeadingNode_default,
|
|
@@ -2746,7 +2767,8 @@ var NodeTypes = {
|
|
|
2746
2767
|
["div-container"]: DivContainer_default,
|
|
2747
2768
|
["svg-icon"]: SVGIconNode_default,
|
|
2748
2769
|
["embed"]: EmbedNode_default,
|
|
2749
|
-
["document"]: DocumentNode_default
|
|
2770
|
+
["document"]: DocumentNode_default,
|
|
2771
|
+
["google-map"]: GoogleMapNode_default
|
|
2750
2772
|
};
|
|
2751
2773
|
var PageBodyRenderer = (props) => {
|
|
2752
2774
|
let pageBodyTree;
|
|
@@ -2768,14 +2790,14 @@ var PageBodyRenderer = (props) => {
|
|
|
2768
2790
|
}
|
|
2769
2791
|
return true;
|
|
2770
2792
|
};
|
|
2771
|
-
return /* @__PURE__ */
|
|
2793
|
+
return /* @__PURE__ */ jsx36(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
2772
2794
|
{
|
|
2773
2795
|
}
|
|
2774
2796
|
const SelectedNode = NodeTypes[node.type];
|
|
2775
2797
|
if (!shouldRenderNode(node)) {
|
|
2776
2798
|
return null;
|
|
2777
2799
|
}
|
|
2778
|
-
return /* @__PURE__ */
|
|
2800
|
+
return /* @__PURE__ */ jsx36(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx36(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx36(React23.Fragment, { children: /* @__PURE__ */ jsx36(
|
|
2779
2801
|
SelectedNode,
|
|
2780
2802
|
{
|
|
2781
2803
|
node,
|
|
@@ -2791,7 +2813,7 @@ var PageBodyRenderer = (props) => {
|
|
|
2791
2813
|
device: props.device,
|
|
2792
2814
|
widgetRenderer: props.widgetRenderer
|
|
2793
2815
|
}
|
|
2794
|
-
) }) : /* @__PURE__ */
|
|
2816
|
+
) }) : /* @__PURE__ */ jsx36(React23.Fragment, { children: /* @__PURE__ */ jsx36(
|
|
2795
2817
|
SelectedNode,
|
|
2796
2818
|
{
|
|
2797
2819
|
node,
|
|
@@ -2861,7 +2883,7 @@ function EnterAnimationHydrator() {
|
|
|
2861
2883
|
|
|
2862
2884
|
// src/components/Toast.tsx
|
|
2863
2885
|
import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
|
|
2864
|
-
import { Fragment as Fragment7, jsx as
|
|
2886
|
+
import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2865
2887
|
var Toast = () => {
|
|
2866
2888
|
const [showToast, setShowToast] = useState(false);
|
|
2867
2889
|
const [message, setMessage] = useState("");
|
|
@@ -2895,8 +2917,8 @@ var Toast = () => {
|
|
|
2895
2917
|
});
|
|
2896
2918
|
};
|
|
2897
2919
|
}, [closeToast, showMessage]);
|
|
2898
|
-
return /* @__PURE__ */
|
|
2899
|
-
/* @__PURE__ */
|
|
2920
|
+
return /* @__PURE__ */ jsx37(Fragment7, { children: showToast && /* @__PURE__ */ jsx37("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__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
2921
|
+
/* @__PURE__ */ jsx37(
|
|
2900
2922
|
"span",
|
|
2901
2923
|
{
|
|
2902
2924
|
className: "font-medium text-inherit text-sm",
|
|
@@ -2904,7 +2926,7 @@ var Toast = () => {
|
|
|
2904
2926
|
children: message
|
|
2905
2927
|
}
|
|
2906
2928
|
),
|
|
2907
|
-
/* @__PURE__ */
|
|
2929
|
+
/* @__PURE__ */ jsx37("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx37(
|
|
2908
2930
|
"svg",
|
|
2909
2931
|
{
|
|
2910
2932
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2912,7 +2934,7 @@ var Toast = () => {
|
|
|
2912
2934
|
fill: "none",
|
|
2913
2935
|
viewBox: "0 0 24 24",
|
|
2914
2936
|
stroke: "currentColor",
|
|
2915
|
-
children: /* @__PURE__ */
|
|
2937
|
+
children: /* @__PURE__ */ jsx37("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
2916
2938
|
}
|
|
2917
2939
|
) })
|
|
2918
2940
|
] }) }) });
|
|
@@ -2922,7 +2944,7 @@ var Toast_default = Toast;
|
|
|
2922
2944
|
// src/components/NavigationTabsV2.tsx
|
|
2923
2945
|
import Link2 from "next/link";
|
|
2924
2946
|
import { usePathname } from "next/navigation";
|
|
2925
|
-
import { jsx as
|
|
2947
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
2926
2948
|
function resolveRoutePlaceholders(route, params) {
|
|
2927
2949
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
2928
2950
|
const value = params[key];
|
|
@@ -2947,8 +2969,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
2947
2969
|
isActive: tab.isActive
|
|
2948
2970
|
})) || [];
|
|
2949
2971
|
if (mappedTabs.length === 0) return null;
|
|
2950
|
-
return /* @__PURE__ */
|
|
2951
|
-
return /* @__PURE__ */
|
|
2972
|
+
return /* @__PURE__ */ jsx38("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
2973
|
+
return /* @__PURE__ */ jsx38(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx38(
|
|
2952
2974
|
"div",
|
|
2953
2975
|
{
|
|
2954
2976
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -2966,46 +2988,46 @@ import { useRouter } from "next/navigation";
|
|
|
2966
2988
|
|
|
2967
2989
|
// src/components/dataForm/NoContentView.tsx
|
|
2968
2990
|
import React25 from "react";
|
|
2969
|
-
import { jsx as
|
|
2991
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
2970
2992
|
var NoContentView = (props) => {
|
|
2971
|
-
return /* @__PURE__ */
|
|
2993
|
+
return /* @__PURE__ */ jsx39(React25.Fragment, { children: props.isDataFound === false && props.children });
|
|
2972
2994
|
};
|
|
2973
2995
|
var NoContentView_default = NoContentView;
|
|
2974
2996
|
|
|
2975
2997
|
// src/components/dataForm/ContentView.tsx
|
|
2976
2998
|
import React26 from "react";
|
|
2977
|
-
import { jsx as
|
|
2999
|
+
import { jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2978
3000
|
var ContentView = (props) => {
|
|
2979
3001
|
return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
|
|
2980
|
-
props.isDataFound == null && /* @__PURE__ */
|
|
3002
|
+
props.isDataFound == null && /* @__PURE__ */ jsx40("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
2981
3003
|
/* @__PURE__ */ jsxs15("div", { className: "flex items-center mb-4", children: [
|
|
2982
|
-
/* @__PURE__ */
|
|
3004
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
2983
3005
|
/* @__PURE__ */ jsxs15("div", { className: "ml-2", children: [
|
|
2984
|
-
/* @__PURE__ */
|
|
2985
|
-
/* @__PURE__ */
|
|
3006
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
3007
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
2986
3008
|
] })
|
|
2987
3009
|
] }),
|
|
2988
3010
|
/* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
2989
3011
|
/* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
|
|
2990
|
-
/* @__PURE__ */
|
|
2991
|
-
/* @__PURE__ */
|
|
2992
|
-
/* @__PURE__ */
|
|
2993
|
-
/* @__PURE__ */
|
|
2994
|
-
/* @__PURE__ */
|
|
3012
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3013
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3014
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3015
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3016
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2995
3017
|
] }),
|
|
2996
3018
|
/* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
|
|
2997
|
-
/* @__PURE__ */
|
|
2998
|
-
/* @__PURE__ */
|
|
2999
|
-
/* @__PURE__ */
|
|
3000
|
-
/* @__PURE__ */
|
|
3001
|
-
/* @__PURE__ */
|
|
3019
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3020
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3021
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3022
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3023
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3002
3024
|
] }),
|
|
3003
3025
|
/* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
|
|
3004
|
-
/* @__PURE__ */
|
|
3005
|
-
/* @__PURE__ */
|
|
3006
|
-
/* @__PURE__ */
|
|
3007
|
-
/* @__PURE__ */
|
|
3008
|
-
/* @__PURE__ */
|
|
3026
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3027
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3028
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3029
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3030
|
+
/* @__PURE__ */ jsx40("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3009
3031
|
] })
|
|
3010
3032
|
] })
|
|
3011
3033
|
] }) }),
|
|
@@ -3059,7 +3081,7 @@ function FormReducer(state, action) {
|
|
|
3059
3081
|
var FormReducer_default = FormReducer;
|
|
3060
3082
|
|
|
3061
3083
|
// src/components/dataForm/DataList.tsx
|
|
3062
|
-
import { Fragment as Fragment8, jsx as
|
|
3084
|
+
import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
3063
3085
|
var DataList = (props) => {
|
|
3064
3086
|
const router = useRouter();
|
|
3065
3087
|
let builder = new OdataBuilder(props.path);
|
|
@@ -3097,7 +3119,7 @@ var DataList = (props) => {
|
|
|
3097
3119
|
if (path.includes(".")) {
|
|
3098
3120
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
3099
3121
|
} else if (Array.isArray(obj[path])) {
|
|
3100
|
-
return obj[path].map((item, index) => /* @__PURE__ */
|
|
3122
|
+
return obj[path].map((item, index) => /* @__PURE__ */ jsx41("div", { children: item }, index));
|
|
3101
3123
|
} else {
|
|
3102
3124
|
return obj[path];
|
|
3103
3125
|
}
|
|
@@ -3176,30 +3198,30 @@ var DataList = (props) => {
|
|
|
3176
3198
|
const renderPageNumbers = () => {
|
|
3177
3199
|
if (pages <= 10) {
|
|
3178
3200
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
3179
|
-
(page) => /* @__PURE__ */
|
|
3201
|
+
(page) => /* @__PURE__ */ jsx41(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx41(
|
|
3180
3202
|
Hyperlink,
|
|
3181
3203
|
{
|
|
3182
3204
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3183
3205
|
href: builder.getNewPageUrl(page),
|
|
3184
3206
|
children: page
|
|
3185
3207
|
}
|
|
3186
|
-
) : /* @__PURE__ */
|
|
3208
|
+
) : /* @__PURE__ */ jsx41("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
3187
3209
|
);
|
|
3188
3210
|
} else {
|
|
3189
3211
|
const showFirstPages = activePageNumber <= 5;
|
|
3190
3212
|
const showLastPages = activePageNumber > pages - 5;
|
|
3191
3213
|
if (showFirstPages) {
|
|
3192
3214
|
return /* @__PURE__ */ jsxs16(Fragment8, { children: [
|
|
3193
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */
|
|
3215
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx41(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx41(
|
|
3194
3216
|
Hyperlink,
|
|
3195
3217
|
{
|
|
3196
3218
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3197
3219
|
href: builder.getNewPageUrl(page),
|
|
3198
3220
|
children: page
|
|
3199
3221
|
}
|
|
3200
|
-
) : /* @__PURE__ */
|
|
3201
|
-
/* @__PURE__ */
|
|
3202
|
-
/* @__PURE__ */
|
|
3222
|
+
) : /* @__PURE__ */ jsx41("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
3223
|
+
/* @__PURE__ */ jsx41("span", { className: "px-2 py-1", children: "..." }),
|
|
3224
|
+
/* @__PURE__ */ jsx41(
|
|
3203
3225
|
Hyperlink,
|
|
3204
3226
|
{
|
|
3205
3227
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3207,7 +3229,7 @@ var DataList = (props) => {
|
|
|
3207
3229
|
children: pages - 1
|
|
3208
3230
|
}
|
|
3209
3231
|
),
|
|
3210
|
-
/* @__PURE__ */
|
|
3232
|
+
/* @__PURE__ */ jsx41(
|
|
3211
3233
|
Hyperlink,
|
|
3212
3234
|
{
|
|
3213
3235
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3215,7 +3237,7 @@ var DataList = (props) => {
|
|
|
3215
3237
|
children: pages
|
|
3216
3238
|
}
|
|
3217
3239
|
),
|
|
3218
|
-
/* @__PURE__ */
|
|
3240
|
+
/* @__PURE__ */ jsx41("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
|
|
3219
3241
|
"select",
|
|
3220
3242
|
{
|
|
3221
3243
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -3227,18 +3249,18 @@ var DataList = (props) => {
|
|
|
3227
3249
|
}
|
|
3228
3250
|
},
|
|
3229
3251
|
children: [
|
|
3230
|
-
/* @__PURE__ */
|
|
3252
|
+
/* @__PURE__ */ jsx41("option", { className: "", value: "", children: "Jump to" }),
|
|
3231
3253
|
Array.from(
|
|
3232
3254
|
{ length: Math.max(0, pages - 10) },
|
|
3233
3255
|
(_, index) => index + 9
|
|
3234
|
-
).map((page) => /* @__PURE__ */
|
|
3256
|
+
).map((page) => /* @__PURE__ */ jsx41("option", { value: page, children: page }, page))
|
|
3235
3257
|
]
|
|
3236
3258
|
}
|
|
3237
3259
|
) })
|
|
3238
3260
|
] });
|
|
3239
3261
|
} else if (showLastPages) {
|
|
3240
3262
|
return /* @__PURE__ */ jsxs16(Fragment8, { children: [
|
|
3241
|
-
/* @__PURE__ */
|
|
3263
|
+
/* @__PURE__ */ jsx41(
|
|
3242
3264
|
Hyperlink,
|
|
3243
3265
|
{
|
|
3244
3266
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3246,7 +3268,7 @@ var DataList = (props) => {
|
|
|
3246
3268
|
children: "1"
|
|
3247
3269
|
}
|
|
3248
3270
|
),
|
|
3249
|
-
/* @__PURE__ */
|
|
3271
|
+
/* @__PURE__ */ jsx41(
|
|
3250
3272
|
Hyperlink,
|
|
3251
3273
|
{
|
|
3252
3274
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3254,21 +3276,21 @@ var DataList = (props) => {
|
|
|
3254
3276
|
children: "2"
|
|
3255
3277
|
}
|
|
3256
3278
|
),
|
|
3257
|
-
/* @__PURE__ */
|
|
3279
|
+
/* @__PURE__ */ jsx41("span", { className: "px-2 py-1", children: "..." }),
|
|
3258
3280
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
3259
|
-
(page) => /* @__PURE__ */
|
|
3281
|
+
(page) => /* @__PURE__ */ jsx41(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx41(
|
|
3260
3282
|
Hyperlink,
|
|
3261
3283
|
{
|
|
3262
3284
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3263
3285
|
href: builder.getNewPageUrl(page),
|
|
3264
3286
|
children: page
|
|
3265
3287
|
}
|
|
3266
|
-
) : /* @__PURE__ */
|
|
3288
|
+
) : /* @__PURE__ */ jsx41("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
3267
3289
|
)
|
|
3268
3290
|
] });
|
|
3269
3291
|
} else {
|
|
3270
3292
|
return /* @__PURE__ */ jsxs16(Fragment8, { children: [
|
|
3271
|
-
/* @__PURE__ */
|
|
3293
|
+
/* @__PURE__ */ jsx41(
|
|
3272
3294
|
Hyperlink,
|
|
3273
3295
|
{
|
|
3274
3296
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3276,7 +3298,7 @@ var DataList = (props) => {
|
|
|
3276
3298
|
children: "1"
|
|
3277
3299
|
}
|
|
3278
3300
|
),
|
|
3279
|
-
/* @__PURE__ */
|
|
3301
|
+
/* @__PURE__ */ jsx41(
|
|
3280
3302
|
Hyperlink,
|
|
3281
3303
|
{
|
|
3282
3304
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3284,20 +3306,20 @@ var DataList = (props) => {
|
|
|
3284
3306
|
children: "2"
|
|
3285
3307
|
}
|
|
3286
3308
|
),
|
|
3287
|
-
/* @__PURE__ */
|
|
3309
|
+
/* @__PURE__ */ jsx41("span", { className: "px-2 py-1", children: "..." }),
|
|
3288
3310
|
Array.from(
|
|
3289
3311
|
{ length: 5 },
|
|
3290
3312
|
(_, index) => activePageNumber - 2 + index
|
|
3291
|
-
).map((page) => /* @__PURE__ */
|
|
3313
|
+
).map((page) => /* @__PURE__ */ jsx41(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx41(
|
|
3292
3314
|
Hyperlink,
|
|
3293
3315
|
{
|
|
3294
3316
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3295
3317
|
href: builder.getNewPageUrl(page),
|
|
3296
3318
|
children: page
|
|
3297
3319
|
}
|
|
3298
|
-
) : /* @__PURE__ */
|
|
3299
|
-
/* @__PURE__ */
|
|
3300
|
-
/* @__PURE__ */
|
|
3320
|
+
) : /* @__PURE__ */ jsx41("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
3321
|
+
/* @__PURE__ */ jsx41("span", { className: "px-2 py-1", children: "..." }),
|
|
3322
|
+
/* @__PURE__ */ jsx41(
|
|
3301
3323
|
Hyperlink,
|
|
3302
3324
|
{
|
|
3303
3325
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3305,7 +3327,7 @@ var DataList = (props) => {
|
|
|
3305
3327
|
children: pages - 1
|
|
3306
3328
|
}
|
|
3307
3329
|
),
|
|
3308
|
-
/* @__PURE__ */
|
|
3330
|
+
/* @__PURE__ */ jsx41(
|
|
3309
3331
|
Hyperlink,
|
|
3310
3332
|
{
|
|
3311
3333
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3313,7 +3335,7 @@ var DataList = (props) => {
|
|
|
3313
3335
|
children: pages
|
|
3314
3336
|
}
|
|
3315
3337
|
),
|
|
3316
|
-
/* @__PURE__ */
|
|
3338
|
+
/* @__PURE__ */ jsx41("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
|
|
3317
3339
|
"select",
|
|
3318
3340
|
{
|
|
3319
3341
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -3325,8 +3347,8 @@ var DataList = (props) => {
|
|
|
3325
3347
|
}
|
|
3326
3348
|
},
|
|
3327
3349
|
children: [
|
|
3328
|
-
/* @__PURE__ */
|
|
3329
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */
|
|
3350
|
+
/* @__PURE__ */ jsx41("option", { value: "", children: "Jump to" }),
|
|
3351
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx41("option", { value: page, children: page }, page))
|
|
3330
3352
|
]
|
|
3331
3353
|
}
|
|
3332
3354
|
) })
|
|
@@ -3341,9 +3363,9 @@ var DataList = (props) => {
|
|
|
3341
3363
|
{
|
|
3342
3364
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
3343
3365
|
children: [
|
|
3344
|
-
props.title ? /* @__PURE__ */
|
|
3366
|
+
props.title ? /* @__PURE__ */ jsx41("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx41("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx41("div", {}),
|
|
3345
3367
|
/* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
|
|
3346
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */
|
|
3368
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx41(
|
|
3347
3369
|
InputControl_default,
|
|
3348
3370
|
{
|
|
3349
3371
|
name: "Search_input",
|
|
@@ -3355,7 +3377,7 @@ var DataList = (props) => {
|
|
|
3355
3377
|
}
|
|
3356
3378
|
}
|
|
3357
3379
|
),
|
|
3358
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
3380
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx41(
|
|
3359
3381
|
InputControl_default,
|
|
3360
3382
|
{
|
|
3361
3383
|
name: filter.name,
|
|
@@ -3377,8 +3399,8 @@ var DataList = (props) => {
|
|
|
3377
3399
|
linkType: "Primary" /* Solid */,
|
|
3378
3400
|
href: props.addLinkHref,
|
|
3379
3401
|
children: [
|
|
3380
|
-
/* @__PURE__ */
|
|
3381
|
-
/* @__PURE__ */
|
|
3402
|
+
/* @__PURE__ */ jsx41(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
3403
|
+
/* @__PURE__ */ jsx41("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
3382
3404
|
]
|
|
3383
3405
|
}
|
|
3384
3406
|
)
|
|
@@ -3386,8 +3408,8 @@ var DataList = (props) => {
|
|
|
3386
3408
|
]
|
|
3387
3409
|
}
|
|
3388
3410
|
),
|
|
3389
|
-
/* @__PURE__ */
|
|
3390
|
-
/* @__PURE__ */
|
|
3411
|
+
/* @__PURE__ */ jsx41("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
3412
|
+
/* @__PURE__ */ jsx41("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx41("tr", { children: props?.columns?.map((column) => {
|
|
3391
3413
|
let url = builder.getNewOrderByUrl(column.name);
|
|
3392
3414
|
let icon = "chevronUpDown";
|
|
3393
3415
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -3397,18 +3419,18 @@ var DataList = (props) => {
|
|
|
3397
3419
|
icon = "chevronUp";
|
|
3398
3420
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
3399
3421
|
}
|
|
3400
|
-
return /* @__PURE__ */
|
|
3422
|
+
return /* @__PURE__ */ jsx41(
|
|
3401
3423
|
"th",
|
|
3402
3424
|
{
|
|
3403
3425
|
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" : ""),
|
|
3404
|
-
children: /* @__PURE__ */
|
|
3426
|
+
children: /* @__PURE__ */ jsx41(
|
|
3405
3427
|
Hyperlink,
|
|
3406
3428
|
{
|
|
3407
3429
|
href: column.enableSorting ? url : void 0,
|
|
3408
3430
|
className: "!text-neutral-contrast ",
|
|
3409
3431
|
children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
|
|
3410
|
-
/* @__PURE__ */
|
|
3411
|
-
column.enableSorting && /* @__PURE__ */
|
|
3432
|
+
/* @__PURE__ */ jsx41("span", { className: "text-black", children: column.label }),
|
|
3433
|
+
column.enableSorting && /* @__PURE__ */ jsx41(Icon_default, { className: "w-4 h-4", name: icon })
|
|
3412
3434
|
] })
|
|
3413
3435
|
}
|
|
3414
3436
|
)
|
|
@@ -3416,24 +3438,24 @@ var DataList = (props) => {
|
|
|
3416
3438
|
column.name
|
|
3417
3439
|
);
|
|
3418
3440
|
}) }) }),
|
|
3419
|
-
/* @__PURE__ */
|
|
3441
|
+
/* @__PURE__ */ jsx41("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
3420
3442
|
let validityClass = "";
|
|
3421
3443
|
console.log("dataitem", dataitem);
|
|
3422
3444
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
3423
3445
|
validityClass = "bg-alert-200";
|
|
3424
3446
|
}
|
|
3425
|
-
return /* @__PURE__ */
|
|
3447
|
+
return /* @__PURE__ */ jsx41("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
3426
3448
|
console.log("column", column);
|
|
3427
|
-
return /* @__PURE__ */
|
|
3449
|
+
return /* @__PURE__ */ jsx41(React27.Fragment, { children: /* @__PURE__ */ jsx41(
|
|
3428
3450
|
"td",
|
|
3429
3451
|
{
|
|
3430
3452
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
3431
|
-
children: column.addhref === true ? /* @__PURE__ */
|
|
3453
|
+
children: column.addhref === true ? /* @__PURE__ */ jsx41(
|
|
3432
3454
|
Hyperlink,
|
|
3433
3455
|
{
|
|
3434
3456
|
className: "",
|
|
3435
3457
|
href: `https://${dataitem[column.name]}`,
|
|
3436
|
-
children: /* @__PURE__ */
|
|
3458
|
+
children: /* @__PURE__ */ jsx41(
|
|
3437
3459
|
ViewControl_default,
|
|
3438
3460
|
{
|
|
3439
3461
|
controlType: column.controlType,
|
|
@@ -3446,11 +3468,11 @@ var DataList = (props) => {
|
|
|
3446
3468
|
}
|
|
3447
3469
|
)
|
|
3448
3470
|
}
|
|
3449
|
-
) : column.showAsLink ? /* @__PURE__ */
|
|
3471
|
+
) : column.showAsLink ? /* @__PURE__ */ jsx41(
|
|
3450
3472
|
Hyperlink,
|
|
3451
3473
|
{
|
|
3452
3474
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
3453
|
-
children: /* @__PURE__ */
|
|
3475
|
+
children: /* @__PURE__ */ jsx41(
|
|
3454
3476
|
ViewControl_default,
|
|
3455
3477
|
{
|
|
3456
3478
|
controlType: column.controlType,
|
|
@@ -3460,7 +3482,7 @@ var DataList = (props) => {
|
|
|
3460
3482
|
}
|
|
3461
3483
|
)
|
|
3462
3484
|
}
|
|
3463
|
-
) : /* @__PURE__ */
|
|
3485
|
+
) : /* @__PURE__ */ jsx41(
|
|
3464
3486
|
ViewControl_default,
|
|
3465
3487
|
{
|
|
3466
3488
|
controlType: column.controlType,
|
|
@@ -3474,10 +3496,10 @@ var DataList = (props) => {
|
|
|
3474
3496
|
}) }, index);
|
|
3475
3497
|
}) })
|
|
3476
3498
|
] }) }),
|
|
3477
|
-
/* @__PURE__ */
|
|
3478
|
-
/* @__PURE__ */
|
|
3499
|
+
/* @__PURE__ */ jsx41("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
|
|
3500
|
+
/* @__PURE__ */ jsx41("div", { className: "text-gray-700", children: label }),
|
|
3479
3501
|
/* @__PURE__ */ jsxs16("div", { className: "flex space-x-2 items-center", children: [
|
|
3480
|
-
activePageNumber > 1 && /* @__PURE__ */
|
|
3502
|
+
activePageNumber > 1 && /* @__PURE__ */ jsx41(
|
|
3481
3503
|
Hyperlink,
|
|
3482
3504
|
{
|
|
3483
3505
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -3485,9 +3507,9 @@ var DataList = (props) => {
|
|
|
3485
3507
|
children: "Prev"
|
|
3486
3508
|
}
|
|
3487
3509
|
),
|
|
3488
|
-
activePageNumber <= 1 && /* @__PURE__ */
|
|
3510
|
+
activePageNumber <= 1 && /* @__PURE__ */ jsx41("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" }),
|
|
3489
3511
|
renderPageNumbers(),
|
|
3490
|
-
activePageNumber < pages && /* @__PURE__ */
|
|
3512
|
+
activePageNumber < pages && /* @__PURE__ */ jsx41(
|
|
3491
3513
|
Hyperlink,
|
|
3492
3514
|
{
|
|
3493
3515
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -3495,7 +3517,7 @@ var DataList = (props) => {
|
|
|
3495
3517
|
children: "Next"
|
|
3496
3518
|
}
|
|
3497
3519
|
),
|
|
3498
|
-
activePageNumber >= pages && /* @__PURE__ */
|
|
3520
|
+
activePageNumber >= pages && /* @__PURE__ */ jsx41("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
3499
3521
|
] })
|
|
3500
3522
|
] }) })
|
|
3501
3523
|
] }),
|
|
@@ -3505,9 +3527,9 @@ var DataList = (props) => {
|
|
|
3505
3527
|
{
|
|
3506
3528
|
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`,
|
|
3507
3529
|
children: [
|
|
3508
|
-
props.title ? /* @__PURE__ */
|
|
3530
|
+
props.title ? /* @__PURE__ */ jsx41("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx41("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx41("div", {}),
|
|
3509
3531
|
/* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
|
|
3510
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */
|
|
3532
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx41(
|
|
3511
3533
|
InputControl_default,
|
|
3512
3534
|
{
|
|
3513
3535
|
name: "Search_input",
|
|
@@ -3519,7 +3541,7 @@ var DataList = (props) => {
|
|
|
3519
3541
|
}
|
|
3520
3542
|
}
|
|
3521
3543
|
),
|
|
3522
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
3544
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx41(
|
|
3523
3545
|
InputControl_default,
|
|
3524
3546
|
{
|
|
3525
3547
|
name: filter.name,
|
|
@@ -3541,8 +3563,8 @@ var DataList = (props) => {
|
|
|
3541
3563
|
linkType: "Primary" /* Solid */,
|
|
3542
3564
|
href: props.addLinkHref,
|
|
3543
3565
|
children: [
|
|
3544
|
-
/* @__PURE__ */
|
|
3545
|
-
/* @__PURE__ */
|
|
3566
|
+
/* @__PURE__ */ jsx41(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
3567
|
+
/* @__PURE__ */ jsx41("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
3546
3568
|
]
|
|
3547
3569
|
}
|
|
3548
3570
|
)
|
|
@@ -3551,7 +3573,7 @@ var DataList = (props) => {
|
|
|
3551
3573
|
}
|
|
3552
3574
|
),
|
|
3553
3575
|
/* @__PURE__ */ jsxs16("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
3554
|
-
/* @__PURE__ */
|
|
3576
|
+
/* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsx41("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx41("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx41("tr", { children: props?.columns?.map((column) => {
|
|
3555
3577
|
let url = builder.getNewOrderByUrl(column.name);
|
|
3556
3578
|
let icon = "chevronUpDown";
|
|
3557
3579
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -3561,18 +3583,18 @@ var DataList = (props) => {
|
|
|
3561
3583
|
icon = "chevronUp";
|
|
3562
3584
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
3563
3585
|
}
|
|
3564
|
-
return /* @__PURE__ */
|
|
3586
|
+
return /* @__PURE__ */ jsx41(
|
|
3565
3587
|
"th",
|
|
3566
3588
|
{
|
|
3567
3589
|
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" : ""),
|
|
3568
|
-
children: /* @__PURE__ */
|
|
3590
|
+
children: /* @__PURE__ */ jsx41(
|
|
3569
3591
|
Hyperlink,
|
|
3570
3592
|
{
|
|
3571
3593
|
href: column.enableSorting ? url : void 0,
|
|
3572
3594
|
className: "text-body-950",
|
|
3573
3595
|
children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
|
|
3574
|
-
/* @__PURE__ */
|
|
3575
|
-
column.enableSorting && /* @__PURE__ */
|
|
3596
|
+
/* @__PURE__ */ jsx41("span", { children: column.label }),
|
|
3597
|
+
column.enableSorting && /* @__PURE__ */ jsx41(Icon_default, { className: "w-4 h-4", name: icon })
|
|
3576
3598
|
] })
|
|
3577
3599
|
}
|
|
3578
3600
|
)
|
|
@@ -3580,7 +3602,7 @@ var DataList = (props) => {
|
|
|
3580
3602
|
column.name
|
|
3581
3603
|
);
|
|
3582
3604
|
}) }) }) }) }),
|
|
3583
|
-
/* @__PURE__ */
|
|
3605
|
+
/* @__PURE__ */ jsx41("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
3584
3606
|
] })
|
|
3585
3607
|
] })
|
|
3586
3608
|
] });
|
|
@@ -3590,7 +3612,7 @@ var DataList_default = DataList;
|
|
|
3590
3612
|
// src/components/dataForm/DataListRenderer.tsx
|
|
3591
3613
|
import React28, { useState as useState3, useEffect as useEffect4 } from "react";
|
|
3592
3614
|
import { usePathname as usePathname2 } from "next/navigation";
|
|
3593
|
-
import { jsx as
|
|
3615
|
+
import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
3594
3616
|
var viewControlMap = {
|
|
3595
3617
|
number: ViewControlTypes.number,
|
|
3596
3618
|
lineText: ViewControlTypes.lineText,
|
|
@@ -3690,8 +3712,8 @@ var DataListRenderer = ({
|
|
|
3690
3712
|
// tabs={resolvedTabs}
|
|
3691
3713
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
3692
3714
|
// />
|
|
3693
|
-
/* @__PURE__ */
|
|
3694
|
-
/* @__PURE__ */
|
|
3715
|
+
/* @__PURE__ */ jsx42(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
3716
|
+
/* @__PURE__ */ jsx42(
|
|
3695
3717
|
DataList_default,
|
|
3696
3718
|
{
|
|
3697
3719
|
addLinkHref,
|
|
@@ -3736,7 +3758,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
3736
3758
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
3737
3759
|
|
|
3738
3760
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
3739
|
-
import { jsx as
|
|
3761
|
+
import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
3740
3762
|
var DataFormChildSection = (props) => {
|
|
3741
3763
|
const { section } = props;
|
|
3742
3764
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -3804,14 +3826,14 @@ var DataFormChildSection = (props) => {
|
|
|
3804
3826
|
childItemsToRender,
|
|
3805
3827
|
allChildItems: childItems
|
|
3806
3828
|
});
|
|
3807
|
-
return /* @__PURE__ */
|
|
3808
|
-
section.sectionTitle && /* @__PURE__ */
|
|
3809
|
-
/* @__PURE__ */
|
|
3810
|
-
/* @__PURE__ */
|
|
3811
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */
|
|
3829
|
+
return /* @__PURE__ */ jsx43(React29.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
3830
|
+
section.sectionTitle && /* @__PURE__ */ jsx43("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
3831
|
+
/* @__PURE__ */ jsx43("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
3832
|
+
/* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
3833
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx43("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
3812
3834
|
return /* @__PURE__ */ jsxs18("tr", { className: "", children: [
|
|
3813
3835
|
sectionRow.elements.map((field, index) => {
|
|
3814
|
-
return /* @__PURE__ */
|
|
3836
|
+
return /* @__PURE__ */ jsx43(
|
|
3815
3837
|
"th",
|
|
3816
3838
|
{
|
|
3817
3839
|
className: "py-3 font-normal text-left",
|
|
@@ -3820,13 +3842,13 @@ var DataFormChildSection = (props) => {
|
|
|
3820
3842
|
field.name
|
|
3821
3843
|
);
|
|
3822
3844
|
}),
|
|
3823
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
3845
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx43("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
3824
3846
|
] }, sectionRowIndex);
|
|
3825
3847
|
}) }),
|
|
3826
|
-
/* @__PURE__ */
|
|
3848
|
+
/* @__PURE__ */ jsx43("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
3827
3849
|
const { item, originalIndex } = visibleItem;
|
|
3828
3850
|
const rowKey = originalIndex;
|
|
3829
|
-
return /* @__PURE__ */
|
|
3851
|
+
return /* @__PURE__ */ jsx43(React29.Fragment, { children: section.sectionRows.map(
|
|
3830
3852
|
(sectionRow, sectionRowIndex) => {
|
|
3831
3853
|
return /* @__PURE__ */ jsxs18(
|
|
3832
3854
|
"tr",
|
|
@@ -3834,7 +3856,7 @@ var DataFormChildSection = (props) => {
|
|
|
3834
3856
|
className: "",
|
|
3835
3857
|
children: [
|
|
3836
3858
|
sectionRow.elements.map((field, index) => {
|
|
3837
|
-
return /* @__PURE__ */
|
|
3859
|
+
return /* @__PURE__ */ jsx43("td", { children: /* @__PURE__ */ jsx43("div", { className: "flex-1", children: /* @__PURE__ */ jsx43("div", { className: "w-11/12", children: /* @__PURE__ */ jsx43(
|
|
3838
3860
|
InputControl_default,
|
|
3839
3861
|
{
|
|
3840
3862
|
index: filteredIndex,
|
|
@@ -3854,7 +3876,7 @@ var DataFormChildSection = (props) => {
|
|
|
3854
3876
|
}
|
|
3855
3877
|
) }) }) }, field.name);
|
|
3856
3878
|
}),
|
|
3857
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
3879
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx43("td", { children: /* @__PURE__ */ jsx43(
|
|
3858
3880
|
ClientButton_default,
|
|
3859
3881
|
{
|
|
3860
3882
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -3863,7 +3885,7 @@ var DataFormChildSection = (props) => {
|
|
|
3863
3885
|
},
|
|
3864
3886
|
dataRole: "delete",
|
|
3865
3887
|
tabIndex: -1,
|
|
3866
|
-
children: /* @__PURE__ */
|
|
3888
|
+
children: /* @__PURE__ */ jsx43(
|
|
3867
3889
|
Icon_default,
|
|
3868
3890
|
{
|
|
3869
3891
|
className: "w-4 h-4",
|
|
@@ -3880,7 +3902,7 @@ var DataFormChildSection = (props) => {
|
|
|
3880
3902
|
) }, rowKey);
|
|
3881
3903
|
}) })
|
|
3882
3904
|
] }) }),
|
|
3883
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
3905
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx43("div", { className: "ml-1", children: /* @__PURE__ */ jsx43(
|
|
3884
3906
|
ClientButton_default,
|
|
3885
3907
|
{
|
|
3886
3908
|
ButtonType: "Link" /* Link */,
|
|
@@ -3895,7 +3917,7 @@ var DataFormChildSection = (props) => {
|
|
|
3895
3917
|
var DataFormChildSection_default = DataFormChildSection;
|
|
3896
3918
|
|
|
3897
3919
|
// src/components/dataForm/DataForm.tsx
|
|
3898
|
-
import { jsx as
|
|
3920
|
+
import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
3899
3921
|
var DataForm = (props) => {
|
|
3900
3922
|
const formRef = useRef2(null);
|
|
3901
3923
|
console.log(props.dataItem, "dssads");
|
|
@@ -4115,19 +4137,19 @@ var DataForm = (props) => {
|
|
|
4115
4137
|
return false;
|
|
4116
4138
|
}
|
|
4117
4139
|
}
|
|
4118
|
-
return /* @__PURE__ */
|
|
4119
|
-
props.title && /* @__PURE__ */
|
|
4140
|
+
return /* @__PURE__ */ jsx44(React30.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
|
|
4141
|
+
props.title && /* @__PURE__ */ jsx44("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__ */ jsxs19(
|
|
4120
4142
|
"div",
|
|
4121
4143
|
{
|
|
4122
4144
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
4123
4145
|
onClick: () => window.history.back(),
|
|
4124
4146
|
children: [
|
|
4125
|
-
/* @__PURE__ */
|
|
4126
|
-
/* @__PURE__ */
|
|
4147
|
+
/* @__PURE__ */ jsx44(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
4148
|
+
/* @__PURE__ */ jsx44("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
4127
4149
|
]
|
|
4128
4150
|
}
|
|
4129
4151
|
) }),
|
|
4130
|
-
/* @__PURE__ */
|
|
4152
|
+
/* @__PURE__ */ jsx44(
|
|
4131
4153
|
"form",
|
|
4132
4154
|
{
|
|
4133
4155
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -4148,8 +4170,8 @@ var DataForm = (props) => {
|
|
|
4148
4170
|
}
|
|
4149
4171
|
}
|
|
4150
4172
|
},
|
|
4151
|
-
children: /* @__PURE__ */
|
|
4152
|
-
return /* @__PURE__ */
|
|
4173
|
+
children: /* @__PURE__ */ jsx44("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
4174
|
+
return /* @__PURE__ */ jsx44(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
4153
4175
|
section.sectionRows?.map(
|
|
4154
4176
|
(sectionRow, sectionRowIndex) => {
|
|
4155
4177
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -4160,14 +4182,14 @@ var DataForm = (props) => {
|
|
|
4160
4182
|
sectionRow.visible
|
|
4161
4183
|
);
|
|
4162
4184
|
}
|
|
4163
|
-
return /* @__PURE__ */
|
|
4185
|
+
return /* @__PURE__ */ jsx44(React30.Fragment, { children: isVisible && /* @__PURE__ */ jsx44("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
4164
4186
|
return /* @__PURE__ */ jsxs19(
|
|
4165
4187
|
"div",
|
|
4166
4188
|
{
|
|
4167
4189
|
className: sectionRow.grow ? "grow" : "",
|
|
4168
4190
|
children: [
|
|
4169
|
-
/* @__PURE__ */
|
|
4170
|
-
/* @__PURE__ */
|
|
4191
|
+
/* @__PURE__ */ jsx44("div", { children: field.controlType }),
|
|
4192
|
+
/* @__PURE__ */ jsx44(
|
|
4171
4193
|
InputControl_default,
|
|
4172
4194
|
{
|
|
4173
4195
|
name: field.name,
|
|
@@ -4197,12 +4219,12 @@ var DataForm = (props) => {
|
|
|
4197
4219
|
}) }) }, sectionRowIndex);
|
|
4198
4220
|
}
|
|
4199
4221
|
),
|
|
4200
|
-
/* @__PURE__ */
|
|
4222
|
+
/* @__PURE__ */ jsx44("div", { children: section.childSections?.map(
|
|
4201
4223
|
(childSection, childSectionIndex) => {
|
|
4202
|
-
return /* @__PURE__ */
|
|
4224
|
+
return /* @__PURE__ */ jsx44("div", { children: childSection.name && evalutateCondition(
|
|
4203
4225
|
formState.inputValues,
|
|
4204
4226
|
childSection.visible
|
|
4205
|
-
) && /* @__PURE__ */
|
|
4227
|
+
) && /* @__PURE__ */ jsx44(
|
|
4206
4228
|
DataFormChildSection_default,
|
|
4207
4229
|
{
|
|
4208
4230
|
section: childSection,
|
|
@@ -4218,7 +4240,7 @@ var DataForm = (props) => {
|
|
|
4218
4240
|
}
|
|
4219
4241
|
),
|
|
4220
4242
|
/* @__PURE__ */ jsxs19("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
4221
|
-
/* @__PURE__ */
|
|
4243
|
+
/* @__PURE__ */ jsx44("div", { children: props.additionalActions && /* @__PURE__ */ jsx44(
|
|
4222
4244
|
Button_default,
|
|
4223
4245
|
{
|
|
4224
4246
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -4226,7 +4248,7 @@ var DataForm = (props) => {
|
|
|
4226
4248
|
children: props.additionalActions.title
|
|
4227
4249
|
}
|
|
4228
4250
|
) }),
|
|
4229
|
-
/* @__PURE__ */
|
|
4251
|
+
/* @__PURE__ */ jsx44("div", { children: props.onDelete && /* @__PURE__ */ jsx44(
|
|
4230
4252
|
Button_default,
|
|
4231
4253
|
{
|
|
4232
4254
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -4237,7 +4259,7 @@ var DataForm = (props) => {
|
|
|
4237
4259
|
children: "Delete"
|
|
4238
4260
|
}
|
|
4239
4261
|
) }),
|
|
4240
|
-
/* @__PURE__ */
|
|
4262
|
+
/* @__PURE__ */ jsx44("div", { children: props.onClick && /* @__PURE__ */ jsx44(
|
|
4241
4263
|
Button_default,
|
|
4242
4264
|
{
|
|
4243
4265
|
onValidate,
|
|
@@ -4254,7 +4276,7 @@ var DataForm = (props) => {
|
|
|
4254
4276
|
var DataForm_default = DataForm;
|
|
4255
4277
|
|
|
4256
4278
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
4257
|
-
import { jsx as
|
|
4279
|
+
import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
4258
4280
|
function getAction(actions, code) {
|
|
4259
4281
|
return actions?.find((a) => a.actionCode === code);
|
|
4260
4282
|
}
|
|
@@ -4281,8 +4303,8 @@ var DataFormRenderer = ({
|
|
|
4281
4303
|
);
|
|
4282
4304
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
4283
4305
|
return /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
|
|
4284
|
-
widgetProps && /* @__PURE__ */
|
|
4285
|
-
/* @__PURE__ */
|
|
4306
|
+
widgetProps && /* @__PURE__ */ jsx45(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
4307
|
+
/* @__PURE__ */ jsx45(
|
|
4286
4308
|
DataForm_default,
|
|
4287
4309
|
{
|
|
4288
4310
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|