@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260708102516 → 0.8.1-dev.20260709113231
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/EnterAnimationClient-2JW323TH.mjs +32 -0
- package/dist/EnterAnimationClient-RS3NQNR4.mjs +30 -0
- package/dist/index.js +258 -220
- package/dist/index.mjs +22 -21
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
1
|
"use strict";
|
|
4
2
|
var __create = Object.create;
|
|
5
3
|
var __defProp = Object.defineProperty;
|
|
@@ -4126,6 +4124,43 @@ var init_Slider = __esm({
|
|
|
4126
4124
|
}
|
|
4127
4125
|
});
|
|
4128
4126
|
|
|
4127
|
+
// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
|
|
4128
|
+
var EnterAnimationClient_exports = {};
|
|
4129
|
+
__export(EnterAnimationClient_exports, {
|
|
4130
|
+
default: () => EnterAnimationClient
|
|
4131
|
+
});
|
|
4132
|
+
function EnterAnimationClient({ hasEnterAnimation, children }) {
|
|
4133
|
+
const ref = (0, import_react52.useRef)(null);
|
|
4134
|
+
(0, import_react52.useEffect)(() => {
|
|
4135
|
+
if (!hasEnterAnimation || !ref.current) return;
|
|
4136
|
+
const observer = new IntersectionObserver(
|
|
4137
|
+
(entries) => {
|
|
4138
|
+
entries.forEach((entry) => {
|
|
4139
|
+
if (entry.isIntersecting) {
|
|
4140
|
+
entry.target.classList.add("visible");
|
|
4141
|
+
observer.unobserve(entry.target);
|
|
4142
|
+
}
|
|
4143
|
+
});
|
|
4144
|
+
},
|
|
4145
|
+
{ threshold: 0.1 }
|
|
4146
|
+
);
|
|
4147
|
+
observer.observe(ref.current);
|
|
4148
|
+
return () => observer.disconnect();
|
|
4149
|
+
}, [hasEnterAnimation]);
|
|
4150
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: children && // enforce passing the ref to Wrapper
|
|
4151
|
+
//@ts-ignore
|
|
4152
|
+
import_react52.default.cloneElement(children, { ref }) });
|
|
4153
|
+
}
|
|
4154
|
+
var import_react52, import_jsx_runtime72;
|
|
4155
|
+
var init_EnterAnimationClient = __esm({
|
|
4156
|
+
"src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx"() {
|
|
4157
|
+
"use strict";
|
|
4158
|
+
"use client";
|
|
4159
|
+
import_react52 = __toESM(require("react"));
|
|
4160
|
+
import_jsx_runtime72 = require("react/jsx-runtime");
|
|
4161
|
+
}
|
|
4162
|
+
});
|
|
4163
|
+
|
|
4129
4164
|
// src/index.ts
|
|
4130
4165
|
var index_exports = {};
|
|
4131
4166
|
__export(index_exports, {
|
|
@@ -4539,7 +4574,7 @@ var InputControl_default = InputControl2;
|
|
|
4539
4574
|
init_InputControlType();
|
|
4540
4575
|
|
|
4541
4576
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
4542
|
-
var
|
|
4577
|
+
var import_react54 = __toESM(require("react"));
|
|
4543
4578
|
|
|
4544
4579
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
4545
4580
|
var import_react40 = __toESM(require("react"));
|
|
@@ -5312,7 +5347,7 @@ var WidgetNode = (props) => {
|
|
|
5312
5347
|
var WidgetNode_default = WidgetNode;
|
|
5313
5348
|
|
|
5314
5349
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
5315
|
-
var
|
|
5350
|
+
var import_react53 = __toESM(require("react"));
|
|
5316
5351
|
|
|
5317
5352
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
5318
5353
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
@@ -6358,11 +6393,14 @@ var DocumentNode = (props) => {
|
|
|
6358
6393
|
var DocumentNode_default = DocumentNode;
|
|
6359
6394
|
|
|
6360
6395
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
6361
|
-
var
|
|
6396
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6362
6397
|
var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
6363
6398
|
var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
|
|
6364
6399
|
ssr: false
|
|
6365
6400
|
});
|
|
6401
|
+
var EnterAnimationClient2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_EnterAnimationClient(), EnterAnimationClient_exports)), {
|
|
6402
|
+
ssr: false
|
|
6403
|
+
});
|
|
6366
6404
|
function toCamelCase(str) {
|
|
6367
6405
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
6368
6406
|
}
|
|
@@ -6612,7 +6650,7 @@ var DivContainer = async (props) => {
|
|
|
6612
6650
|
response = await serviceClient.get(endpoint);
|
|
6613
6651
|
result = response?.result;
|
|
6614
6652
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
6615
|
-
return /* @__PURE__ */ (0,
|
|
6653
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NoDataFound_default, {});
|
|
6616
6654
|
}
|
|
6617
6655
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
6618
6656
|
childCollectionData = getNestedValue6(
|
|
@@ -6632,7 +6670,7 @@ var DivContainer = async (props) => {
|
|
|
6632
6670
|
}
|
|
6633
6671
|
const SelectedNode = NodeTypes2[node.type];
|
|
6634
6672
|
if (!SelectedNode) return null;
|
|
6635
|
-
return /* @__PURE__ */ (0,
|
|
6673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6636
6674
|
SelectedNode,
|
|
6637
6675
|
{
|
|
6638
6676
|
node,
|
|
@@ -6764,14 +6802,14 @@ var DivContainer = async (props) => {
|
|
|
6764
6802
|
props.node.bgClass,
|
|
6765
6803
|
noLinkColor && "no-link-color"
|
|
6766
6804
|
].filter(Boolean).join(" ");
|
|
6767
|
-
return /* @__PURE__ */ (0,
|
|
6768
|
-
/* @__PURE__ */ (0,
|
|
6805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react53.default.Fragment, { children: [
|
|
6806
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6769
6807
|
"style",
|
|
6770
6808
|
{
|
|
6771
6809
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
6772
6810
|
}
|
|
6773
6811
|
),
|
|
6774
|
-
/* @__PURE__ */ (0,
|
|
6812
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EnterAnimationClient2, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6775
6813
|
Wrapper,
|
|
6776
6814
|
{
|
|
6777
6815
|
id: guid,
|
|
@@ -6785,11 +6823,11 @@ var DivContainer = async (props) => {
|
|
|
6785
6823
|
item,
|
|
6786
6824
|
idx,
|
|
6787
6825
|
props.href ? void 0 : item?.links?.view
|
|
6788
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
6826
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
6789
6827
|
)
|
|
6790
6828
|
}
|
|
6791
|
-
) }),
|
|
6792
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
6829
|
+
) }) }),
|
|
6830
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6793
6831
|
Pagination2,
|
|
6794
6832
|
{
|
|
6795
6833
|
path: props.path,
|
|
@@ -6802,7 +6840,7 @@ var DivContainer = async (props) => {
|
|
|
6802
6840
|
var DivContainer_default = DivContainer;
|
|
6803
6841
|
|
|
6804
6842
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
6805
|
-
var
|
|
6843
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
6806
6844
|
var NodeTypes = {
|
|
6807
6845
|
["paragraph"]: ParagraphNode_default,
|
|
6808
6846
|
["heading"]: HeadingNode_default,
|
|
@@ -6839,14 +6877,14 @@ var PageBodyRenderer = (props) => {
|
|
|
6839
6877
|
}
|
|
6840
6878
|
return true;
|
|
6841
6879
|
};
|
|
6842
|
-
return /* @__PURE__ */ (0,
|
|
6880
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
6843
6881
|
{
|
|
6844
6882
|
}
|
|
6845
6883
|
const SelectedNode = NodeTypes[node.type];
|
|
6846
6884
|
if (!shouldRenderNode(node)) {
|
|
6847
6885
|
return null;
|
|
6848
6886
|
}
|
|
6849
|
-
return /* @__PURE__ */ (0,
|
|
6887
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6850
6888
|
SelectedNode,
|
|
6851
6889
|
{
|
|
6852
6890
|
node,
|
|
@@ -6862,7 +6900,7 @@ var PageBodyRenderer = (props) => {
|
|
|
6862
6900
|
device: props.device,
|
|
6863
6901
|
widgetRenderer: props.widgetRenderer
|
|
6864
6902
|
}
|
|
6865
|
-
) }) : /* @__PURE__ */ (0,
|
|
6903
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
6866
6904
|
SelectedNode,
|
|
6867
6905
|
{
|
|
6868
6906
|
node,
|
|
@@ -6883,22 +6921,22 @@ var PageBodyRenderer = (props) => {
|
|
|
6883
6921
|
var PageBodyRenderer_default = PageBodyRenderer;
|
|
6884
6922
|
|
|
6885
6923
|
// src/components/Toast.tsx
|
|
6886
|
-
var
|
|
6924
|
+
var import_react55 = require("react");
|
|
6887
6925
|
init_ToastService();
|
|
6888
|
-
var
|
|
6926
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
6889
6927
|
var Toast = () => {
|
|
6890
|
-
const [showToast, setShowToast] = (0,
|
|
6891
|
-
const [message, setMessage] = (0,
|
|
6892
|
-
const [messageType, setMessageType] = (0,
|
|
6893
|
-
const timeoutRef = (0,
|
|
6894
|
-
const closeToast = (0,
|
|
6928
|
+
const [showToast, setShowToast] = (0, import_react55.useState)(false);
|
|
6929
|
+
const [message, setMessage] = (0, import_react55.useState)("");
|
|
6930
|
+
const [messageType, setMessageType] = (0, import_react55.useState)("error");
|
|
6931
|
+
const timeoutRef = (0, import_react55.useRef)(null);
|
|
6932
|
+
const closeToast = (0, import_react55.useCallback)(() => {
|
|
6895
6933
|
if (timeoutRef.current) {
|
|
6896
6934
|
clearTimeout(timeoutRef.current);
|
|
6897
6935
|
timeoutRef.current = null;
|
|
6898
6936
|
}
|
|
6899
6937
|
setShowToast(false);
|
|
6900
6938
|
}, []);
|
|
6901
|
-
const showMessage = (0,
|
|
6939
|
+
const showMessage = (0, import_react55.useCallback)((message2, messageType2) => {
|
|
6902
6940
|
if (timeoutRef.current) {
|
|
6903
6941
|
clearTimeout(timeoutRef.current);
|
|
6904
6942
|
}
|
|
@@ -6910,7 +6948,7 @@ var Toast = () => {
|
|
|
6910
6948
|
timeoutRef.current = null;
|
|
6911
6949
|
}, 4e3);
|
|
6912
6950
|
}, []);
|
|
6913
|
-
(0,
|
|
6951
|
+
(0, import_react55.useEffect)(() => {
|
|
6914
6952
|
ToastService_default.initialize(showMessage, closeToast);
|
|
6915
6953
|
return () => {
|
|
6916
6954
|
closeToast();
|
|
@@ -6919,8 +6957,8 @@ var Toast = () => {
|
|
|
6919
6957
|
});
|
|
6920
6958
|
};
|
|
6921
6959
|
}, [closeToast, showMessage]);
|
|
6922
|
-
return /* @__PURE__ */ (0,
|
|
6923
|
-
/* @__PURE__ */ (0,
|
|
6960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
6961
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
6924
6962
|
"span",
|
|
6925
6963
|
{
|
|
6926
6964
|
className: "font-medium text-inherit text-sm",
|
|
@@ -6928,7 +6966,7 @@ var Toast = () => {
|
|
|
6928
6966
|
children: message
|
|
6929
6967
|
}
|
|
6930
6968
|
),
|
|
6931
|
-
/* @__PURE__ */ (0,
|
|
6969
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
6932
6970
|
"svg",
|
|
6933
6971
|
{
|
|
6934
6972
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6936,7 +6974,7 @@ var Toast = () => {
|
|
|
6936
6974
|
fill: "none",
|
|
6937
6975
|
viewBox: "0 0 24 24",
|
|
6938
6976
|
stroke: "currentColor",
|
|
6939
|
-
children: /* @__PURE__ */ (0,
|
|
6977
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
6940
6978
|
}
|
|
6941
6979
|
) })
|
|
6942
6980
|
] }) }) });
|
|
@@ -6963,7 +7001,7 @@ init_TimeInput();
|
|
|
6963
7001
|
// src/components/NavigationTabsV2.tsx
|
|
6964
7002
|
var import_link3 = __toESM(require("next/link"));
|
|
6965
7003
|
var import_navigation = require("next/navigation");
|
|
6966
|
-
var
|
|
7004
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
6967
7005
|
function resolveRoutePlaceholders(route, params) {
|
|
6968
7006
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
6969
7007
|
const value = params[key];
|
|
@@ -6988,8 +7026,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
6988
7026
|
isActive: tab.isActive
|
|
6989
7027
|
})) || [];
|
|
6990
7028
|
if (mappedTabs.length === 0) return null;
|
|
6991
|
-
return /* @__PURE__ */ (0,
|
|
6992
|
-
return /* @__PURE__ */ (0,
|
|
7029
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
7030
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
6993
7031
|
"div",
|
|
6994
7032
|
{
|
|
6995
7033
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -7002,14 +7040,14 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7002
7040
|
var NavigationTabsV2_default = NavigationTabsV2;
|
|
7003
7041
|
|
|
7004
7042
|
// src/components/dataForm/DataList.tsx
|
|
7005
|
-
var
|
|
7043
|
+
var import_react58 = __toESM(require("react"));
|
|
7006
7044
|
var import_navigation2 = require("next/navigation");
|
|
7007
7045
|
|
|
7008
7046
|
// src/components/dataForm/NoContentView.tsx
|
|
7009
|
-
var
|
|
7010
|
-
var
|
|
7047
|
+
var import_react56 = __toESM(require("react"));
|
|
7048
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7011
7049
|
var NoContentView = (props) => {
|
|
7012
|
-
return /* @__PURE__ */ (0,
|
|
7050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
7013
7051
|
};
|
|
7014
7052
|
var NoContentView_default = NoContentView;
|
|
7015
7053
|
|
|
@@ -7017,39 +7055,39 @@ var NoContentView_default = NoContentView;
|
|
|
7017
7055
|
init_InputControlType();
|
|
7018
7056
|
|
|
7019
7057
|
// src/components/dataForm/ContentView.tsx
|
|
7020
|
-
var
|
|
7021
|
-
var
|
|
7058
|
+
var import_react57 = __toESM(require("react"));
|
|
7059
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7022
7060
|
var ContentView = (props) => {
|
|
7023
|
-
return /* @__PURE__ */ (0,
|
|
7024
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
7025
|
-
/* @__PURE__ */ (0,
|
|
7026
|
-
/* @__PURE__ */ (0,
|
|
7027
|
-
/* @__PURE__ */ (0,
|
|
7028
|
-
/* @__PURE__ */ (0,
|
|
7029
|
-
/* @__PURE__ */ (0,
|
|
7061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react57.default.Fragment, { children: [
|
|
7062
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
7063
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
7064
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
7065
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ml-2", children: [
|
|
7066
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
7067
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
7030
7068
|
] })
|
|
7031
7069
|
] }),
|
|
7032
|
-
/* @__PURE__ */ (0,
|
|
7033
|
-
/* @__PURE__ */ (0,
|
|
7034
|
-
/* @__PURE__ */ (0,
|
|
7035
|
-
/* @__PURE__ */ (0,
|
|
7036
|
-
/* @__PURE__ */ (0,
|
|
7037
|
-
/* @__PURE__ */ (0,
|
|
7038
|
-
/* @__PURE__ */ (0,
|
|
7070
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
7071
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
|
|
7072
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7073
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7074
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7075
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7076
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7039
7077
|
] }),
|
|
7040
|
-
/* @__PURE__ */ (0,
|
|
7041
|
-
/* @__PURE__ */ (0,
|
|
7042
|
-
/* @__PURE__ */ (0,
|
|
7043
|
-
/* @__PURE__ */ (0,
|
|
7044
|
-
/* @__PURE__ */ (0,
|
|
7045
|
-
/* @__PURE__ */ (0,
|
|
7078
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
|
|
7079
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7080
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7081
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7082
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7083
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7046
7084
|
] }),
|
|
7047
|
-
/* @__PURE__ */ (0,
|
|
7048
|
-
/* @__PURE__ */ (0,
|
|
7049
|
-
/* @__PURE__ */ (0,
|
|
7050
|
-
/* @__PURE__ */ (0,
|
|
7051
|
-
/* @__PURE__ */ (0,
|
|
7052
|
-
/* @__PURE__ */ (0,
|
|
7085
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
|
|
7086
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7087
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7088
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7089
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7090
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7053
7091
|
] })
|
|
7054
7092
|
] })
|
|
7055
7093
|
] }) }),
|
|
@@ -7109,7 +7147,7 @@ function FormReducer(state, action) {
|
|
|
7109
7147
|
var FormReducer_default = FormReducer;
|
|
7110
7148
|
|
|
7111
7149
|
// src/components/dataForm/DataList.tsx
|
|
7112
|
-
var
|
|
7150
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7113
7151
|
var DataList = (props) => {
|
|
7114
7152
|
const router = (0, import_navigation2.useRouter)();
|
|
7115
7153
|
let builder = new OdataBuilder(props.path);
|
|
@@ -7117,9 +7155,9 @@ var DataList = (props) => {
|
|
|
7117
7155
|
let activePageNumber = 0;
|
|
7118
7156
|
let pages = 0;
|
|
7119
7157
|
console.log(props.addLinkText);
|
|
7120
|
-
const [isDataFound, setIsDataFound] = (0,
|
|
7121
|
-
const [searchTerm, setSearchTerm] = (0,
|
|
7122
|
-
(0,
|
|
7158
|
+
const [isDataFound, setIsDataFound] = (0, import_react58.useState)(null);
|
|
7159
|
+
const [searchTerm, setSearchTerm] = (0, import_react58.useState)(props.query?.searchTerm ?? "");
|
|
7160
|
+
(0, import_react58.useEffect)(() => {
|
|
7123
7161
|
if (props?.dataset) {
|
|
7124
7162
|
if (props?.dataset.result && props.dataset.result.length > 0) {
|
|
7125
7163
|
setIsDataFound(true);
|
|
@@ -7128,7 +7166,7 @@ var DataList = (props) => {
|
|
|
7128
7166
|
}
|
|
7129
7167
|
}
|
|
7130
7168
|
}, [props.dataset]);
|
|
7131
|
-
(0,
|
|
7169
|
+
(0, import_react58.useEffect)(() => {
|
|
7132
7170
|
if (!props.query?.["$filter"] || !props.filters) return;
|
|
7133
7171
|
const filterQuery = props.query["$filter"];
|
|
7134
7172
|
props.filters.forEach((filter) => {
|
|
@@ -7147,7 +7185,7 @@ var DataList = (props) => {
|
|
|
7147
7185
|
if (path.includes(".")) {
|
|
7148
7186
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
7149
7187
|
} else if (Array.isArray(obj[path])) {
|
|
7150
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
7188
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: item }, index));
|
|
7151
7189
|
} else {
|
|
7152
7190
|
return obj[path];
|
|
7153
7191
|
}
|
|
@@ -7156,11 +7194,11 @@ var DataList = (props) => {
|
|
|
7156
7194
|
inputValues: {},
|
|
7157
7195
|
lastPropertyChanged: ""
|
|
7158
7196
|
};
|
|
7159
|
-
const [formState, dispatch] = (0,
|
|
7197
|
+
const [formState, dispatch] = (0, import_react58.useReducer)(FormReducer_default, initialState);
|
|
7160
7198
|
const getSearchableColumns = () => {
|
|
7161
7199
|
return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
|
|
7162
7200
|
};
|
|
7163
|
-
const handleFilterChange = (0,
|
|
7201
|
+
const handleFilterChange = (0, import_react58.useCallback)(
|
|
7164
7202
|
(updatedValues) => {
|
|
7165
7203
|
dispatch({
|
|
7166
7204
|
type: FORM_INPUT_UPDATE,
|
|
@@ -7191,7 +7229,7 @@ var DataList = (props) => {
|
|
|
7191
7229
|
},
|
|
7192
7230
|
[dispatch, props, router]
|
|
7193
7231
|
);
|
|
7194
|
-
(0,
|
|
7232
|
+
(0, import_react58.useEffect)(() => {
|
|
7195
7233
|
if (!props.columns.some((col) => col.isSearchable)) {
|
|
7196
7234
|
return;
|
|
7197
7235
|
}
|
|
@@ -7226,30 +7264,30 @@ var DataList = (props) => {
|
|
|
7226
7264
|
const renderPageNumbers = () => {
|
|
7227
7265
|
if (pages <= 10) {
|
|
7228
7266
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
7229
|
-
(page) => /* @__PURE__ */ (0,
|
|
7267
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7230
7268
|
Hyperlink,
|
|
7231
7269
|
{
|
|
7232
7270
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7233
7271
|
href: builder.getNewPageUrl(page),
|
|
7234
7272
|
children: page
|
|
7235
7273
|
}
|
|
7236
|
-
) : /* @__PURE__ */ (0,
|
|
7274
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7237
7275
|
);
|
|
7238
7276
|
} else {
|
|
7239
7277
|
const showFirstPages = activePageNumber <= 5;
|
|
7240
7278
|
const showLastPages = activePageNumber > pages - 5;
|
|
7241
7279
|
if (showFirstPages) {
|
|
7242
|
-
return /* @__PURE__ */ (0,
|
|
7243
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
7280
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7281
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7244
7282
|
Hyperlink,
|
|
7245
7283
|
{
|
|
7246
7284
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7247
7285
|
href: builder.getNewPageUrl(page),
|
|
7248
7286
|
children: page
|
|
7249
7287
|
}
|
|
7250
|
-
) : /* @__PURE__ */ (0,
|
|
7251
|
-
/* @__PURE__ */ (0,
|
|
7252
|
-
/* @__PURE__ */ (0,
|
|
7288
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7289
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7290
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7253
7291
|
Hyperlink,
|
|
7254
7292
|
{
|
|
7255
7293
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7257,7 +7295,7 @@ var DataList = (props) => {
|
|
|
7257
7295
|
children: pages - 1
|
|
7258
7296
|
}
|
|
7259
7297
|
),
|
|
7260
|
-
/* @__PURE__ */ (0,
|
|
7298
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7261
7299
|
Hyperlink,
|
|
7262
7300
|
{
|
|
7263
7301
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7265,7 +7303,7 @@ var DataList = (props) => {
|
|
|
7265
7303
|
children: pages
|
|
7266
7304
|
}
|
|
7267
7305
|
),
|
|
7268
|
-
/* @__PURE__ */ (0,
|
|
7306
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7269
7307
|
"select",
|
|
7270
7308
|
{
|
|
7271
7309
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7277,18 +7315,18 @@ var DataList = (props) => {
|
|
|
7277
7315
|
}
|
|
7278
7316
|
},
|
|
7279
7317
|
children: [
|
|
7280
|
-
/* @__PURE__ */ (0,
|
|
7318
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
7281
7319
|
Array.from(
|
|
7282
7320
|
{ length: Math.max(0, pages - 10) },
|
|
7283
7321
|
(_, index) => index + 9
|
|
7284
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7322
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: page, children: page }, page))
|
|
7285
7323
|
]
|
|
7286
7324
|
}
|
|
7287
7325
|
) })
|
|
7288
7326
|
] });
|
|
7289
7327
|
} else if (showLastPages) {
|
|
7290
|
-
return /* @__PURE__ */ (0,
|
|
7291
|
-
/* @__PURE__ */ (0,
|
|
7328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7329
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7292
7330
|
Hyperlink,
|
|
7293
7331
|
{
|
|
7294
7332
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7296,7 +7334,7 @@ var DataList = (props) => {
|
|
|
7296
7334
|
children: "1"
|
|
7297
7335
|
}
|
|
7298
7336
|
),
|
|
7299
|
-
/* @__PURE__ */ (0,
|
|
7337
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7300
7338
|
Hyperlink,
|
|
7301
7339
|
{
|
|
7302
7340
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7304,21 +7342,21 @@ var DataList = (props) => {
|
|
|
7304
7342
|
children: "2"
|
|
7305
7343
|
}
|
|
7306
7344
|
),
|
|
7307
|
-
/* @__PURE__ */ (0,
|
|
7345
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7308
7346
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
7309
|
-
(page) => /* @__PURE__ */ (0,
|
|
7347
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7310
7348
|
Hyperlink,
|
|
7311
7349
|
{
|
|
7312
7350
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7313
7351
|
href: builder.getNewPageUrl(page),
|
|
7314
7352
|
children: page
|
|
7315
7353
|
}
|
|
7316
|
-
) : /* @__PURE__ */ (0,
|
|
7354
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7317
7355
|
)
|
|
7318
7356
|
] });
|
|
7319
7357
|
} else {
|
|
7320
|
-
return /* @__PURE__ */ (0,
|
|
7321
|
-
/* @__PURE__ */ (0,
|
|
7358
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
|
|
7359
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7322
7360
|
Hyperlink,
|
|
7323
7361
|
{
|
|
7324
7362
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7326,7 +7364,7 @@ var DataList = (props) => {
|
|
|
7326
7364
|
children: "1"
|
|
7327
7365
|
}
|
|
7328
7366
|
),
|
|
7329
|
-
/* @__PURE__ */ (0,
|
|
7367
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7330
7368
|
Hyperlink,
|
|
7331
7369
|
{
|
|
7332
7370
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7334,20 +7372,20 @@ var DataList = (props) => {
|
|
|
7334
7372
|
children: "2"
|
|
7335
7373
|
}
|
|
7336
7374
|
),
|
|
7337
|
-
/* @__PURE__ */ (0,
|
|
7375
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7338
7376
|
Array.from(
|
|
7339
7377
|
{ length: 5 },
|
|
7340
7378
|
(_, index) => activePageNumber - 2 + index
|
|
7341
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7379
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7342
7380
|
Hyperlink,
|
|
7343
7381
|
{
|
|
7344
7382
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7345
7383
|
href: builder.getNewPageUrl(page),
|
|
7346
7384
|
children: page
|
|
7347
7385
|
}
|
|
7348
|
-
) : /* @__PURE__ */ (0,
|
|
7349
|
-
/* @__PURE__ */ (0,
|
|
7350
|
-
/* @__PURE__ */ (0,
|
|
7386
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7387
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7388
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7351
7389
|
Hyperlink,
|
|
7352
7390
|
{
|
|
7353
7391
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7355,7 +7393,7 @@ var DataList = (props) => {
|
|
|
7355
7393
|
children: pages - 1
|
|
7356
7394
|
}
|
|
7357
7395
|
),
|
|
7358
|
-
/* @__PURE__ */ (0,
|
|
7396
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7359
7397
|
Hyperlink,
|
|
7360
7398
|
{
|
|
7361
7399
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7363,7 +7401,7 @@ var DataList = (props) => {
|
|
|
7363
7401
|
children: pages
|
|
7364
7402
|
}
|
|
7365
7403
|
),
|
|
7366
|
-
/* @__PURE__ */ (0,
|
|
7404
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7367
7405
|
"select",
|
|
7368
7406
|
{
|
|
7369
7407
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7375,8 +7413,8 @@ var DataList = (props) => {
|
|
|
7375
7413
|
}
|
|
7376
7414
|
},
|
|
7377
7415
|
children: [
|
|
7378
|
-
/* @__PURE__ */ (0,
|
|
7379
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
7416
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: "", children: "Jump to" }),
|
|
7417
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: page, children: page }, page))
|
|
7380
7418
|
]
|
|
7381
7419
|
}
|
|
7382
7420
|
) })
|
|
@@ -7384,16 +7422,16 @@ var DataList = (props) => {
|
|
|
7384
7422
|
}
|
|
7385
7423
|
}
|
|
7386
7424
|
};
|
|
7387
|
-
return /* @__PURE__ */ (0,
|
|
7388
|
-
/* @__PURE__ */ (0,
|
|
7389
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7425
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react58.default.Fragment, { children: [
|
|
7426
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ContentView_default, { isDataFound, children: [
|
|
7427
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7390
7428
|
"div",
|
|
7391
7429
|
{
|
|
7392
7430
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
7393
7431
|
children: [
|
|
7394
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7395
|
-
/* @__PURE__ */ (0,
|
|
7396
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
7432
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", {}),
|
|
7433
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7434
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7397
7435
|
InputControl_default,
|
|
7398
7436
|
{
|
|
7399
7437
|
name: "Search_input",
|
|
@@ -7405,7 +7443,7 @@ var DataList = (props) => {
|
|
|
7405
7443
|
}
|
|
7406
7444
|
}
|
|
7407
7445
|
),
|
|
7408
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
7446
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7409
7447
|
InputControl_default,
|
|
7410
7448
|
{
|
|
7411
7449
|
name: filter.name,
|
|
@@ -7420,15 +7458,15 @@ var DataList = (props) => {
|
|
|
7420
7458
|
},
|
|
7421
7459
|
filter.name
|
|
7422
7460
|
)),
|
|
7423
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
7461
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7424
7462
|
Hyperlink,
|
|
7425
7463
|
{
|
|
7426
7464
|
className: "gap-1",
|
|
7427
7465
|
linkType: "Primary" /* Solid */,
|
|
7428
7466
|
href: props.addLinkHref,
|
|
7429
7467
|
children: [
|
|
7430
|
-
/* @__PURE__ */ (0,
|
|
7431
|
-
/* @__PURE__ */ (0,
|
|
7468
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
7469
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
7432
7470
|
]
|
|
7433
7471
|
}
|
|
7434
7472
|
)
|
|
@@ -7436,8 +7474,8 @@ var DataList = (props) => {
|
|
|
7436
7474
|
]
|
|
7437
7475
|
}
|
|
7438
7476
|
),
|
|
7439
|
-
/* @__PURE__ */ (0,
|
|
7440
|
-
/* @__PURE__ */ (0,
|
|
7477
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
7478
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
7441
7479
|
let url = builder.getNewOrderByUrl(column.name);
|
|
7442
7480
|
let icon = "chevronUpDown";
|
|
7443
7481
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -7447,18 +7485,18 @@ var DataList = (props) => {
|
|
|
7447
7485
|
icon = "chevronUp";
|
|
7448
7486
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
7449
7487
|
}
|
|
7450
|
-
return /* @__PURE__ */ (0,
|
|
7488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7451
7489
|
"th",
|
|
7452
7490
|
{
|
|
7453
7491
|
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" : ""),
|
|
7454
|
-
children: /* @__PURE__ */ (0,
|
|
7492
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7455
7493
|
Hyperlink,
|
|
7456
7494
|
{
|
|
7457
7495
|
href: column.enableSorting ? url : void 0,
|
|
7458
7496
|
className: "!text-neutral-contrast ",
|
|
7459
|
-
children: /* @__PURE__ */ (0,
|
|
7460
|
-
/* @__PURE__ */ (0,
|
|
7461
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
7497
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
7498
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-black", children: column.label }),
|
|
7499
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
7462
7500
|
] })
|
|
7463
7501
|
}
|
|
7464
7502
|
)
|
|
@@ -7466,24 +7504,24 @@ var DataList = (props) => {
|
|
|
7466
7504
|
column.name
|
|
7467
7505
|
);
|
|
7468
7506
|
}) }) }),
|
|
7469
|
-
/* @__PURE__ */ (0,
|
|
7507
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
7470
7508
|
let validityClass = "";
|
|
7471
7509
|
console.log("dataitem", dataitem);
|
|
7472
7510
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
7473
7511
|
validityClass = "bg-alert-200";
|
|
7474
7512
|
}
|
|
7475
|
-
return /* @__PURE__ */ (0,
|
|
7513
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
7476
7514
|
console.log("column", column);
|
|
7477
|
-
return /* @__PURE__ */ (0,
|
|
7515
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7478
7516
|
"td",
|
|
7479
7517
|
{
|
|
7480
7518
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
7481
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
7519
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7482
7520
|
Hyperlink,
|
|
7483
7521
|
{
|
|
7484
7522
|
className: "",
|
|
7485
7523
|
href: `https://${dataitem[column.name]}`,
|
|
7486
|
-
children: /* @__PURE__ */ (0,
|
|
7524
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7487
7525
|
ViewControl_default,
|
|
7488
7526
|
{
|
|
7489
7527
|
controlType: column.controlType,
|
|
@@ -7496,11 +7534,11 @@ var DataList = (props) => {
|
|
|
7496
7534
|
}
|
|
7497
7535
|
)
|
|
7498
7536
|
}
|
|
7499
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
7537
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7500
7538
|
Hyperlink,
|
|
7501
7539
|
{
|
|
7502
7540
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
7503
|
-
children: /* @__PURE__ */ (0,
|
|
7541
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7504
7542
|
ViewControl_default,
|
|
7505
7543
|
{
|
|
7506
7544
|
controlType: column.controlType,
|
|
@@ -7510,7 +7548,7 @@ var DataList = (props) => {
|
|
|
7510
7548
|
}
|
|
7511
7549
|
)
|
|
7512
7550
|
}
|
|
7513
|
-
) : /* @__PURE__ */ (0,
|
|
7551
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7514
7552
|
ViewControl_default,
|
|
7515
7553
|
{
|
|
7516
7554
|
controlType: column.controlType,
|
|
@@ -7524,10 +7562,10 @@ var DataList = (props) => {
|
|
|
7524
7562
|
}) }, index);
|
|
7525
7563
|
}) })
|
|
7526
7564
|
] }) }),
|
|
7527
|
-
/* @__PURE__ */ (0,
|
|
7528
|
-
/* @__PURE__ */ (0,
|
|
7529
|
-
/* @__PURE__ */ (0,
|
|
7530
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
7565
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
7566
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "text-gray-700", children: label }),
|
|
7567
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
7568
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7531
7569
|
Hyperlink,
|
|
7532
7570
|
{
|
|
7533
7571
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -7535,9 +7573,9 @@ var DataList = (props) => {
|
|
|
7535
7573
|
children: "Prev"
|
|
7536
7574
|
}
|
|
7537
7575
|
),
|
|
7538
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
7576
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime79.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" }),
|
|
7539
7577
|
renderPageNumbers(),
|
|
7540
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
7578
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7541
7579
|
Hyperlink,
|
|
7542
7580
|
{
|
|
7543
7581
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -7545,19 +7583,19 @@ var DataList = (props) => {
|
|
|
7545
7583
|
children: "Next"
|
|
7546
7584
|
}
|
|
7547
7585
|
),
|
|
7548
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
7586
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
7549
7587
|
] })
|
|
7550
7588
|
] }) })
|
|
7551
7589
|
] }),
|
|
7552
|
-
/* @__PURE__ */ (0,
|
|
7553
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7590
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
7591
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7554
7592
|
"div",
|
|
7555
7593
|
{
|
|
7556
7594
|
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`,
|
|
7557
7595
|
children: [
|
|
7558
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7559
|
-
/* @__PURE__ */ (0,
|
|
7560
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
7596
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", {}),
|
|
7597
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
7598
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7561
7599
|
InputControl_default,
|
|
7562
7600
|
{
|
|
7563
7601
|
name: "Search_input",
|
|
@@ -7569,7 +7607,7 @@ var DataList = (props) => {
|
|
|
7569
7607
|
}
|
|
7570
7608
|
}
|
|
7571
7609
|
),
|
|
7572
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
7610
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7573
7611
|
InputControl_default,
|
|
7574
7612
|
{
|
|
7575
7613
|
name: filter.name,
|
|
@@ -7584,15 +7622,15 @@ var DataList = (props) => {
|
|
|
7584
7622
|
},
|
|
7585
7623
|
filter.name
|
|
7586
7624
|
)),
|
|
7587
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
7625
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
|
|
7588
7626
|
Hyperlink,
|
|
7589
7627
|
{
|
|
7590
7628
|
className: "gap-1",
|
|
7591
7629
|
linkType: "Primary" /* Solid */,
|
|
7592
7630
|
href: props.addLinkHref,
|
|
7593
7631
|
children: [
|
|
7594
|
-
/* @__PURE__ */ (0,
|
|
7595
|
-
/* @__PURE__ */ (0,
|
|
7632
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
7633
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
7596
7634
|
]
|
|
7597
7635
|
}
|
|
7598
7636
|
)
|
|
@@ -7600,8 +7638,8 @@ var DataList = (props) => {
|
|
|
7600
7638
|
]
|
|
7601
7639
|
}
|
|
7602
7640
|
),
|
|
7603
|
-
/* @__PURE__ */ (0,
|
|
7604
|
-
/* @__PURE__ */ (0,
|
|
7641
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
7642
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
7605
7643
|
let url = builder.getNewOrderByUrl(column.name);
|
|
7606
7644
|
let icon = "chevronUpDown";
|
|
7607
7645
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -7611,18 +7649,18 @@ var DataList = (props) => {
|
|
|
7611
7649
|
icon = "chevronUp";
|
|
7612
7650
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
7613
7651
|
}
|
|
7614
|
-
return /* @__PURE__ */ (0,
|
|
7652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7615
7653
|
"th",
|
|
7616
7654
|
{
|
|
7617
7655
|
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" : ""),
|
|
7618
|
-
children: /* @__PURE__ */ (0,
|
|
7656
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7619
7657
|
Hyperlink,
|
|
7620
7658
|
{
|
|
7621
7659
|
href: column.enableSorting ? url : void 0,
|
|
7622
7660
|
className: "text-body-950",
|
|
7623
|
-
children: /* @__PURE__ */ (0,
|
|
7624
|
-
/* @__PURE__ */ (0,
|
|
7625
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
7661
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
7662
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: column.label }),
|
|
7663
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
7626
7664
|
] })
|
|
7627
7665
|
}
|
|
7628
7666
|
)
|
|
@@ -7630,7 +7668,7 @@ var DataList = (props) => {
|
|
|
7630
7668
|
column.name
|
|
7631
7669
|
);
|
|
7632
7670
|
}) }) }) }) }),
|
|
7633
|
-
/* @__PURE__ */ (0,
|
|
7671
|
+
/* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
7634
7672
|
] })
|
|
7635
7673
|
] })
|
|
7636
7674
|
] });
|
|
@@ -7638,12 +7676,12 @@ var DataList = (props) => {
|
|
|
7638
7676
|
var DataList_default = DataList;
|
|
7639
7677
|
|
|
7640
7678
|
// src/components/dataForm/DataListRenderer.tsx
|
|
7641
|
-
var
|
|
7679
|
+
var import_react59 = __toESM(require("react"));
|
|
7642
7680
|
init_ServiceClient();
|
|
7643
7681
|
init_OdataBuilder();
|
|
7644
7682
|
init_SelectWithSearchInput();
|
|
7645
7683
|
var import_navigation3 = require("next/navigation");
|
|
7646
|
-
var
|
|
7684
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7647
7685
|
var viewControlMap = {
|
|
7648
7686
|
number: ViewControlTypes.number,
|
|
7649
7687
|
lineText: ViewControlTypes.lineText,
|
|
@@ -7698,14 +7736,14 @@ var DataListRenderer = ({
|
|
|
7698
7736
|
widgetProps
|
|
7699
7737
|
}) => {
|
|
7700
7738
|
const serviceClient = new ServiceClient_default(apiBaseUrl, session);
|
|
7701
|
-
const [columns, setColumns] = (0,
|
|
7702
|
-
const [dataset, setDataset] = (0,
|
|
7703
|
-
const [filter, setFilters] = (0,
|
|
7704
|
-
const [addLinkHref, setAddLinkHref] = (0,
|
|
7705
|
-
const [addLinkText, setAddLinkText] = (0,
|
|
7706
|
-
const [serviceRoute, setServiceRoute] = (0,
|
|
7739
|
+
const [columns, setColumns] = (0, import_react59.useState)([]);
|
|
7740
|
+
const [dataset, setDataset] = (0, import_react59.useState)();
|
|
7741
|
+
const [filter, setFilters] = (0, import_react59.useState)([]);
|
|
7742
|
+
const [addLinkHref, setAddLinkHref] = (0, import_react59.useState)("");
|
|
7743
|
+
const [addLinkText, setAddLinkText] = (0, import_react59.useState)("");
|
|
7744
|
+
const [serviceRoute, setServiceRoute] = (0, import_react59.useState)("");
|
|
7707
7745
|
const pathname = (0, import_navigation3.usePathname)();
|
|
7708
|
-
(0,
|
|
7746
|
+
(0, import_react59.useEffect)(() => {
|
|
7709
7747
|
if (!formDefinition) return;
|
|
7710
7748
|
setColumns(mapApiToColumns(formDefinition));
|
|
7711
7749
|
setFilters(mapApiToFilters(formDefinition));
|
|
@@ -7718,7 +7756,7 @@ var DataListRenderer = ({
|
|
|
7718
7756
|
setAddLinkHref(resolvedAddLinkHref);
|
|
7719
7757
|
setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
|
|
7720
7758
|
}, [formDefinition, params]);
|
|
7721
|
-
(0,
|
|
7759
|
+
(0, import_react59.useEffect)(() => {
|
|
7722
7760
|
const fetchData = async () => {
|
|
7723
7761
|
if (!serviceRoute) return;
|
|
7724
7762
|
const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
|
|
@@ -7738,15 +7776,15 @@ var DataListRenderer = ({
|
|
|
7738
7776
|
isActive: landingPageUrl === pathname
|
|
7739
7777
|
};
|
|
7740
7778
|
});
|
|
7741
|
-
return /* @__PURE__ */ (0,
|
|
7742
|
-
resolvedTabs.length > 0 && /* @__PURE__ */ (0,
|
|
7779
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react59.default.Fragment, { children: [
|
|
7780
|
+
resolvedTabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7743
7781
|
NavigationTabsV2_default,
|
|
7744
7782
|
{
|
|
7745
7783
|
tabs: resolvedTabs,
|
|
7746
7784
|
params: widgetProps?.params ?? params
|
|
7747
7785
|
}
|
|
7748
7786
|
),
|
|
7749
|
-
/* @__PURE__ */ (0,
|
|
7787
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7750
7788
|
DataList_default,
|
|
7751
7789
|
{
|
|
7752
7790
|
addLinkHref,
|
|
@@ -7768,13 +7806,13 @@ var DataListRenderer_default = DataListRenderer;
|
|
|
7768
7806
|
init_InputControlType();
|
|
7769
7807
|
|
|
7770
7808
|
// src/components/dataForm/DataForm.tsx
|
|
7771
|
-
var
|
|
7809
|
+
var import_react61 = __toESM(require("react"));
|
|
7772
7810
|
init_Icon();
|
|
7773
7811
|
init_Button();
|
|
7774
7812
|
init_StyleTypes();
|
|
7775
7813
|
|
|
7776
7814
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
7777
|
-
var
|
|
7815
|
+
var import_react60 = __toESM(require("react"));
|
|
7778
7816
|
|
|
7779
7817
|
// src/components/dataForm/StyleTypes.tsx
|
|
7780
7818
|
var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
|
|
@@ -7801,7 +7839,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
7801
7839
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
7802
7840
|
|
|
7803
7841
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
7804
|
-
var
|
|
7842
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7805
7843
|
var DataFormChildSection = (props) => {
|
|
7806
7844
|
const { section } = props;
|
|
7807
7845
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -7813,7 +7851,7 @@ var DataFormChildSection = (props) => {
|
|
|
7813
7851
|
return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
|
|
7814
7852
|
};
|
|
7815
7853
|
const childItemsToRender = getChildItemsForRendering();
|
|
7816
|
-
const handleChildInputChange = (0,
|
|
7854
|
+
const handleChildInputChange = (0, import_react60.useCallback)(
|
|
7817
7855
|
(updatedValues) => {
|
|
7818
7856
|
if (isOneToOne) {
|
|
7819
7857
|
props.callback({
|
|
@@ -7840,7 +7878,7 @@ var DataFormChildSection = (props) => {
|
|
|
7840
7878
|
},
|
|
7841
7879
|
[props, isOneToOne, childItemsToRender]
|
|
7842
7880
|
);
|
|
7843
|
-
const onAddRow = (0,
|
|
7881
|
+
const onAddRow = (0, import_react60.useCallback)(() => {
|
|
7844
7882
|
props.callback({
|
|
7845
7883
|
sectionName: props.section.name,
|
|
7846
7884
|
actionType: FORM_CHILD_ROW_ADD,
|
|
@@ -7849,7 +7887,7 @@ var DataFormChildSection = (props) => {
|
|
|
7849
7887
|
rowIndex: -1
|
|
7850
7888
|
});
|
|
7851
7889
|
}, [props]);
|
|
7852
|
-
const onDeleteRow = (0,
|
|
7890
|
+
const onDeleteRow = (0, import_react60.useCallback)(
|
|
7853
7891
|
(filteredIndex) => {
|
|
7854
7892
|
const visibleItem = childItemsToRender[filteredIndex];
|
|
7855
7893
|
if (visibleItem) {
|
|
@@ -7869,14 +7907,14 @@ var DataFormChildSection = (props) => {
|
|
|
7869
7907
|
childItemsToRender,
|
|
7870
7908
|
allChildItems: childItems
|
|
7871
7909
|
});
|
|
7872
|
-
return /* @__PURE__ */ (0,
|
|
7873
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
7874
|
-
/* @__PURE__ */ (0,
|
|
7875
|
-
/* @__PURE__ */ (0,
|
|
7876
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
7877
|
-
return /* @__PURE__ */ (0,
|
|
7910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
7911
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
7912
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
7913
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
7914
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
7915
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("tr", { className: "", children: [
|
|
7878
7916
|
sectionRow.elements.map((field, index) => {
|
|
7879
|
-
return /* @__PURE__ */ (0,
|
|
7917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7880
7918
|
"th",
|
|
7881
7919
|
{
|
|
7882
7920
|
className: "py-3 font-normal text-left",
|
|
@@ -7885,21 +7923,21 @@ var DataFormChildSection = (props) => {
|
|
|
7885
7923
|
field.name
|
|
7886
7924
|
);
|
|
7887
7925
|
}),
|
|
7888
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7926
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
7889
7927
|
] }, sectionRowIndex);
|
|
7890
7928
|
}) }),
|
|
7891
|
-
/* @__PURE__ */ (0,
|
|
7929
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
7892
7930
|
const { item, originalIndex } = visibleItem;
|
|
7893
7931
|
const rowKey = originalIndex;
|
|
7894
|
-
return /* @__PURE__ */ (0,
|
|
7932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: section.sectionRows.map(
|
|
7895
7933
|
(sectionRow, sectionRowIndex) => {
|
|
7896
|
-
return /* @__PURE__ */ (0,
|
|
7934
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
7897
7935
|
"tr",
|
|
7898
7936
|
{
|
|
7899
7937
|
className: "",
|
|
7900
7938
|
children: [
|
|
7901
7939
|
sectionRow.elements.map((field, index) => {
|
|
7902
|
-
return /* @__PURE__ */ (0,
|
|
7940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7903
7941
|
InputControl_default,
|
|
7904
7942
|
{
|
|
7905
7943
|
index: filteredIndex,
|
|
@@ -7919,7 +7957,7 @@ var DataFormChildSection = (props) => {
|
|
|
7919
7957
|
}
|
|
7920
7958
|
) }) }) }, field.name);
|
|
7921
7959
|
}),
|
|
7922
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7960
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7923
7961
|
ClientButton_default,
|
|
7924
7962
|
{
|
|
7925
7963
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -7928,7 +7966,7 @@ var DataFormChildSection = (props) => {
|
|
|
7928
7966
|
},
|
|
7929
7967
|
dataRole: "delete",
|
|
7930
7968
|
tabIndex: -1,
|
|
7931
|
-
children: /* @__PURE__ */ (0,
|
|
7969
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7932
7970
|
Icon_default,
|
|
7933
7971
|
{
|
|
7934
7972
|
className: "w-4 h-4",
|
|
@@ -7945,7 +7983,7 @@ var DataFormChildSection = (props) => {
|
|
|
7945
7983
|
) }, rowKey);
|
|
7946
7984
|
}) })
|
|
7947
7985
|
] }) }),
|
|
7948
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
7986
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7949
7987
|
ClientButton_default,
|
|
7950
7988
|
{
|
|
7951
7989
|
ButtonType: "Link" /* Link */,
|
|
@@ -7960,9 +7998,9 @@ var DataFormChildSection = (props) => {
|
|
|
7960
7998
|
var DataFormChildSection_default = DataFormChildSection;
|
|
7961
7999
|
|
|
7962
8000
|
// src/components/dataForm/DataForm.tsx
|
|
7963
|
-
var
|
|
8001
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7964
8002
|
var DataForm = (props) => {
|
|
7965
|
-
const formRef = (0,
|
|
8003
|
+
const formRef = (0, import_react61.useRef)(null);
|
|
7966
8004
|
console.log(props.dataItem, "dssads");
|
|
7967
8005
|
const initialState = {
|
|
7968
8006
|
inputValues: {},
|
|
@@ -7971,9 +8009,9 @@ var DataForm = (props) => {
|
|
|
7971
8009
|
const childInitialState = {
|
|
7972
8010
|
inputValues: []
|
|
7973
8011
|
};
|
|
7974
|
-
const [formState, dispatch] = (0,
|
|
8012
|
+
const [formState, dispatch] = (0, import_react61.useReducer)(FormReducer_default, initialState);
|
|
7975
8013
|
console.log(props.sections, "sections");
|
|
7976
|
-
const clearHiddenChildSections = (0,
|
|
8014
|
+
const clearHiddenChildSections = (0, import_react61.useCallback)(
|
|
7977
8015
|
(changedProperty, newValues) => {
|
|
7978
8016
|
if (!props.sections) return;
|
|
7979
8017
|
const allChildSections = [];
|
|
@@ -8011,7 +8049,7 @@ var DataForm = (props) => {
|
|
|
8011
8049
|
},
|
|
8012
8050
|
[props.sections, formState.inputValues]
|
|
8013
8051
|
);
|
|
8014
|
-
const handleInputChange = (0,
|
|
8052
|
+
const handleInputChange = (0, import_react61.useCallback)(
|
|
8015
8053
|
async (updatedValues) => {
|
|
8016
8054
|
dispatch({
|
|
8017
8055
|
type: FORM_INPUT_UPDATE,
|
|
@@ -8026,7 +8064,7 @@ var DataForm = (props) => {
|
|
|
8026
8064
|
},
|
|
8027
8065
|
[dispatch, formState.inputValues, clearHiddenChildSections]
|
|
8028
8066
|
);
|
|
8029
|
-
const fetchData = (0,
|
|
8067
|
+
const fetchData = (0, import_react61.useCallback)(async () => {
|
|
8030
8068
|
if (!props.rules) return;
|
|
8031
8069
|
if (Object.keys(formState.inputValues).length === 0) {
|
|
8032
8070
|
return;
|
|
@@ -8057,7 +8095,7 @@ var DataForm = (props) => {
|
|
|
8057
8095
|
console.error("Error fetching data:", error);
|
|
8058
8096
|
}
|
|
8059
8097
|
}, [formState.lastPropertyChanged, formState.inputValues]);
|
|
8060
|
-
(0,
|
|
8098
|
+
(0, import_react61.useEffect)(() => {
|
|
8061
8099
|
fetchData();
|
|
8062
8100
|
}, [formState.inputValues, formState.lastPropertyChanged]);
|
|
8063
8101
|
function replacePlaceholders(template, context, params) {
|
|
@@ -8077,7 +8115,7 @@ var DataForm = (props) => {
|
|
|
8077
8115
|
}
|
|
8078
8116
|
);
|
|
8079
8117
|
}
|
|
8080
|
-
const handleChildSectionChangeCallback = (0,
|
|
8118
|
+
const handleChildSectionChangeCallback = (0, import_react61.useCallback)(
|
|
8081
8119
|
(params) => {
|
|
8082
8120
|
dispatch({
|
|
8083
8121
|
type: params.actionType,
|
|
@@ -8122,7 +8160,7 @@ var DataForm = (props) => {
|
|
|
8122
8160
|
});
|
|
8123
8161
|
return cloned;
|
|
8124
8162
|
}
|
|
8125
|
-
const onClick = (0,
|
|
8163
|
+
const onClick = (0, import_react61.useCallback)(async () => {
|
|
8126
8164
|
if (props.onClick) {
|
|
8127
8165
|
const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
|
|
8128
8166
|
const normalizedValues = normalizeChildSections(
|
|
@@ -8138,21 +8176,21 @@ var DataForm = (props) => {
|
|
|
8138
8176
|
return { isSuccessful: true };
|
|
8139
8177
|
}
|
|
8140
8178
|
}, [formState, props]);
|
|
8141
|
-
const handleAdditionalOnClick = (0,
|
|
8179
|
+
const handleAdditionalOnClick = (0, import_react61.useCallback)(async () => {
|
|
8142
8180
|
if (props.additionalActions?.onClick) {
|
|
8143
8181
|
return await props.additionalActions.onClick(formState);
|
|
8144
8182
|
} else {
|
|
8145
8183
|
return { isSuccessful: true, message: "Action completed successfully" };
|
|
8146
8184
|
}
|
|
8147
8185
|
}, [formState, props]);
|
|
8148
|
-
const onDelete = (0,
|
|
8186
|
+
const onDelete = (0, import_react61.useCallback)(async () => {
|
|
8149
8187
|
if (props.onDelete) {
|
|
8150
8188
|
return await props.onDelete(formState);
|
|
8151
8189
|
} else {
|
|
8152
8190
|
return { isSuccessful: true };
|
|
8153
8191
|
}
|
|
8154
8192
|
}, [formState, props]);
|
|
8155
|
-
(0,
|
|
8193
|
+
(0, import_react61.useEffect)(() => {
|
|
8156
8194
|
if (props.dataItem) {
|
|
8157
8195
|
dispatch({
|
|
8158
8196
|
type: FORM_INITIAL_UPDATE,
|
|
@@ -8180,19 +8218,19 @@ var DataForm = (props) => {
|
|
|
8180
8218
|
return false;
|
|
8181
8219
|
}
|
|
8182
8220
|
}
|
|
8183
|
-
return /* @__PURE__ */ (0,
|
|
8184
|
-
props.title && /* @__PURE__ */ (0,
|
|
8221
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8222
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)(
|
|
8185
8223
|
"div",
|
|
8186
8224
|
{
|
|
8187
8225
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
8188
8226
|
onClick: () => window.history.back(),
|
|
8189
8227
|
children: [
|
|
8190
|
-
/* @__PURE__ */ (0,
|
|
8191
|
-
/* @__PURE__ */ (0,
|
|
8228
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
8229
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
8192
8230
|
]
|
|
8193
8231
|
}
|
|
8194
8232
|
) }),
|
|
8195
|
-
/* @__PURE__ */ (0,
|
|
8233
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8196
8234
|
"form",
|
|
8197
8235
|
{
|
|
8198
8236
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -8213,8 +8251,8 @@ var DataForm = (props) => {
|
|
|
8213
8251
|
}
|
|
8214
8252
|
}
|
|
8215
8253
|
},
|
|
8216
|
-
children: /* @__PURE__ */ (0,
|
|
8217
|
-
return /* @__PURE__ */ (0,
|
|
8254
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
8255
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
8218
8256
|
section.sectionRows?.map(
|
|
8219
8257
|
(sectionRow, sectionRowIndex) => {
|
|
8220
8258
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -8225,14 +8263,14 @@ var DataForm = (props) => {
|
|
|
8225
8263
|
sectionRow.visible
|
|
8226
8264
|
);
|
|
8227
8265
|
}
|
|
8228
|
-
return /* @__PURE__ */ (0,
|
|
8229
|
-
return /* @__PURE__ */ (0,
|
|
8266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
8267
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8230
8268
|
"div",
|
|
8231
8269
|
{
|
|
8232
8270
|
className: sectionRow.grow ? "grow" : "",
|
|
8233
8271
|
children: [
|
|
8234
|
-
/* @__PURE__ */ (0,
|
|
8235
|
-
/* @__PURE__ */ (0,
|
|
8272
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: field.controlType }),
|
|
8273
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8236
8274
|
InputControl_default,
|
|
8237
8275
|
{
|
|
8238
8276
|
name: field.name,
|
|
@@ -8262,12 +8300,12 @@ var DataForm = (props) => {
|
|
|
8262
8300
|
}) }) }, sectionRowIndex);
|
|
8263
8301
|
}
|
|
8264
8302
|
),
|
|
8265
|
-
/* @__PURE__ */ (0,
|
|
8303
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: section.childSections?.map(
|
|
8266
8304
|
(childSection, childSectionIndex) => {
|
|
8267
|
-
return /* @__PURE__ */ (0,
|
|
8305
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
8268
8306
|
formState.inputValues,
|
|
8269
8307
|
childSection.visible
|
|
8270
|
-
) && /* @__PURE__ */ (0,
|
|
8308
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8271
8309
|
DataFormChildSection_default,
|
|
8272
8310
|
{
|
|
8273
8311
|
section: childSection,
|
|
@@ -8282,8 +8320,8 @@ var DataForm = (props) => {
|
|
|
8282
8320
|
}) })
|
|
8283
8321
|
}
|
|
8284
8322
|
),
|
|
8285
|
-
/* @__PURE__ */ (0,
|
|
8286
|
-
/* @__PURE__ */ (0,
|
|
8323
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
8324
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8287
8325
|
Button_default,
|
|
8288
8326
|
{
|
|
8289
8327
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8291,7 +8329,7 @@ var DataForm = (props) => {
|
|
|
8291
8329
|
children: props.additionalActions.title
|
|
8292
8330
|
}
|
|
8293
8331
|
) }),
|
|
8294
|
-
/* @__PURE__ */ (0,
|
|
8332
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8295
8333
|
Button_default,
|
|
8296
8334
|
{
|
|
8297
8335
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8302,7 +8340,7 @@ var DataForm = (props) => {
|
|
|
8302
8340
|
children: "Delete"
|
|
8303
8341
|
}
|
|
8304
8342
|
) }),
|
|
8305
|
-
/* @__PURE__ */ (0,
|
|
8343
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8306
8344
|
Button_default,
|
|
8307
8345
|
{
|
|
8308
8346
|
onValidate,
|
|
@@ -8320,7 +8358,7 @@ var DataForm_default = DataForm;
|
|
|
8320
8358
|
|
|
8321
8359
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
8322
8360
|
init_ServiceClient();
|
|
8323
|
-
var
|
|
8361
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
8324
8362
|
function getAction(actions, code) {
|
|
8325
8363
|
return actions?.find((a) => a.actionCode === code);
|
|
8326
8364
|
}
|
|
@@ -8346,9 +8384,9 @@ var DataFormRenderer = ({
|
|
|
8346
8384
|
"Delete"
|
|
8347
8385
|
);
|
|
8348
8386
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
8349
|
-
return /* @__PURE__ */ (0,
|
|
8350
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
8351
|
-
/* @__PURE__ */ (0,
|
|
8387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8388
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8389
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
8352
8390
|
DataForm_default,
|
|
8353
8391
|
{
|
|
8354
8392
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|