impaktapps-ui-builder 1.0.147-test.8 → 1.0.148
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/impaktapps-ui-builder.es.js +877 -822
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +1 -1
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +199 -149
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildCard.ts +13 -14
- package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +1 -3
- package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +186 -130
- package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx +0 -219
|
@@ -7968,10 +7968,9 @@ const buildPropertiesSection = function(type) {
|
|
|
7968
7968
|
uiSchema.elements = [
|
|
7969
7969
|
getInputField("url", "Image Url"),
|
|
7970
7970
|
getInputField("label", "Label"),
|
|
7971
|
-
getInputField("value", "Value"),
|
|
7972
7971
|
getInputField("titleIcon", "Unicode of Icon for title"),
|
|
7973
7972
|
getInputField("description", "Description"),
|
|
7974
|
-
emptyBox$1("cardEmpty", { xs:
|
|
7973
|
+
emptyBox$1("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
|
|
7975
7974
|
];
|
|
7976
7975
|
break;
|
|
7977
7976
|
case "Button":
|
|
@@ -8480,12 +8479,12 @@ const createLayoutFormat = (layout, type) => {
|
|
|
8480
8479
|
});
|
|
8481
8480
|
return data;
|
|
8482
8481
|
};
|
|
8483
|
-
const flatObjectValueInArray = (
|
|
8484
|
-
if (
|
|
8482
|
+
const flatObjectValueInArray = (config2 = []) => {
|
|
8483
|
+
if (config2.length < 1) {
|
|
8485
8484
|
return;
|
|
8486
8485
|
}
|
|
8487
|
-
const keyName = Object.keys(
|
|
8488
|
-
const data =
|
|
8486
|
+
const keyName = Object.keys(config2[0])[0];
|
|
8487
|
+
const data = config2.map((e) => {
|
|
8489
8488
|
return e[keyName];
|
|
8490
8489
|
});
|
|
8491
8490
|
return data;
|
|
@@ -8493,9 +8492,9 @@ const flatObjectValueInArray = (config = []) => {
|
|
|
8493
8492
|
const clearFromSessionStorage = () => {
|
|
8494
8493
|
sessionStorage.removeItem("pageFormdata");
|
|
8495
8494
|
};
|
|
8496
|
-
const getNavigationHistory = (
|
|
8495
|
+
const getNavigationHistory = (config2, path) => {
|
|
8497
8496
|
if (path) {
|
|
8498
|
-
let urlRoutes =
|
|
8497
|
+
let urlRoutes = config2.name;
|
|
8499
8498
|
const pathArrayAll = path.split(".");
|
|
8500
8499
|
const arr = [];
|
|
8501
8500
|
pathArrayAll.map((e, i) => {
|
|
@@ -8506,7 +8505,7 @@ const getNavigationHistory = (config, path) => {
|
|
|
8506
8505
|
arr.push(`${arr[i - 1]}.${e}`);
|
|
8507
8506
|
});
|
|
8508
8507
|
arr.map((e) => {
|
|
8509
|
-
const data = _.get(
|
|
8508
|
+
const data = _.get(config2, e);
|
|
8510
8509
|
if (data) {
|
|
8511
8510
|
urlRoutes = urlRoutes + ` > ${(data == null ? void 0 : data.name) || (data == null ? void 0 : data.eventType)}`;
|
|
8512
8511
|
} else {
|
|
@@ -8545,10 +8544,10 @@ async function saveHandler(store2, service2, submitHandler) {
|
|
|
8545
8544
|
(_a = store2.searchParams) == null ? void 0 : _a.get("id");
|
|
8546
8545
|
const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
|
|
8547
8546
|
saveFormdataInSessionStorage(store2.ctx.core.data, path);
|
|
8548
|
-
const
|
|
8547
|
+
const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
|
|
8549
8548
|
if (_.isEmpty(store2.ctx.core.errors)) {
|
|
8550
8549
|
try {
|
|
8551
|
-
const saveReturn = await submitHandler(store2, service2,
|
|
8550
|
+
const saveReturn = await submitHandler(store2, service2, config2);
|
|
8552
8551
|
navigateHandler(store2, true, "/PageMasterRecords");
|
|
8553
8552
|
} catch (err) {
|
|
8554
8553
|
navigateHandler(store2, false);
|
|
@@ -8792,10 +8791,10 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
8792
8791
|
if (sessionStorage.getItem("copiedConfig")) {
|
|
8793
8792
|
schema2.properties.RemoveItemButton.disabled = false;
|
|
8794
8793
|
}
|
|
8795
|
-
const
|
|
8794
|
+
const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
|
|
8796
8795
|
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8797
8796
|
const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
|
|
8798
|
-
let pathArray = [{ label: (_c =
|
|
8797
|
+
let pathArray = [{ label: (_c = config2.name) != null ? _c : "NewPage", path: `/PageMaster${id ? `?id=${id}` : ""}` }];
|
|
8799
8798
|
if (path) {
|
|
8800
8799
|
const pathArrayAll = path.split(".");
|
|
8801
8800
|
const arr = [];
|
|
@@ -8807,7 +8806,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
8807
8806
|
arr.push(`${arr[i - 1]}.${e}`);
|
|
8808
8807
|
});
|
|
8809
8808
|
arr.map((e) => {
|
|
8810
|
-
const data = _.get(
|
|
8809
|
+
const data = _.get(config2, e);
|
|
8811
8810
|
pathArray.push({
|
|
8812
8811
|
label: (data == null ? void 0 : data.name) || (data == null ? void 0 : data.eventType) || "NewComponent",
|
|
8813
8812
|
path: `/Component?path=${e}${id ? `&id=${id}` : ""}`
|
|
@@ -9034,13 +9033,13 @@ var pageMaster = (funcParams) => {
|
|
|
9034
9033
|
getFormdata: async function() {
|
|
9035
9034
|
var _a;
|
|
9036
9035
|
const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
|
|
9037
|
-
const
|
|
9036
|
+
const config2 = await funcParams.pageConfigProvider(id);
|
|
9038
9037
|
const formData = getFormdataFromSessionStorage();
|
|
9039
9038
|
if (formData) {
|
|
9040
9039
|
return formData;
|
|
9041
9040
|
}
|
|
9042
|
-
saveFormdataInSessionStorage(
|
|
9043
|
-
return { ...
|
|
9041
|
+
saveFormdataInSessionStorage(config2);
|
|
9042
|
+
return { ...config2, type: "page" };
|
|
9044
9043
|
},
|
|
9045
9044
|
getUiSchema: function() {
|
|
9046
9045
|
const UiSchema = _.cloneDeep(PageMasterUiSchema(store2.theme.myTheme));
|
|
@@ -10000,10 +9999,10 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
10000
9999
|
);
|
|
10001
10000
|
schema2.properties.RemoveItemButton.disabled = false;
|
|
10002
10001
|
}
|
|
10003
|
-
const
|
|
10002
|
+
const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
|
|
10004
10003
|
const path = (_a = store22.searchParams) == null ? void 0 : _a.get("path");
|
|
10005
10004
|
const id = (_b = store22.searchParams) == null ? void 0 : _b.get("id");
|
|
10006
|
-
let pathArray = [{ label: (_c =
|
|
10005
|
+
let pathArray = [{ label: (_c = config2.name) != null ? _c : "NewPage", path: `/PageMaster${id ? `?id=${id}` : ""}` }];
|
|
10007
10006
|
if (path) {
|
|
10008
10007
|
const pathArrayAll = path.split(".");
|
|
10009
10008
|
const arr = [];
|
|
@@ -10015,7 +10014,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
10015
10014
|
arr.push(`${arr[i - 1]}.${e}`);
|
|
10016
10015
|
});
|
|
10017
10016
|
arr.map((e) => {
|
|
10018
|
-
const data = _.get(
|
|
10017
|
+
const data = _.get(config2, e);
|
|
10019
10018
|
pathArray.push({
|
|
10020
10019
|
label: (data == null ? void 0 : data.name) || (data == null ? void 0 : data.eventType) || "NewComponent",
|
|
10021
10020
|
path: (data == null ? void 0 : data.eventType) ? `/ComponentEvents?path=${e}${id ? `&id=${id}` : ""}` : `/Component?path=${e}${id ? `&id=${id}` : ""}`
|
|
@@ -10036,10 +10035,10 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
10036
10035
|
if (sessionStorage.getItem("copiedConfig")) {
|
|
10037
10036
|
schema2.properties.RemoveItemButton.disabled = false;
|
|
10038
10037
|
}
|
|
10039
|
-
const
|
|
10038
|
+
const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
|
|
10040
10039
|
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
10041
10040
|
const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
|
|
10042
|
-
let pathArray = [{ label: (_c =
|
|
10041
|
+
let pathArray = [{ label: (_c = config2.name) != null ? _c : "NewPage", path: `/PageMaster${id ? `?id=${id}` : ""}` }];
|
|
10043
10042
|
if (path) {
|
|
10044
10043
|
const pathArrayAll = path.split(".");
|
|
10045
10044
|
const arr = [];
|
|
@@ -10051,7 +10050,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
10051
10050
|
arr.push(`${arr[i - 1]}.${e}`);
|
|
10052
10051
|
});
|
|
10053
10052
|
arr.map((e) => {
|
|
10054
|
-
const data = _.get(
|
|
10053
|
+
const data = _.get(config2, e);
|
|
10055
10054
|
pathArray.push({
|
|
10056
10055
|
label: (data == null ? void 0 : data.name) || (data == null ? void 0 : data.eventType) || "NewComponent",
|
|
10057
10056
|
path: (data == null ? void 0 : data.eventType) ? `/ComponentEvents?path=${e}${id ? `&id=${id}` : ""}` : `/Component?path=${e}${id ? `&id=${id}` : ""}`
|
|
@@ -10518,15 +10517,15 @@ var service = (funcParams) => {
|
|
|
10518
10517
|
funcParams.store.newData = {};
|
|
10519
10518
|
eventGroups = {};
|
|
10520
10519
|
pageData = await funcParams.pageDataProvider();
|
|
10521
|
-
const
|
|
10520
|
+
const config2 = pageData == null ? void 0 : pageData.config;
|
|
10522
10521
|
const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
|
|
10523
10522
|
const event2 = new CustomEvent("pageNameChanged", {
|
|
10524
|
-
detail: { pageName:
|
|
10523
|
+
detail: { pageName: config2.label, hasBackIcon: config2.hasBackIcon === "NO" ? false : true }
|
|
10525
10524
|
});
|
|
10526
10525
|
window.dispatchEvent(event2);
|
|
10527
10526
|
(_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
|
|
10528
10527
|
const schema2 = (_c = pageData == null ? void 0 : pageData.schema) != null ? _c : { type: "object", properties: {} };
|
|
10529
|
-
eventGroups = extractEvents(
|
|
10528
|
+
eventGroups = extractEvents(config2);
|
|
10530
10529
|
executeEventsParameters = {
|
|
10531
10530
|
config: {},
|
|
10532
10531
|
componentName: "",
|
|
@@ -10757,10 +10756,10 @@ var leaderBoard = {
|
|
|
10757
10756
|
main: {}
|
|
10758
10757
|
}
|
|
10759
10758
|
};
|
|
10760
|
-
const buildLeaderBoard = (
|
|
10759
|
+
const buildLeaderBoard = (config2) => {
|
|
10761
10760
|
const LeaderBoard = _.cloneDeep(leaderBoard);
|
|
10762
|
-
if (
|
|
10763
|
-
const modifyColumns =
|
|
10761
|
+
if (config2.elements) {
|
|
10762
|
+
const modifyColumns = config2.elements.map((e, i) => {
|
|
10764
10763
|
if (!e.type) {
|
|
10765
10764
|
return { accessorKey: e.name, header: e.label || e.name };
|
|
10766
10765
|
}
|
|
@@ -10769,36 +10768,36 @@ const buildLeaderBoard = (config) => {
|
|
|
10769
10768
|
});
|
|
10770
10769
|
LeaderBoard.elements = modifyColumns;
|
|
10771
10770
|
}
|
|
10772
|
-
LeaderBoard.config.main.label =
|
|
10773
|
-
if (
|
|
10774
|
-
LeaderBoard.scope = `#/properties/${
|
|
10771
|
+
LeaderBoard.config.main.label = config2.label;
|
|
10772
|
+
if (config2.name) {
|
|
10773
|
+
LeaderBoard.scope = `#/properties/${config2.name}`;
|
|
10775
10774
|
}
|
|
10776
|
-
if (
|
|
10777
|
-
LeaderBoard.config.main.firstImage =
|
|
10775
|
+
if (config2.firstImage) {
|
|
10776
|
+
LeaderBoard.config.main.firstImage = config2.firstImage;
|
|
10778
10777
|
}
|
|
10779
|
-
if (
|
|
10780
|
-
LeaderBoard.config.main.secondImage =
|
|
10778
|
+
if (config2.secondImage) {
|
|
10779
|
+
LeaderBoard.config.main.secondImage = config2.secondImage;
|
|
10781
10780
|
}
|
|
10782
|
-
if (
|
|
10783
|
-
LeaderBoard.config.main.thirdImage =
|
|
10781
|
+
if (config2.thirdImage) {
|
|
10782
|
+
LeaderBoard.config.main.thirdImage = config2.thirdImage;
|
|
10784
10783
|
}
|
|
10785
|
-
if (
|
|
10786
|
-
LeaderBoard.config.main.nameKey =
|
|
10784
|
+
if (config2.nameKey) {
|
|
10785
|
+
LeaderBoard.config.main.nameKey = config2.nameKey;
|
|
10787
10786
|
}
|
|
10788
|
-
if (
|
|
10789
|
-
LeaderBoard.config.main.imageKey =
|
|
10787
|
+
if (config2.imageKey) {
|
|
10788
|
+
LeaderBoard.config.main.imageKey = config2.imageKey;
|
|
10790
10789
|
}
|
|
10791
|
-
if (
|
|
10792
|
-
LeaderBoard.config.main.scoreKey =
|
|
10790
|
+
if (config2.scoreKey) {
|
|
10791
|
+
LeaderBoard.config.main.scoreKey = config2.scoreKey;
|
|
10793
10792
|
}
|
|
10794
|
-
if (
|
|
10795
|
-
LeaderBoard.config.main.isScoreAmount =
|
|
10793
|
+
if (config2.isScoreAmount) {
|
|
10794
|
+
LeaderBoard.config.main.isScoreAmount = config2.isScoreAmount === "YES" ? true : false;
|
|
10796
10795
|
}
|
|
10797
|
-
if (
|
|
10798
|
-
LeaderBoard.config.layout = createLayoutFormat(
|
|
10796
|
+
if (config2.layout) {
|
|
10797
|
+
LeaderBoard.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
10799
10798
|
}
|
|
10800
|
-
if (
|
|
10801
|
-
LeaderBoard.config.style = JSON.parse(
|
|
10799
|
+
if (config2.style) {
|
|
10800
|
+
LeaderBoard.config.style = JSON.parse(config2.style);
|
|
10802
10801
|
}
|
|
10803
10802
|
return LeaderBoard;
|
|
10804
10803
|
};
|
|
@@ -10817,44 +10816,44 @@ var progressBar = {
|
|
|
10817
10816
|
}
|
|
10818
10817
|
}
|
|
10819
10818
|
};
|
|
10820
|
-
const buildProgressBarCard = (
|
|
10819
|
+
const buildProgressBarCard = (config2, myScope) => {
|
|
10821
10820
|
const progressBarCard = _.cloneDeep(progressBar);
|
|
10822
10821
|
progressBarCard.scope = myScope;
|
|
10823
|
-
if (
|
|
10824
|
-
progressBarCard.config.main.heading =
|
|
10822
|
+
if (config2.heading) {
|
|
10823
|
+
progressBarCard.config.main.heading = config2.heading;
|
|
10825
10824
|
}
|
|
10826
|
-
if (
|
|
10827
|
-
progressBarCard.config.main.bottomLabel_3 =
|
|
10825
|
+
if (config2.bottomLabel_3) {
|
|
10826
|
+
progressBarCard.config.main.bottomLabel_3 = config2.bottomLabel_3;
|
|
10828
10827
|
}
|
|
10829
|
-
if (
|
|
10830
|
-
progressBarCard.config.main.bottomLabel_2 =
|
|
10828
|
+
if (config2.bottomLabel_2) {
|
|
10829
|
+
progressBarCard.config.main.bottomLabel_2 = config2.bottomLabel_2;
|
|
10831
10830
|
}
|
|
10832
|
-
if (
|
|
10833
|
-
progressBarCard.elements[0].config.main.bottomLabel_1 =
|
|
10831
|
+
if (config2.bottomLabel_1) {
|
|
10832
|
+
progressBarCard.elements[0].config.main.bottomLabel_1 = config2.bottomLabel_1;
|
|
10834
10833
|
}
|
|
10835
|
-
if (
|
|
10836
|
-
progressBarCard.config.layout = createLayoutFormat(
|
|
10834
|
+
if (config2.layout) {
|
|
10835
|
+
progressBarCard.config.layout = createLayoutFormat(config2.layout);
|
|
10837
10836
|
}
|
|
10838
10837
|
return progressBarCard;
|
|
10839
10838
|
};
|
|
10840
|
-
const buildProgressBar = (
|
|
10839
|
+
const buildProgressBar = (config2, componentScope2) => {
|
|
10841
10840
|
const ProgressBar = _.cloneDeep(progressBar);
|
|
10842
|
-
ProgressBar.scope =
|
|
10843
|
-
if (
|
|
10844
|
-
ProgressBar.config.layout =
|
|
10841
|
+
ProgressBar.scope = componentScope2;
|
|
10842
|
+
if (config2.layout) {
|
|
10843
|
+
ProgressBar.config.layout = config2.layout;
|
|
10845
10844
|
}
|
|
10846
|
-
ProgressBar.config.main.heading =
|
|
10847
|
-
if (
|
|
10848
|
-
ProgressBar.config.main.bottomLabel_3 =
|
|
10845
|
+
ProgressBar.config.main.heading = config2.label;
|
|
10846
|
+
if (config2.bottomLabel_3) {
|
|
10847
|
+
ProgressBar.config.main.bottomLabel_3 = config2.bottomLabel_3;
|
|
10849
10848
|
}
|
|
10850
|
-
if (
|
|
10851
|
-
ProgressBar.config.layout = createLayoutFormat(
|
|
10849
|
+
if (config2.layout) {
|
|
10850
|
+
ProgressBar.config.layout = createLayoutFormat(config2.layout);
|
|
10852
10851
|
}
|
|
10853
|
-
if (
|
|
10854
|
-
ProgressBar.config.main.bottomLabel_2 =
|
|
10852
|
+
if (config2.bottomLabel_2) {
|
|
10853
|
+
ProgressBar.config.main.bottomLabel_2 = config2.bottomLabel_2;
|
|
10855
10854
|
}
|
|
10856
|
-
if (
|
|
10857
|
-
ProgressBar.config.main.bottomLabel_1 =
|
|
10855
|
+
if (config2.bottomLabel_1) {
|
|
10856
|
+
ProgressBar.config.main.bottomLabel_1 = config2.bottomLabel_1;
|
|
10858
10857
|
}
|
|
10859
10858
|
return ProgressBar;
|
|
10860
10859
|
};
|
|
@@ -10918,49 +10917,49 @@ const HorizontalBarGraph = {
|
|
|
10918
10917
|
style: { containerStyle: {}, labelStyle: { margin: {} }, barStyle: {} }
|
|
10919
10918
|
}
|
|
10920
10919
|
};
|
|
10921
|
-
const buildHorizontalBarGraph = (
|
|
10920
|
+
const buildHorizontalBarGraph = (config2, componentScope2) => {
|
|
10922
10921
|
const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
|
|
10923
|
-
horizontalBarGraph.scope =
|
|
10924
|
-
if (
|
|
10925
|
-
horizontalBarGraph.config.layout = createLayoutFormat(
|
|
10922
|
+
horizontalBarGraph.scope = componentScope2;
|
|
10923
|
+
if (config2.layout) {
|
|
10924
|
+
horizontalBarGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
10926
10925
|
}
|
|
10927
|
-
horizontalBarGraph.config.main.type =
|
|
10928
|
-
horizontalBarGraph.scope =
|
|
10929
|
-
horizontalBarGraph.config.main.header =
|
|
10930
|
-
if (
|
|
10931
|
-
horizontalBarGraph.config.main.legendAvailable =
|
|
10926
|
+
horizontalBarGraph.config.main.type = config2.graphType;
|
|
10927
|
+
horizontalBarGraph.scope = componentScope2;
|
|
10928
|
+
horizontalBarGraph.config.main.header = config2.heading;
|
|
10929
|
+
if (config2.legendHide) {
|
|
10930
|
+
horizontalBarGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
10932
10931
|
}
|
|
10933
|
-
if (
|
|
10934
|
-
horizontalBarGraph.config.main.bottomAxisAngle =
|
|
10932
|
+
if (config2.bottomAxisAngle) {
|
|
10933
|
+
horizontalBarGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
10935
10934
|
}
|
|
10936
|
-
if (
|
|
10937
|
-
horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(
|
|
10935
|
+
if (config2.legendLabels) {
|
|
10936
|
+
horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
|
|
10938
10937
|
}
|
|
10939
|
-
if (
|
|
10940
|
-
horizontalBarGraph.config.main.legendDirection =
|
|
10938
|
+
if (config2.legendDirection) {
|
|
10939
|
+
horizontalBarGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
10941
10940
|
}
|
|
10942
|
-
if (
|
|
10943
|
-
horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(
|
|
10941
|
+
if (config2.pieArcColors) {
|
|
10942
|
+
horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
|
|
10944
10943
|
}
|
|
10945
|
-
if (
|
|
10946
|
-
horizontalBarGraph.config.main.xAxisValue =
|
|
10944
|
+
if (config2.xAxisValue) {
|
|
10945
|
+
horizontalBarGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
10947
10946
|
}
|
|
10948
|
-
if (
|
|
10949
|
-
horizontalBarGraph.config.style.containerStyle.height =
|
|
10947
|
+
if (config2.height) {
|
|
10948
|
+
horizontalBarGraph.config.style.containerStyle.height = config2.height;
|
|
10950
10949
|
}
|
|
10951
|
-
if (
|
|
10950
|
+
if (config2.leftMargin) {
|
|
10952
10951
|
horizontalBarGraph.config.style.labelStyle.margin = {
|
|
10953
|
-
left:
|
|
10952
|
+
left: config2.leftMargin
|
|
10954
10953
|
};
|
|
10955
10954
|
}
|
|
10956
|
-
if (
|
|
10957
|
-
horizontalBarGraph.config.main.bottomLabel =
|
|
10955
|
+
if (config2.bottomLabel) {
|
|
10956
|
+
horizontalBarGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
10958
10957
|
}
|
|
10959
|
-
if (
|
|
10960
|
-
horizontalBarGraph.config.main.leftLabel =
|
|
10958
|
+
if (config2.leftLabel) {
|
|
10959
|
+
horizontalBarGraph.config.main.leftLabel = config2.leftLabel;
|
|
10961
10960
|
}
|
|
10962
|
-
if (
|
|
10963
|
-
horizontalBarGraph.config.main.disableLeftLabel =
|
|
10961
|
+
if (config2.disableLeftLabel) {
|
|
10962
|
+
horizontalBarGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
10964
10963
|
}
|
|
10965
10964
|
return horizontalBarGraph;
|
|
10966
10965
|
};
|
|
@@ -11010,20 +11009,20 @@ var SpeedoMeter = {
|
|
|
11010
11009
|
}
|
|
11011
11010
|
}
|
|
11012
11011
|
};
|
|
11013
|
-
const buildSpeedoMeter = (
|
|
11012
|
+
const buildSpeedoMeter = (config2, componentScope2) => {
|
|
11014
11013
|
const speedoMeter = _.cloneDeep(SpeedoMeter);
|
|
11015
|
-
speedoMeter.scope =
|
|
11016
|
-
if (
|
|
11017
|
-
speedoMeter.config.layout = createLayoutFormat(
|
|
11014
|
+
speedoMeter.scope = componentScope2;
|
|
11015
|
+
if (config2.layout) {
|
|
11016
|
+
speedoMeter.config.layout = createLayoutFormat(config2.layout);
|
|
11018
11017
|
}
|
|
11019
|
-
if (
|
|
11020
|
-
speedoMeter.config.main.header =
|
|
11018
|
+
if (config2.heading) {
|
|
11019
|
+
speedoMeter.config.main.header = config2.heading;
|
|
11021
11020
|
}
|
|
11022
|
-
if (
|
|
11023
|
-
speedoMeter.config.main.segments =
|
|
11021
|
+
if (config2.segments) {
|
|
11022
|
+
speedoMeter.config.main.segments = config2.segments;
|
|
11024
11023
|
}
|
|
11025
|
-
if (
|
|
11026
|
-
const styleObj = JSON.parse(
|
|
11024
|
+
if (config2.style) {
|
|
11025
|
+
const styleObj = JSON.parse(config2.style);
|
|
11027
11026
|
if (styleObj == null ? void 0 : styleObj.style) {
|
|
11028
11027
|
speedoMeter.config.style = { ...speedoMeter.config.style, ...styleObj.style };
|
|
11029
11028
|
}
|
|
@@ -11031,104 +11030,104 @@ const buildSpeedoMeter = (config, componentScope) => {
|
|
|
11031
11030
|
speedoMeter.config.style.containerStyle = { ...speedoMeter.config.style.containerStyle, ...styleObj.containerStyle };
|
|
11032
11031
|
}
|
|
11033
11032
|
}
|
|
11034
|
-
if (
|
|
11035
|
-
speedoMeter.config.main.width =
|
|
11033
|
+
if (config2.width) {
|
|
11034
|
+
speedoMeter.config.main.width = config2.width;
|
|
11036
11035
|
}
|
|
11037
|
-
if (
|
|
11038
|
-
speedoMeter.config.main.currentValueText =
|
|
11036
|
+
if (config2.speedoCaption) {
|
|
11037
|
+
speedoMeter.config.main.currentValueText = config2.speedoCaption;
|
|
11039
11038
|
}
|
|
11040
|
-
if (
|
|
11041
|
-
speedoMeter.config.main.data =
|
|
11039
|
+
if (config2.data) {
|
|
11040
|
+
speedoMeter.config.main.data = config2.data;
|
|
11042
11041
|
}
|
|
11043
|
-
if (
|
|
11044
|
-
speedoMeter.config.style.needleColor =
|
|
11042
|
+
if (config2.needleColor) {
|
|
11043
|
+
speedoMeter.config.style.needleColor = config2.needleColor;
|
|
11045
11044
|
}
|
|
11046
|
-
if (
|
|
11047
|
-
speedoMeter.config.style.segments =
|
|
11045
|
+
if (config2.segments) {
|
|
11046
|
+
speedoMeter.config.style.segments = config2.segments;
|
|
11048
11047
|
}
|
|
11049
|
-
if (
|
|
11050
|
-
speedoMeter.config.style.endColor =
|
|
11048
|
+
if (config2.endColor) {
|
|
11049
|
+
speedoMeter.config.style.endColor = config2.endColor;
|
|
11051
11050
|
}
|
|
11052
|
-
if (
|
|
11053
|
-
speedoMeter.config.style.startColor =
|
|
11051
|
+
if (config2.startColor) {
|
|
11052
|
+
speedoMeter.config.style.startColor = config2.startColor;
|
|
11054
11053
|
}
|
|
11055
|
-
if (
|
|
11056
|
-
speedoMeter.config.style.segmentColors =
|
|
11054
|
+
if (config2.segmentColors) {
|
|
11055
|
+
speedoMeter.config.style.segmentColors = config2.segmentColors;
|
|
11057
11056
|
}
|
|
11058
11057
|
return speedoMeter;
|
|
11059
11058
|
};
|
|
11060
|
-
const buildPieGraph = (
|
|
11059
|
+
const buildPieGraph = (config2, componentScope2) => {
|
|
11061
11060
|
const pieGraph = _.cloneDeep(PieGraph);
|
|
11062
|
-
if (
|
|
11063
|
-
pieGraph.config.layout = createLayoutFormat(
|
|
11061
|
+
if (config2.layout) {
|
|
11062
|
+
pieGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
11064
11063
|
}
|
|
11065
|
-
if (
|
|
11066
|
-
pieGraph.config.style.containerStyle.height =
|
|
11064
|
+
if (config2.height) {
|
|
11065
|
+
pieGraph.config.style.containerStyle.height = config2.height;
|
|
11067
11066
|
}
|
|
11068
|
-
if (
|
|
11069
|
-
pieGraph.config.main.legendAvailable =
|
|
11067
|
+
if (config2.legendHide) {
|
|
11068
|
+
pieGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
11070
11069
|
}
|
|
11071
|
-
if (
|
|
11072
|
-
pieGraph.config.main.legendDirection =
|
|
11070
|
+
if (config2.legendDirection) {
|
|
11071
|
+
pieGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
11073
11072
|
}
|
|
11074
|
-
pieGraph.scope =
|
|
11075
|
-
pieGraph.config.main.header =
|
|
11076
|
-
if (
|
|
11077
|
-
pieGraph.config.main.legendLabels = flatObjectValueInArray(
|
|
11073
|
+
pieGraph.scope = componentScope2;
|
|
11074
|
+
pieGraph.config.main.header = config2.heading;
|
|
11075
|
+
if (config2.legendLabels) {
|
|
11076
|
+
pieGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
|
|
11078
11077
|
}
|
|
11079
|
-
if (
|
|
11080
|
-
pieGraph.config.main.xAxisValue =
|
|
11078
|
+
if (config2.xAxisValue) {
|
|
11079
|
+
pieGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
11081
11080
|
}
|
|
11082
|
-
if (
|
|
11083
|
-
pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(
|
|
11081
|
+
if (config2.pieArcColors) {
|
|
11082
|
+
pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
|
|
11084
11083
|
}
|
|
11085
11084
|
return pieGraph;
|
|
11086
11085
|
};
|
|
11087
|
-
const buildStackbarGraph = (
|
|
11086
|
+
const buildStackbarGraph = (config2, componentScope2) => {
|
|
11088
11087
|
var _a;
|
|
11089
11088
|
const barGraph = _.cloneDeep(BarGraph);
|
|
11090
|
-
if (
|
|
11091
|
-
barGraph.config.layout = createLayoutFormat(
|
|
11089
|
+
if (config2.layout) {
|
|
11090
|
+
barGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
11092
11091
|
}
|
|
11093
|
-
if (
|
|
11094
|
-
barGraph.config.main.legendAvailable =
|
|
11095
|
-
barGraph.config.main.legendAvailable =
|
|
11092
|
+
if (config2.legendHide) {
|
|
11093
|
+
barGraph.config.main.legendAvailable = config2.legendHide;
|
|
11094
|
+
barGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
11096
11095
|
}
|
|
11097
|
-
if (
|
|
11098
|
-
barGraph.config.main.legendDirection =
|
|
11096
|
+
if (config2.legendDirection) {
|
|
11097
|
+
barGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
11099
11098
|
}
|
|
11100
|
-
if (
|
|
11101
|
-
barGraph.config.main.bottomAxisAngle =
|
|
11099
|
+
if (config2.bottomAxisAngle) {
|
|
11100
|
+
barGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
11102
11101
|
}
|
|
11103
|
-
barGraph.config.main.type = (_a =
|
|
11104
|
-
barGraph.config.main.header =
|
|
11105
|
-
if (
|
|
11106
|
-
barGraph.config.main.legendLabels = flatObjectValueInArray(
|
|
11102
|
+
barGraph.config.main.type = (_a = config2 == null ? void 0 : config2.graphType) != null ? _a : "BarGraph";
|
|
11103
|
+
barGraph.config.main.header = config2.heading;
|
|
11104
|
+
if (config2.legendLabels) {
|
|
11105
|
+
barGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
|
|
11107
11106
|
}
|
|
11108
|
-
if (
|
|
11109
|
-
barGraph.config.style.barStyle.colorRange = flatObjectValueInArray(
|
|
11107
|
+
if (config2.pieArcColors) {
|
|
11108
|
+
barGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
|
|
11110
11109
|
}
|
|
11111
|
-
if (
|
|
11112
|
-
barGraph.config.main.xAxisValue =
|
|
11110
|
+
if (config2.xAxisValue) {
|
|
11111
|
+
barGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
11113
11112
|
}
|
|
11114
|
-
if (
|
|
11115
|
-
barGraph.config.style.containerStyle.height =
|
|
11113
|
+
if (config2.height) {
|
|
11114
|
+
barGraph.config.style.containerStyle.height = config2.height;
|
|
11116
11115
|
}
|
|
11117
|
-
if (
|
|
11116
|
+
if (config2.leftMargin) {
|
|
11118
11117
|
barGraph.config.style.labelStyle.margin = {
|
|
11119
|
-
left:
|
|
11118
|
+
left: config2.leftMargin
|
|
11120
11119
|
};
|
|
11121
11120
|
}
|
|
11122
|
-
if (
|
|
11123
|
-
barGraph.config.main.bottomLabel =
|
|
11121
|
+
if (config2.bottomLabel) {
|
|
11122
|
+
barGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
11124
11123
|
}
|
|
11125
|
-
if (
|
|
11126
|
-
barGraph.config.main.leftLabel =
|
|
11124
|
+
if (config2.leftLabel) {
|
|
11125
|
+
barGraph.config.main.leftLabel = config2.leftLabel;
|
|
11127
11126
|
}
|
|
11128
|
-
if (
|
|
11129
|
-
barGraph.config.main.disableLeftLabel =
|
|
11127
|
+
if (config2.disableLeftLabel) {
|
|
11128
|
+
barGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
11130
11129
|
}
|
|
11131
|
-
barGraph.scope =
|
|
11130
|
+
barGraph.scope = componentScope2;
|
|
11132
11131
|
return barGraph;
|
|
11133
11132
|
};
|
|
11134
11133
|
var RunnerBoyProgressBar = {
|
|
@@ -11142,11 +11141,11 @@ var RunnerBoyProgressBar = {
|
|
|
11142
11141
|
main: {}
|
|
11143
11142
|
}
|
|
11144
11143
|
};
|
|
11145
|
-
const RunnerBoyProgressbar = (
|
|
11144
|
+
const RunnerBoyProgressbar = (config2, componentScope2) => {
|
|
11146
11145
|
const RunnerBoy = _.cloneDeep(RunnerBoyProgressBar);
|
|
11147
|
-
RunnerBoy.scope =
|
|
11148
|
-
if (
|
|
11149
|
-
RunnerBoy.config.layout = createLayoutFormat(
|
|
11146
|
+
RunnerBoy.scope = componentScope2;
|
|
11147
|
+
if (config2.layout) {
|
|
11148
|
+
RunnerBoy.config.layout = createLayoutFormat(config2.layout);
|
|
11150
11149
|
}
|
|
11151
11150
|
return RunnerBoy;
|
|
11152
11151
|
};
|
|
@@ -11161,22 +11160,22 @@ var Tabsection = {
|
|
|
11161
11160
|
},
|
|
11162
11161
|
elements: []
|
|
11163
11162
|
};
|
|
11164
|
-
const buildTabSection = (
|
|
11163
|
+
const buildTabSection = (config2, componentScope2) => {
|
|
11165
11164
|
const tab = _.cloneDeep(Tabsection);
|
|
11166
|
-
tab.scope =
|
|
11167
|
-
if (
|
|
11168
|
-
tab.config.main.lazyLoad =
|
|
11165
|
+
tab.scope = componentScope2;
|
|
11166
|
+
if (config2.lazyLoad) {
|
|
11167
|
+
tab.config.main.lazyLoad = config2.lazyLoad === "YES" ? true : false;
|
|
11169
11168
|
}
|
|
11170
|
-
if (
|
|
11171
|
-
tab.config.main.orientation =
|
|
11169
|
+
if (config2.orientation) {
|
|
11170
|
+
tab.config.main.orientation = config2.orientation === "YES" ? "vertical" : "horizontal";
|
|
11172
11171
|
}
|
|
11173
|
-
if (
|
|
11174
|
-
tab.config.main.tabLabels =
|
|
11172
|
+
if (config2.sectionLabels) {
|
|
11173
|
+
tab.config.main.tabLabels = config2.sectionLabels.map((e) => e.label);
|
|
11175
11174
|
}
|
|
11176
|
-
if (
|
|
11177
|
-
tab.config.style = JSON.parse(
|
|
11175
|
+
if (config2.style) {
|
|
11176
|
+
tab.config.style = JSON.parse(config2.style);
|
|
11178
11177
|
}
|
|
11179
|
-
tab.config.main.id =
|
|
11178
|
+
tab.config.main.id = config2.name;
|
|
11180
11179
|
return tab;
|
|
11181
11180
|
};
|
|
11182
11181
|
var WrapperSection = {
|
|
@@ -11192,20 +11191,20 @@ var WrapperSection = {
|
|
|
11192
11191
|
},
|
|
11193
11192
|
elements: []
|
|
11194
11193
|
};
|
|
11195
|
-
const buildWrapperSection = (
|
|
11194
|
+
const buildWrapperSection = (config2, componentScope2) => {
|
|
11196
11195
|
const wrapper = _.cloneDeep(WrapperSection);
|
|
11197
|
-
wrapper.scope =
|
|
11198
|
-
wrapper.config.main.label =
|
|
11199
|
-
wrapper.config.main.divider =
|
|
11200
|
-
wrapper.config.main.isAccordion =
|
|
11201
|
-
if (
|
|
11202
|
-
wrapper.config.defaultStyle =
|
|
11196
|
+
wrapper.scope = componentScope2;
|
|
11197
|
+
wrapper.config.main.label = config2.label;
|
|
11198
|
+
wrapper.config.main.divider = config2.divider === "YES" ? true : false;
|
|
11199
|
+
wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
|
|
11200
|
+
if (config2.defaultStyle) {
|
|
11201
|
+
wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
|
|
11203
11202
|
}
|
|
11204
|
-
if (
|
|
11205
|
-
wrapper.config.style = JSON.parse(
|
|
11203
|
+
if (config2.style) {
|
|
11204
|
+
wrapper.config.style = JSON.parse(config2.style);
|
|
11206
11205
|
}
|
|
11207
|
-
if (
|
|
11208
|
-
wrapper.config.layout = createLayoutFormat(
|
|
11206
|
+
if (config2.layout) {
|
|
11207
|
+
wrapper.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
11209
11208
|
}
|
|
11210
11209
|
return wrapper;
|
|
11211
11210
|
};
|
|
@@ -11223,32 +11222,32 @@ var TextInputField = {
|
|
|
11223
11222
|
style: {}
|
|
11224
11223
|
}
|
|
11225
11224
|
};
|
|
11226
|
-
const buildTextField = (
|
|
11225
|
+
const buildTextField = (config2, componentScope2) => {
|
|
11227
11226
|
const inputField = _.cloneDeep(TextInputField);
|
|
11228
|
-
inputField.config.main.label =
|
|
11229
|
-
if (
|
|
11230
|
-
inputField.config.style = JSON.parse(
|
|
11227
|
+
inputField.config.main.label = config2.label;
|
|
11228
|
+
if (config2.style) {
|
|
11229
|
+
inputField.config.style = JSON.parse(config2.style);
|
|
11231
11230
|
}
|
|
11232
|
-
if (
|
|
11233
|
-
inputField.config.main.multiline =
|
|
11231
|
+
if (config2.multiline) {
|
|
11232
|
+
inputField.config.main.multiline = config2.multiline === "YES" ? true : false;
|
|
11234
11233
|
}
|
|
11235
|
-
if (
|
|
11236
|
-
inputField.config.main.keyName =
|
|
11234
|
+
if (config2.keyName) {
|
|
11235
|
+
inputField.config.main.keyName = config2.keyName;
|
|
11237
11236
|
}
|
|
11238
|
-
if (
|
|
11239
|
-
inputField.config.main.formatStrArray =
|
|
11237
|
+
if (config2.InputFormatingAndMasking) {
|
|
11238
|
+
inputField.config.main.formatStrArray = config2.InputFormatingAndMasking.map((e) => e.formatElement);
|
|
11240
11239
|
}
|
|
11241
|
-
if (
|
|
11242
|
-
inputField.config.main.placeholder =
|
|
11240
|
+
if (config2.placeholder) {
|
|
11241
|
+
inputField.config.main.placeholder = config2.placeholder;
|
|
11243
11242
|
}
|
|
11244
|
-
if (
|
|
11245
|
-
inputField.config.main.variant =
|
|
11243
|
+
if (config2.variant) {
|
|
11244
|
+
inputField.config.main.variant = config2.variant;
|
|
11246
11245
|
}
|
|
11247
|
-
if (
|
|
11248
|
-
inputField.config.layout = createLayoutFormat(
|
|
11246
|
+
if (config2.layout) {
|
|
11247
|
+
inputField.config.layout = createLayoutFormat(config2.layout);
|
|
11249
11248
|
}
|
|
11250
|
-
inputField.config.main.errorMessage = `${
|
|
11251
|
-
inputField.scope =
|
|
11249
|
+
inputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
|
|
11250
|
+
inputField.scope = componentScope2;
|
|
11252
11251
|
return inputField;
|
|
11253
11252
|
};
|
|
11254
11253
|
var SelectInputField = {
|
|
@@ -11266,28 +11265,25 @@ var SelectInputField = {
|
|
|
11266
11265
|
}
|
|
11267
11266
|
}
|
|
11268
11267
|
};
|
|
11269
|
-
const buildSelect = (
|
|
11268
|
+
const buildSelect = (config2, componentScope2) => {
|
|
11270
11269
|
const selectInputField = _.cloneDeep(SelectInputField);
|
|
11271
|
-
selectInputField.config.main.label =
|
|
11272
|
-
if (
|
|
11273
|
-
selectInputField.config.main.options =
|
|
11274
|
-
}
|
|
11275
|
-
if (config.freeSolo) {
|
|
11276
|
-
selectInputField.config.main.freeSolo = config.freeSolo === "YES" ? true : false;
|
|
11270
|
+
selectInputField.config.main.label = config2.label;
|
|
11271
|
+
if (config2.value) {
|
|
11272
|
+
selectInputField.config.main.options = config2.value;
|
|
11277
11273
|
}
|
|
11278
|
-
if (
|
|
11279
|
-
selectInputField.config.main.
|
|
11274
|
+
if (config2.freeSolo) {
|
|
11275
|
+
selectInputField.config.main.freeSolo = config2.freeSolo === "YES" ? true : false;
|
|
11280
11276
|
}
|
|
11281
|
-
if (
|
|
11282
|
-
selectInputField.config.main.
|
|
11277
|
+
if (config2.lazyLoading) {
|
|
11278
|
+
selectInputField.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
11283
11279
|
}
|
|
11284
|
-
if (
|
|
11285
|
-
selectInputField.config.
|
|
11280
|
+
if (config2.variant) {
|
|
11281
|
+
selectInputField.config.main.variant = config2.variant;
|
|
11286
11282
|
}
|
|
11287
|
-
if (
|
|
11288
|
-
selectInputField.config.
|
|
11283
|
+
if (config2.layout) {
|
|
11284
|
+
selectInputField.config.layout = createLayoutFormat(config2.layout);
|
|
11289
11285
|
}
|
|
11290
|
-
selectInputField.scope =
|
|
11286
|
+
selectInputField.scope = componentScope2;
|
|
11291
11287
|
return selectInputField;
|
|
11292
11288
|
};
|
|
11293
11289
|
var Button = {
|
|
@@ -11311,37 +11307,37 @@ var Button = {
|
|
|
11311
11307
|
style: {}
|
|
11312
11308
|
}
|
|
11313
11309
|
};
|
|
11314
|
-
const buildButton = (
|
|
11310
|
+
const buildButton = (config2, componentScope2) => {
|
|
11315
11311
|
const button = _.cloneDeep(Button);
|
|
11316
|
-
if (
|
|
11317
|
-
button.options.widget =
|
|
11318
|
-
|
|
11312
|
+
if (config2.buttonType) {
|
|
11313
|
+
button.options.widget = config2.buttonType === "IconButton" ? "IconButton" : "Button";
|
|
11314
|
+
config2.buttonType === "ButtonWithIconAndText" ? button.config.main.startIcon = config2.iconName : button.config.main.icon = config2.iconName;
|
|
11319
11315
|
}
|
|
11320
|
-
if (
|
|
11321
|
-
button.config.layout = createLayoutFormat(
|
|
11316
|
+
if (config2.layout) {
|
|
11317
|
+
button.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
11322
11318
|
}
|
|
11323
|
-
if (
|
|
11324
|
-
button.config.main.tooltipMessage =
|
|
11319
|
+
if (config2.tooltipMessage) {
|
|
11320
|
+
button.config.main.tooltipMessage = config2.tooltipMessage;
|
|
11325
11321
|
}
|
|
11326
|
-
if (
|
|
11327
|
-
if (
|
|
11328
|
-
button.config.main.styleDefault =
|
|
11322
|
+
if (config2.defaultStyle) {
|
|
11323
|
+
if (config2.buttonType === "IconButton") {
|
|
11324
|
+
button.config.main.styleDefault = config2.defaultStyle === "true" ? true : false;
|
|
11329
11325
|
} else {
|
|
11330
|
-
button.config.main.enableDefaultStyle =
|
|
11326
|
+
button.config.main.enableDefaultStyle = config2.defaultStyle === "true" ? false : true;
|
|
11331
11327
|
}
|
|
11332
11328
|
}
|
|
11333
|
-
button.scope =
|
|
11334
|
-
if (
|
|
11335
|
-
button.config.style = JSON.parse(
|
|
11329
|
+
button.scope = componentScope2;
|
|
11330
|
+
if (config2.style) {
|
|
11331
|
+
button.config.style = JSON.parse(config2.style);
|
|
11336
11332
|
}
|
|
11337
|
-
if (
|
|
11338
|
-
button.config.main.size =
|
|
11333
|
+
if (config2.size) {
|
|
11334
|
+
button.config.main.size = config2.size;
|
|
11339
11335
|
}
|
|
11340
|
-
if (
|
|
11341
|
-
button.config.main.color =
|
|
11336
|
+
if (config2.color) {
|
|
11337
|
+
button.config.main.color = config2.color;
|
|
11342
11338
|
}
|
|
11343
|
-
if (
|
|
11344
|
-
button.config.main.name =
|
|
11339
|
+
if (config2.label) {
|
|
11340
|
+
button.config.main.name = config2.label;
|
|
11345
11341
|
}
|
|
11346
11342
|
return button;
|
|
11347
11343
|
};
|
|
@@ -11367,83 +11363,83 @@ var Table = {
|
|
|
11367
11363
|
}
|
|
11368
11364
|
}
|
|
11369
11365
|
};
|
|
11370
|
-
const buildTable = (
|
|
11366
|
+
const buildTable = (config2, componentScope2) => {
|
|
11371
11367
|
const table = _.cloneDeep(Table);
|
|
11372
|
-
table.scope =
|
|
11373
|
-
if (
|
|
11374
|
-
table.config.style = JSON.parse(
|
|
11368
|
+
table.scope = componentScope2;
|
|
11369
|
+
if (config2.style) {
|
|
11370
|
+
table.config.style = JSON.parse(config2.style);
|
|
11375
11371
|
}
|
|
11376
|
-
if (
|
|
11377
|
-
table.config.main.lazyLoading =
|
|
11372
|
+
if (config2.lazyLoading) {
|
|
11373
|
+
table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
11378
11374
|
}
|
|
11379
|
-
if (
|
|
11380
|
-
table.config.main.defaultColumnSize =
|
|
11375
|
+
if (config2.defaultColumnSize) {
|
|
11376
|
+
table.config.main.defaultColumnSize = config2.defaultColumnSize;
|
|
11381
11377
|
}
|
|
11382
|
-
if (
|
|
11383
|
-
table.config.main.enableRowMovement =
|
|
11378
|
+
if (config2.enableRowMovement) {
|
|
11379
|
+
table.config.main.enableRowMovement = config2.enableRowMovement === "YES" ? true : false;
|
|
11384
11380
|
}
|
|
11385
|
-
if (
|
|
11386
|
-
table.config.main.enableExpanding =
|
|
11381
|
+
if (config2.enableExpanding) {
|
|
11382
|
+
table.config.main.enableExpanding = config2.enableExpanding === "YES" ? true : false;
|
|
11387
11383
|
}
|
|
11388
|
-
if (
|
|
11389
|
-
table.config.main.enableExpandAll =
|
|
11384
|
+
if (config2.enableExpandAll) {
|
|
11385
|
+
table.config.main.enableExpandAll = config2.enableExpandAll === "YES" ? true : false;
|
|
11390
11386
|
}
|
|
11391
|
-
if (
|
|
11392
|
-
table.config.main.filterFromLeafRows =
|
|
11387
|
+
if (config2.filterFromLeafRows) {
|
|
11388
|
+
table.config.main.filterFromLeafRows = config2.filterFromLeafRows === "YES" ? true : false;
|
|
11393
11389
|
}
|
|
11394
|
-
if (
|
|
11395
|
-
table.config.main.paginateExpandedRows =
|
|
11390
|
+
if (config2.paginateExpandedRows) {
|
|
11391
|
+
table.config.main.paginateExpandedRows = config2.paginateExpandedRows === "YES" ? true : false;
|
|
11396
11392
|
}
|
|
11397
|
-
if (
|
|
11398
|
-
table.config.main.treeStructure =
|
|
11393
|
+
if (config2.treeStructure) {
|
|
11394
|
+
table.config.main.treeStructure = config2.treeStructure === "YES" ? "flatTreeMap" : false;
|
|
11399
11395
|
}
|
|
11400
|
-
if (
|
|
11401
|
-
table.config.main.Selection =
|
|
11396
|
+
if (config2.SelectionAvailable) {
|
|
11397
|
+
table.config.main.Selection = config2.SelectionAvailable === "YES" ? true : false;
|
|
11402
11398
|
}
|
|
11403
|
-
if (
|
|
11404
|
-
table.config.main.disableColumnResizing =
|
|
11399
|
+
if (config2.ColumnResizingAvailable) {
|
|
11400
|
+
table.config.main.disableColumnResizing = config2.ColumnResizingAvailable === "YES" ? false : true;
|
|
11405
11401
|
}
|
|
11406
|
-
if (
|
|
11407
|
-
table.config.main.enableDrag =
|
|
11402
|
+
if (config2.DragAvailable) {
|
|
11403
|
+
table.config.main.enableDrag = config2.DragAvailable === "YES" ? true : false;
|
|
11408
11404
|
}
|
|
11409
|
-
if (
|
|
11410
|
-
table.config.main.downloadAllData =
|
|
11405
|
+
if (config2.downloadAllData) {
|
|
11406
|
+
table.config.main.downloadAllData = config2.downloadAllData === "YES" ? true : false;
|
|
11411
11407
|
}
|
|
11412
|
-
if (
|
|
11413
|
-
table.config.main.disableGlobalSearch =
|
|
11408
|
+
if (config2.disableGlobalSearch) {
|
|
11409
|
+
table.config.main.disableGlobalSearch = config2.disableGlobalSearch === "YES" ? true : false;
|
|
11414
11410
|
}
|
|
11415
|
-
if (
|
|
11416
|
-
table.config.main.disableColumnFilter =
|
|
11411
|
+
if (config2.disableColumnFilter) {
|
|
11412
|
+
table.config.main.disableColumnFilter = config2.disableColumnFilter === "YES" ? true : false;
|
|
11417
11413
|
}
|
|
11418
|
-
if (
|
|
11419
|
-
table.config.main.disableSorting =
|
|
11414
|
+
if (config2.disableSorting) {
|
|
11415
|
+
table.config.main.disableSorting = config2.disableSorting === "YES" ? true : false;
|
|
11420
11416
|
}
|
|
11421
|
-
if (
|
|
11422
|
-
table.config.main.disableEditColumn =
|
|
11417
|
+
if (config2.disableEditColumn) {
|
|
11418
|
+
table.config.main.disableEditColumn = config2.disableEditColumn === "YES" ? true : false;
|
|
11423
11419
|
}
|
|
11424
|
-
if (
|
|
11425
|
-
table.config.main.disableFullScreenToggle =
|
|
11420
|
+
if (config2.disableFullScreenToggle) {
|
|
11421
|
+
table.config.main.disableFullScreenToggle = config2.disableFullScreenToggle === "YES" ? true : false;
|
|
11426
11422
|
}
|
|
11427
|
-
if (
|
|
11428
|
-
table.config.main.disableDensityToggle =
|
|
11423
|
+
if (config2.disableDensityToggle) {
|
|
11424
|
+
table.config.main.disableDensityToggle = config2.disableDensityToggle === "YES" ? true : false;
|
|
11429
11425
|
}
|
|
11430
|
-
if (
|
|
11431
|
-
table.config.main.disableDownloadFile =
|
|
11426
|
+
if (config2.disableDownloadFile) {
|
|
11427
|
+
table.config.main.disableDownloadFile = config2.disableDownloadFile === "YES" ? true : false;
|
|
11432
11428
|
}
|
|
11433
|
-
if (
|
|
11434
|
-
table.config.main.disablePagination =
|
|
11429
|
+
if (config2.disablePagination) {
|
|
11430
|
+
table.config.main.disablePagination = config2.disablePagination === "YES" ? true : false;
|
|
11435
11431
|
}
|
|
11436
|
-
if (
|
|
11437
|
-
table.config.main.TableDownloadKeysName =
|
|
11432
|
+
if (config2.Table_Download_Keys_Name) {
|
|
11433
|
+
table.config.main.TableDownloadKeysName = config2.Table_Download_Keys_Name.map((e) => e.KeyName);
|
|
11438
11434
|
}
|
|
11439
|
-
if (
|
|
11440
|
-
table.config.main.selectKey =
|
|
11435
|
+
if (config2.selectKey) {
|
|
11436
|
+
table.config.main.selectKey = config2.selectKey;
|
|
11441
11437
|
}
|
|
11442
|
-
if (
|
|
11443
|
-
table.config.main.maxPageSize =
|
|
11438
|
+
if (config2.maxPageSize) {
|
|
11439
|
+
table.config.main.maxPageSize = config2.maxPageSize;
|
|
11444
11440
|
}
|
|
11445
|
-
if (
|
|
11446
|
-
table.config.main.initialDensity =
|
|
11441
|
+
if (config2.initialDensity) {
|
|
11442
|
+
table.config.main.initialDensity = config2.initialDensity;
|
|
11447
11443
|
}
|
|
11448
11444
|
return table;
|
|
11449
11445
|
};
|
|
@@ -11461,18 +11457,18 @@ const Box = {
|
|
|
11461
11457
|
style: {}
|
|
11462
11458
|
}
|
|
11463
11459
|
};
|
|
11464
|
-
const buildLabel = (
|
|
11460
|
+
const buildLabel = (config2, componentScope2) => {
|
|
11465
11461
|
const box = _.cloneDeep(Box);
|
|
11466
|
-
box.scope =
|
|
11467
|
-
box.config.main.heading =
|
|
11468
|
-
if (
|
|
11469
|
-
box.config.layout = createLayoutFormat(
|
|
11462
|
+
box.scope = componentScope2;
|
|
11463
|
+
box.config.main.heading = config2.label;
|
|
11464
|
+
if (config2.layout) {
|
|
11465
|
+
box.config.layout = createLayoutFormat(config2.layout);
|
|
11470
11466
|
}
|
|
11471
|
-
if (
|
|
11472
|
-
box.config.main.iconName =
|
|
11467
|
+
if (config2.iconName) {
|
|
11468
|
+
box.config.main.iconName = config2.iconName;
|
|
11473
11469
|
}
|
|
11474
|
-
if (
|
|
11475
|
-
box.config.style = JSON.parse(
|
|
11470
|
+
if (config2.style) {
|
|
11471
|
+
box.config.style = JSON.parse(config2.style);
|
|
11476
11472
|
}
|
|
11477
11473
|
return box;
|
|
11478
11474
|
};
|
|
@@ -11512,40 +11508,40 @@ const downloadFile = {
|
|
|
11512
11508
|
"widget": "DownloadFile"
|
|
11513
11509
|
}
|
|
11514
11510
|
};
|
|
11515
|
-
const buildUploadFile = (
|
|
11511
|
+
const buildUploadFile = (config2, componentScope2) => {
|
|
11516
11512
|
const UploadFile = _.cloneDeep(uploadFile);
|
|
11517
|
-
UploadFile.scope =
|
|
11518
|
-
UploadFile.config.main.label =
|
|
11519
|
-
if (
|
|
11520
|
-
UploadFile.config.layout = createLayoutFormat(
|
|
11513
|
+
UploadFile.scope = componentScope2;
|
|
11514
|
+
UploadFile.config.main.label = config2.label;
|
|
11515
|
+
if (config2.layout) {
|
|
11516
|
+
UploadFile.config.layout = createLayoutFormat(config2.layout);
|
|
11521
11517
|
}
|
|
11522
|
-
if (
|
|
11523
|
-
UploadFile.config.style =
|
|
11518
|
+
if (config2.style) {
|
|
11519
|
+
UploadFile.config.style = config2.style;
|
|
11524
11520
|
}
|
|
11525
|
-
if (
|
|
11521
|
+
if (config2.required) {
|
|
11526
11522
|
UploadFile.config.main.required = true;
|
|
11527
11523
|
}
|
|
11528
|
-
UploadFile.config.main.errorMessage =
|
|
11524
|
+
UploadFile.config.main.errorMessage = config2.errorMessage;
|
|
11529
11525
|
return UploadFile;
|
|
11530
11526
|
};
|
|
11531
|
-
const buildDownloadFile = (
|
|
11527
|
+
const buildDownloadFile = (config2, componentScope2) => {
|
|
11532
11528
|
const DownloadFile = _.cloneDeep(downloadFile);
|
|
11533
|
-
DownloadFile.scope =
|
|
11534
|
-
DownloadFile.config.main.label =
|
|
11535
|
-
if (
|
|
11536
|
-
DownloadFile.config.layout =
|
|
11529
|
+
DownloadFile.scope = componentScope2;
|
|
11530
|
+
DownloadFile.config.main.label = config2.label;
|
|
11531
|
+
if (config2.layout) {
|
|
11532
|
+
DownloadFile.config.layout = config2.layout;
|
|
11537
11533
|
}
|
|
11538
|
-
if (
|
|
11539
|
-
DownloadFile.config.style =
|
|
11534
|
+
if (config2.style) {
|
|
11535
|
+
DownloadFile.config.style = config2.style;
|
|
11540
11536
|
}
|
|
11541
|
-
if (
|
|
11537
|
+
if (config2.required) {
|
|
11542
11538
|
DownloadFile.config.main.required = true;
|
|
11543
11539
|
}
|
|
11544
|
-
if (
|
|
11545
|
-
DownloadFile.config.layout = createLayoutFormat(
|
|
11540
|
+
if (config2.layout) {
|
|
11541
|
+
DownloadFile.config.layout = createLayoutFormat(config2.layout);
|
|
11546
11542
|
}
|
|
11547
|
-
if (
|
|
11548
|
-
DownloadFile.config.main.errorMessage =
|
|
11543
|
+
if (config2.errorMessage) {
|
|
11544
|
+
DownloadFile.config.main.errorMessage = config2.errorMessage;
|
|
11549
11545
|
}
|
|
11550
11546
|
return DownloadFile;
|
|
11551
11547
|
};
|
|
@@ -11554,177 +11550,239 @@ function Card(theme) {
|
|
|
11554
11550
|
type: "WrapperLayout",
|
|
11555
11551
|
config: {
|
|
11556
11552
|
main: {},
|
|
11557
|
-
|
|
11558
|
-
|
|
11559
|
-
|
|
11560
|
-
|
|
11561
|
-
|
|
11562
|
-
|
|
11563
|
-
|
|
11564
|
-
|
|
11565
|
-
|
|
11566
|
-
|
|
11567
|
-
|
|
11568
|
-
|
|
11569
|
-
|
|
11570
|
-
|
|
11571
|
-
|
|
11572
|
-
|
|
11573
|
-
|
|
11574
|
-
|
|
11575
|
-
|
|
11576
|
-
|
|
11577
|
-
|
|
11578
|
-
|
|
11553
|
+
wrapperStyle: {
|
|
11554
|
+
position: "relative",
|
|
11555
|
+
top: "50%",
|
|
11556
|
+
transform: "translateY(-50%)",
|
|
11557
|
+
marginBottom: 0
|
|
11558
|
+
},
|
|
11559
|
+
componentsBoxStyle: {
|
|
11560
|
+
boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
|
|
11561
|
+
flexDirection: "row",
|
|
11562
|
+
flexWrap: "nowrap",
|
|
11563
|
+
width: "100% !important",
|
|
11564
|
+
background: "transparent",
|
|
11565
|
+
border: `1.5px solid ${theme.palette.primary.light}`,
|
|
11566
|
+
borderRadius: "8px",
|
|
11567
|
+
padding: "0px 4px",
|
|
11568
|
+
height: "100%",
|
|
11569
|
+
alignItems: "center",
|
|
11570
|
+
marginLeft: "0px",
|
|
11571
|
+
"&: hover": {
|
|
11572
|
+
background: `${theme.palette.primary.main}`,
|
|
11573
|
+
border: `1.5px solid black`,
|
|
11574
|
+
"& p": {
|
|
11575
|
+
color: "white"
|
|
11579
11576
|
}
|
|
11580
11577
|
}
|
|
11581
11578
|
},
|
|
11582
|
-
layout: { xs: 12, sm: 12, md: 6, lg:
|
|
11579
|
+
layout: { xs: 12, sm: 12, md: 6, lg: 6 }
|
|
11583
11580
|
},
|
|
11584
11581
|
elements: [
|
|
11585
11582
|
{
|
|
11586
|
-
type: "
|
|
11587
|
-
scope: "#/properties/programType",
|
|
11583
|
+
type: "HorizontalLayout",
|
|
11588
11584
|
config: {
|
|
11589
|
-
|
|
11590
|
-
url: "https://www.svgrepo.com/show/500606/loading.svg"
|
|
11591
|
-
},
|
|
11592
|
-
style: {
|
|
11593
|
-
containerStyle: {
|
|
11594
|
-
position: "absolute",
|
|
11595
|
-
top: "12px",
|
|
11596
|
-
right: "12px",
|
|
11597
|
-
display: "flex",
|
|
11598
|
-
justifyContent: "flex-end",
|
|
11599
|
-
alignItems: "flex-start"
|
|
11600
|
-
},
|
|
11601
|
-
imageStyle: {
|
|
11602
|
-
width: "48px",
|
|
11603
|
-
height: "48px",
|
|
11604
|
-
padding: "0px",
|
|
11605
|
-
margin: "0px"
|
|
11606
|
-
}
|
|
11607
|
-
}
|
|
11585
|
+
layout: 9
|
|
11608
11586
|
},
|
|
11609
|
-
|
|
11610
|
-
|
|
11611
|
-
|
|
11612
|
-
|
|
11613
|
-
|
|
11614
|
-
|
|
11615
|
-
|
|
11616
|
-
|
|
11617
|
-
|
|
11618
|
-
|
|
11619
|
-
|
|
11620
|
-
|
|
11621
|
-
|
|
11622
|
-
|
|
11623
|
-
|
|
11624
|
-
|
|
11625
|
-
|
|
11626
|
-
|
|
11627
|
-
|
|
11628
|
-
|
|
11629
|
-
|
|
11630
|
-
|
|
11631
|
-
|
|
11632
|
-
|
|
11633
|
-
|
|
11634
|
-
|
|
11635
|
-
|
|
11587
|
+
elements: [
|
|
11588
|
+
{
|
|
11589
|
+
type: "WrapperLayout",
|
|
11590
|
+
config: {
|
|
11591
|
+
main: {
|
|
11592
|
+
columnSpacing: 0,
|
|
11593
|
+
gap: 0
|
|
11594
|
+
},
|
|
11595
|
+
wrapperStyle: {
|
|
11596
|
+
background: "transparent",
|
|
11597
|
+
marginBottom: 0
|
|
11598
|
+
},
|
|
11599
|
+
componentsBoxStyle: {
|
|
11600
|
+
flexDirection: "column",
|
|
11601
|
+
flexWrap: "nowrap",
|
|
11602
|
+
width: "100%",
|
|
11603
|
+
height: "inherit",
|
|
11604
|
+
background: "transparent",
|
|
11605
|
+
borderRadius: "0px",
|
|
11606
|
+
paddingRight: 0
|
|
11607
|
+
},
|
|
11608
|
+
layout: 12
|
|
11609
|
+
},
|
|
11610
|
+
elements: [
|
|
11611
|
+
{
|
|
11612
|
+
type: "WrapperLayout",
|
|
11613
|
+
config: {
|
|
11614
|
+
main: {
|
|
11615
|
+
columnSpacing: 0,
|
|
11616
|
+
gap: 0
|
|
11617
|
+
},
|
|
11618
|
+
wrapperStyle: {
|
|
11619
|
+
background: "transparent",
|
|
11620
|
+
marginBottom: 0
|
|
11621
|
+
},
|
|
11622
|
+
componentsBoxStyle: {
|
|
11623
|
+
flexDirection: "row",
|
|
11624
|
+
flexWrap: "nowrap",
|
|
11625
|
+
width: "100%",
|
|
11626
|
+
height: "0",
|
|
11627
|
+
background: "transparent",
|
|
11628
|
+
borderRadius: "0px",
|
|
11629
|
+
marginLeft: "-10px",
|
|
11630
|
+
marginTop: "-8px",
|
|
11631
|
+
justifyContent: "start",
|
|
11632
|
+
position: "relative"
|
|
11633
|
+
},
|
|
11634
|
+
layout: 12
|
|
11635
|
+
},
|
|
11636
|
+
elements: [
|
|
11637
|
+
{
|
|
11638
|
+
type: "Control",
|
|
11639
|
+
scope: "#/properties/programType",
|
|
11640
|
+
config: {
|
|
11641
|
+
main: {
|
|
11642
|
+
heading: ""
|
|
11643
|
+
},
|
|
11644
|
+
style: {
|
|
11645
|
+
color: "black",
|
|
11646
|
+
display: "flex",
|
|
11647
|
+
fontSize: { xs: "24px", md: "28px" },
|
|
11648
|
+
fontWeight: "bold",
|
|
11649
|
+
background: "inherit",
|
|
11650
|
+
justifyContent: "flex-start",
|
|
11651
|
+
width: "auto",
|
|
11652
|
+
margin: "-8px",
|
|
11653
|
+
marginLeft: "-24px",
|
|
11654
|
+
height: 0
|
|
11655
|
+
}
|
|
11656
|
+
},
|
|
11657
|
+
options: {
|
|
11658
|
+
widget: "Box"
|
|
11659
|
+
}
|
|
11660
|
+
},
|
|
11661
|
+
{
|
|
11662
|
+
type: "Control",
|
|
11663
|
+
scope: "#/properties/programType",
|
|
11664
|
+
config: {
|
|
11665
|
+
main: {
|
|
11666
|
+
heading: "5000.00"
|
|
11667
|
+
},
|
|
11668
|
+
style: {
|
|
11669
|
+
color: "black",
|
|
11670
|
+
display: "flex",
|
|
11671
|
+
fontSize: { xs: "21px", md: "22px" },
|
|
11672
|
+
fontWeight: "500",
|
|
11673
|
+
background: "inherit",
|
|
11674
|
+
justifyContent: "flex-start",
|
|
11675
|
+
width: "auto",
|
|
11676
|
+
margin: "-8px",
|
|
11677
|
+
marginTop: "-6px",
|
|
11678
|
+
position: "absolute",
|
|
11679
|
+
left: "7px",
|
|
11680
|
+
whiteSpace: "nowrap",
|
|
11681
|
+
overflowX: "auto",
|
|
11682
|
+
overflowY: "hidden",
|
|
11683
|
+
scrollbarWidth: "none",
|
|
11684
|
+
msOverflowStyle: "none",
|
|
11685
|
+
maxWidth: "calc(100% + 20px)",
|
|
11686
|
+
"&::-webkit-scrollbar": {
|
|
11687
|
+
display: "none"
|
|
11688
|
+
}
|
|
11689
|
+
}
|
|
11690
|
+
},
|
|
11691
|
+
options: {
|
|
11692
|
+
widget: "Box"
|
|
11693
|
+
}
|
|
11694
|
+
}
|
|
11695
|
+
]
|
|
11696
|
+
},
|
|
11697
|
+
{
|
|
11698
|
+
type: "Control",
|
|
11699
|
+
scope: "#/properties/programType",
|
|
11700
|
+
config: {
|
|
11701
|
+
main: {
|
|
11702
|
+
heading: "Total Earnings"
|
|
11703
|
+
},
|
|
11704
|
+
style: {
|
|
11705
|
+
color: "black",
|
|
11706
|
+
fontSize: "16px",
|
|
11707
|
+
fontWeight: "400",
|
|
11708
|
+
justifyContent: "center",
|
|
11709
|
+
whiteSpace: "nowrap",
|
|
11710
|
+
overflowX: "auto",
|
|
11711
|
+
overflowY: "hidden",
|
|
11712
|
+
scrollbarWidth: "none",
|
|
11713
|
+
msOverflowStyle: "none",
|
|
11714
|
+
background: "inherit",
|
|
11715
|
+
width: "calc(100% + 8px)",
|
|
11716
|
+
margin: "-8px",
|
|
11717
|
+
marginTop: { xs: "16px", md: "20px" },
|
|
11718
|
+
"&::-webkit-scrollbar": {
|
|
11719
|
+
display: "none"
|
|
11720
|
+
}
|
|
11721
|
+
},
|
|
11722
|
+
layout: 12
|
|
11723
|
+
},
|
|
11724
|
+
options: {
|
|
11725
|
+
widget: "Box"
|
|
11726
|
+
}
|
|
11727
|
+
}
|
|
11728
|
+
]
|
|
11636
11729
|
}
|
|
11637
|
-
|
|
11638
|
-
options: {
|
|
11639
|
-
widget: "Box"
|
|
11640
|
-
}
|
|
11730
|
+
]
|
|
11641
11731
|
},
|
|
11642
11732
|
{
|
|
11643
11733
|
type: "Control",
|
|
11644
11734
|
scope: "#/properties/programType",
|
|
11645
11735
|
config: {
|
|
11646
11736
|
main: {
|
|
11647
|
-
|
|
11737
|
+
url: "https://www.svgrepo.com/show/500606/loading.svg"
|
|
11648
11738
|
},
|
|
11649
11739
|
style: {
|
|
11650
|
-
|
|
11651
|
-
|
|
11652
|
-
|
|
11653
|
-
|
|
11654
|
-
|
|
11655
|
-
|
|
11656
|
-
|
|
11657
|
-
|
|
11658
|
-
|
|
11659
|
-
|
|
11660
|
-
|
|
11661
|
-
whiteSpace: "nowrap",
|
|
11662
|
-
overflowX: "auto",
|
|
11663
|
-
scrollbarWidth: "none",
|
|
11664
|
-
"&::-webkit-scrollbar": {
|
|
11665
|
-
display: "none"
|
|
11740
|
+
containerStyle: {
|
|
11741
|
+
height: "100%",
|
|
11742
|
+
display: "flex",
|
|
11743
|
+
justifyContent: "end"
|
|
11744
|
+
},
|
|
11745
|
+
imageStyle: {
|
|
11746
|
+
width: "unset",
|
|
11747
|
+
fontSize: "none",
|
|
11748
|
+
padding: "4px",
|
|
11749
|
+
margin: "0px 0px 0px 8px",
|
|
11750
|
+
height: "64px"
|
|
11666
11751
|
}
|
|
11667
|
-
}
|
|
11668
|
-
},
|
|
11669
|
-
options: {
|
|
11670
|
-
widget: "Box"
|
|
11671
|
-
}
|
|
11672
|
-
},
|
|
11673
|
-
{
|
|
11674
|
-
type: "Control",
|
|
11675
|
-
scope: "#/properties/programType",
|
|
11676
|
-
config: {
|
|
11677
|
-
main: {
|
|
11678
|
-
heading: "Increased from last month"
|
|
11679
11752
|
},
|
|
11680
|
-
|
|
11681
|
-
color: "#767677ff",
|
|
11682
|
-
fontSize: "11px",
|
|
11683
|
-
fontWeight: "400",
|
|
11684
|
-
justifyContent: "flex-start",
|
|
11685
|
-
background: "inherit",
|
|
11686
|
-
margin: "0px",
|
|
11687
|
-
paddingLeft: "2px",
|
|
11688
|
-
maxWidth: "200px",
|
|
11689
|
-
whiteSpace: "nowrap",
|
|
11690
|
-
overflowX: "auto",
|
|
11691
|
-
scrollbarWidth: "none",
|
|
11692
|
-
"&::-webkit-scrollbar": {
|
|
11693
|
-
display: "none"
|
|
11694
|
-
}
|
|
11695
|
-
}
|
|
11753
|
+
layout: 3
|
|
11696
11754
|
},
|
|
11697
11755
|
options: {
|
|
11698
|
-
widget: "
|
|
11756
|
+
widget: "Image"
|
|
11699
11757
|
}
|
|
11700
11758
|
}
|
|
11701
11759
|
]
|
|
11702
11760
|
};
|
|
11703
11761
|
return uiSchema;
|
|
11704
11762
|
}
|
|
11705
|
-
const buildCard = (config, componentScope,
|
|
11706
|
-
const card = _.cloneDeep(Card(
|
|
11763
|
+
const buildCard = (config, componentScope, store) => {
|
|
11764
|
+
const card = _.cloneDeep(Card(store.theme.myTheme));
|
|
11707
11765
|
if (config.style) {
|
|
11708
11766
|
card.config.wrapperStyle = JSON.parse(config.style);
|
|
11709
11767
|
}
|
|
11710
|
-
card.elements[
|
|
11711
|
-
card.elements[
|
|
11712
|
-
card.elements[
|
|
11713
|
-
card.elements[1].scope = `#/properties/${config.name}/properties/label`;
|
|
11768
|
+
card.elements[0].elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/value`;
|
|
11769
|
+
card.elements[1].scope = `#/properties/${config.name}/properties/url`;
|
|
11770
|
+
card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`;
|
|
11714
11771
|
if (config.layout) {
|
|
11715
11772
|
card.config.layout = createLayoutFormat(config.layout);
|
|
11716
11773
|
}
|
|
11774
|
+
if (config == null ? void 0 : config.titleIcon) {
|
|
11775
|
+
card.elements[0].elements[0].elements[0].elements[0].config.main.heading = eval(`'\\${config.titleIcon}'`);
|
|
11776
|
+
card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px";
|
|
11777
|
+
}
|
|
11717
11778
|
if (config.label) {
|
|
11718
|
-
card.elements[1].config.main.heading = config.label;
|
|
11779
|
+
card.elements[0].elements[0].elements[0].elements[1].config.main.heading = config.label;
|
|
11719
11780
|
}
|
|
11720
11781
|
if (config.url) {
|
|
11721
|
-
card.elements[
|
|
11782
|
+
card.elements[1].config.main.url = config.url;
|
|
11722
11783
|
}
|
|
11723
11784
|
if (config.description) {
|
|
11724
|
-
card.elements[
|
|
11725
|
-
}
|
|
11726
|
-
if (config.value) {
|
|
11727
|
-
card.elements[2].config.main.heading = config.value;
|
|
11785
|
+
card.elements[0].elements[0].elements[1].config.main.heading = config.description;
|
|
11728
11786
|
}
|
|
11729
11787
|
return card;
|
|
11730
11788
|
};
|
|
@@ -11756,29 +11814,29 @@ const DateTime = {
|
|
|
11756
11814
|
}
|
|
11757
11815
|
}
|
|
11758
11816
|
};
|
|
11759
|
-
const buildDate = (
|
|
11817
|
+
const buildDate = (config2, componentScope2) => {
|
|
11760
11818
|
const dateInputField = _.cloneDeep(DateInputField);
|
|
11761
|
-
dateInputField.config.main.label =
|
|
11762
|
-
dateInputField.config.main.errorMessage = `${
|
|
11763
|
-
dateInputField.scope =
|
|
11764
|
-
if (
|
|
11765
|
-
dateInputField.config.layout = createLayoutFormat(
|
|
11819
|
+
dateInputField.config.main.label = config2.label;
|
|
11820
|
+
dateInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
|
|
11821
|
+
dateInputField.scope = componentScope2;
|
|
11822
|
+
if (config2.layout) {
|
|
11823
|
+
dateInputField.config.layout = createLayoutFormat(config2.layout);
|
|
11766
11824
|
}
|
|
11767
|
-
if (
|
|
11768
|
-
dateInputField.config.main.variant =
|
|
11825
|
+
if (config2.variant) {
|
|
11826
|
+
dateInputField.config.main.variant = config2.variant;
|
|
11769
11827
|
}
|
|
11770
11828
|
return dateInputField;
|
|
11771
11829
|
};
|
|
11772
|
-
const buildDateTime = (
|
|
11830
|
+
const buildDateTime = (config2, componentScope2) => {
|
|
11773
11831
|
const dateTimeInputField = _.cloneDeep(DateTime);
|
|
11774
|
-
dateTimeInputField.config.main.label =
|
|
11775
|
-
dateTimeInputField.config.main.errorMessage = `${
|
|
11776
|
-
dateTimeInputField.scope =
|
|
11777
|
-
if (
|
|
11778
|
-
dateTimeInputField.config.layout = createLayoutFormat(
|
|
11832
|
+
dateTimeInputField.config.main.label = config2.label;
|
|
11833
|
+
dateTimeInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
|
|
11834
|
+
dateTimeInputField.scope = componentScope2;
|
|
11835
|
+
if (config2.layout) {
|
|
11836
|
+
dateTimeInputField.config.layout = createLayoutFormat(config2.layout);
|
|
11779
11837
|
}
|
|
11780
|
-
if (
|
|
11781
|
-
dateTimeInputField.config.main.variant =
|
|
11838
|
+
if (config2.variant) {
|
|
11839
|
+
dateTimeInputField.config.main.variant = config2.variant;
|
|
11782
11840
|
}
|
|
11783
11841
|
return dateTimeInputField;
|
|
11784
11842
|
};
|
|
@@ -11793,17 +11851,17 @@ var RankCard = {
|
|
|
11793
11851
|
main: {}
|
|
11794
11852
|
}
|
|
11795
11853
|
};
|
|
11796
|
-
const buildRankCard = (
|
|
11854
|
+
const buildRankCard = (config2, componentScope2) => {
|
|
11797
11855
|
const rankCard = _.cloneDeep(RankCard);
|
|
11798
|
-
rankCard.scope =
|
|
11799
|
-
if (
|
|
11800
|
-
rankCard.config.main.rank = `${
|
|
11856
|
+
rankCard.scope = componentScope2;
|
|
11857
|
+
if (config2.rank) {
|
|
11858
|
+
rankCard.config.main.rank = `${config2.rank}`;
|
|
11801
11859
|
}
|
|
11802
|
-
if (
|
|
11803
|
-
rankCard.config.main.height = `${
|
|
11860
|
+
if (config2.height) {
|
|
11861
|
+
rankCard.config.main.height = `${config2.height}px`;
|
|
11804
11862
|
}
|
|
11805
|
-
if (
|
|
11806
|
-
rankCard.config.layout = createLayoutFormat(
|
|
11863
|
+
if (config2.layout) {
|
|
11864
|
+
rankCard.config.layout = createLayoutFormat(config2.layout);
|
|
11807
11865
|
}
|
|
11808
11866
|
return rankCard;
|
|
11809
11867
|
};
|
|
@@ -11818,13 +11876,13 @@ var RollAndDice = {
|
|
|
11818
11876
|
main: {}
|
|
11819
11877
|
}
|
|
11820
11878
|
};
|
|
11821
|
-
const buildRollAndDice = (
|
|
11879
|
+
const buildRollAndDice = (config2, componentScope2) => {
|
|
11822
11880
|
const rank = _.cloneDeep(RollAndDice);
|
|
11823
|
-
if (
|
|
11824
|
-
rank.scope =
|
|
11881
|
+
if (config2.name) {
|
|
11882
|
+
rank.scope = componentScope2;
|
|
11825
11883
|
}
|
|
11826
|
-
if (
|
|
11827
|
-
rank.config.layout = createLayoutFormat(
|
|
11884
|
+
if (config2.layout) {
|
|
11885
|
+
rank.config.layout = createLayoutFormat(config2.layout);
|
|
11828
11886
|
}
|
|
11829
11887
|
return rank;
|
|
11830
11888
|
};
|
|
@@ -11845,14 +11903,14 @@ var Timer = {
|
|
|
11845
11903
|
style: {}
|
|
11846
11904
|
}
|
|
11847
11905
|
};
|
|
11848
|
-
const buildTimer = (
|
|
11906
|
+
const buildTimer = (config2, componentScope2) => {
|
|
11849
11907
|
const timer = _.cloneDeep(Timer);
|
|
11850
|
-
timer.scope =
|
|
11851
|
-
if (
|
|
11852
|
-
timer.config.main.label =
|
|
11908
|
+
timer.scope = componentScope2;
|
|
11909
|
+
if (config2.label) {
|
|
11910
|
+
timer.config.main.label = config2.label;
|
|
11853
11911
|
}
|
|
11854
|
-
if (
|
|
11855
|
-
timer.config.layout = createLayoutFormat(
|
|
11912
|
+
if (config2.layout) {
|
|
11913
|
+
timer.config.layout = createLayoutFormat(config2.layout);
|
|
11856
11914
|
}
|
|
11857
11915
|
return timer;
|
|
11858
11916
|
};
|
|
@@ -11873,36 +11931,33 @@ var MultipleSelect = {
|
|
|
11873
11931
|
}
|
|
11874
11932
|
}
|
|
11875
11933
|
};
|
|
11876
|
-
const buildMultiSelect = (
|
|
11934
|
+
const buildMultiSelect = (config2, componentScope2) => {
|
|
11877
11935
|
const multipleSelect = _.cloneDeep(MultipleSelect);
|
|
11878
|
-
multipleSelect.scope =
|
|
11879
|
-
if (
|
|
11880
|
-
multipleSelect.config.main.label =
|
|
11881
|
-
}
|
|
11882
|
-
if (config.layout) {
|
|
11883
|
-
multipleSelect.config.layout = createLayoutFormat(config.layout);
|
|
11936
|
+
multipleSelect.scope = componentScope2;
|
|
11937
|
+
if (config2.label) {
|
|
11938
|
+
multipleSelect.config.main.label = config2.label;
|
|
11884
11939
|
}
|
|
11885
|
-
if (
|
|
11886
|
-
multipleSelect.config.
|
|
11940
|
+
if (config2.layout) {
|
|
11941
|
+
multipleSelect.config.layout = createLayoutFormat(config2.layout);
|
|
11887
11942
|
}
|
|
11888
|
-
if (
|
|
11889
|
-
multipleSelect.config.main.
|
|
11943
|
+
if (config2.value) {
|
|
11944
|
+
multipleSelect.config.main.options = config2.value;
|
|
11890
11945
|
}
|
|
11891
|
-
if (
|
|
11892
|
-
multipleSelect.config.main.
|
|
11946
|
+
if (config2.variant) {
|
|
11947
|
+
multipleSelect.config.main.variant = config2.variant;
|
|
11893
11948
|
}
|
|
11894
|
-
if (
|
|
11895
|
-
multipleSelect.config.
|
|
11949
|
+
if (config2.lazyLoading) {
|
|
11950
|
+
multipleSelect.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
11896
11951
|
}
|
|
11897
11952
|
return multipleSelect;
|
|
11898
11953
|
};
|
|
11899
|
-
const buildBasicUiSchema = (
|
|
11954
|
+
const buildBasicUiSchema = (config2) => {
|
|
11900
11955
|
return {
|
|
11901
11956
|
"type": "HorizontalLayout",
|
|
11902
|
-
pageName:
|
|
11903
|
-
name:
|
|
11904
|
-
accessorKey:
|
|
11905
|
-
heading:
|
|
11957
|
+
pageName: config2.name,
|
|
11958
|
+
name: config2.name,
|
|
11959
|
+
accessorKey: config2.name,
|
|
11960
|
+
heading: config2.label || config2.name,
|
|
11906
11961
|
"elements": []
|
|
11907
11962
|
};
|
|
11908
11963
|
};
|
|
@@ -11933,25 +11988,25 @@ const TextArea = {
|
|
|
11933
11988
|
}
|
|
11934
11989
|
}
|
|
11935
11990
|
};
|
|
11936
|
-
const buildTextArea = (
|
|
11991
|
+
const buildTextArea = (config2, componentScope2) => {
|
|
11937
11992
|
const textArea = _.cloneDeep(TextArea);
|
|
11938
|
-
textArea.config.main.heading =
|
|
11939
|
-
if (
|
|
11940
|
-
textArea.config.layout = createLayoutFormat(
|
|
11993
|
+
textArea.config.main.heading = config2.label;
|
|
11994
|
+
if (config2.layout) {
|
|
11995
|
+
textArea.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
11941
11996
|
}
|
|
11942
|
-
if (
|
|
11943
|
-
textArea.config.style = JSON.parse(
|
|
11997
|
+
if (config2.style) {
|
|
11998
|
+
textArea.config.style = JSON.parse(config2.style);
|
|
11944
11999
|
}
|
|
11945
|
-
if (
|
|
11946
|
-
textArea.config.main.placeholder =
|
|
12000
|
+
if (config2.placeholder) {
|
|
12001
|
+
textArea.config.main.placeholder = config2.placeholder;
|
|
11947
12002
|
}
|
|
11948
|
-
if (
|
|
11949
|
-
textArea.config.main.enableCodeEditor =
|
|
12003
|
+
if (config2.enableCodeEditor) {
|
|
12004
|
+
textArea.config.main.enableCodeEditor = config2.enableCodeEditor === "YES" ? true : false;
|
|
11950
12005
|
}
|
|
11951
|
-
if (
|
|
11952
|
-
textArea.config.main.codeEditorLanguage =
|
|
12006
|
+
if (config2.codeEditorLanguage) {
|
|
12007
|
+
textArea.config.main.codeEditorLanguage = config2.codeEditorLanguage;
|
|
11953
12008
|
}
|
|
11954
|
-
textArea.scope =
|
|
12009
|
+
textArea.scope = componentScope2;
|
|
11955
12010
|
return textArea;
|
|
11956
12011
|
};
|
|
11957
12012
|
var cardSlider = {
|
|
@@ -11966,13 +12021,13 @@ var cardSlider = {
|
|
|
11966
12021
|
main: {}
|
|
11967
12022
|
}
|
|
11968
12023
|
};
|
|
11969
|
-
const buildSlider = (
|
|
12024
|
+
const buildSlider = (config2, componentScope2) => {
|
|
11970
12025
|
const slider = _.cloneDeep(cardSlider);
|
|
11971
|
-
if (
|
|
11972
|
-
slider.scope =
|
|
12026
|
+
if (config2.name) {
|
|
12027
|
+
slider.scope = componentScope2;
|
|
11973
12028
|
}
|
|
11974
|
-
if (
|
|
11975
|
-
slider.config.layout = createLayoutFormat(
|
|
12029
|
+
if (config2.layout) {
|
|
12030
|
+
slider.config.layout = createLayoutFormat(config2.layout);
|
|
11976
12031
|
}
|
|
11977
12032
|
return slider;
|
|
11978
12033
|
};
|
|
@@ -11989,63 +12044,63 @@ const Checkbox = {
|
|
|
11989
12044
|
}
|
|
11990
12045
|
}
|
|
11991
12046
|
};
|
|
11992
|
-
const buildCheckbox = (
|
|
12047
|
+
const buildCheckbox = (config2, componentScope2) => {
|
|
11993
12048
|
const check = _.cloneDeep(Checkbox);
|
|
11994
|
-
check.scope =
|
|
11995
|
-
check.config.main.label =
|
|
11996
|
-
if (
|
|
11997
|
-
check.config.layout = createLayoutFormat(
|
|
12049
|
+
check.scope = componentScope2;
|
|
12050
|
+
check.config.main.label = config2.label;
|
|
12051
|
+
if (config2.layout) {
|
|
12052
|
+
check.config.layout = createLayoutFormat(config2.layout);
|
|
11998
12053
|
}
|
|
11999
|
-
if (
|
|
12000
|
-
check.config.style = JSON.parse(
|
|
12054
|
+
if (config2.style) {
|
|
12055
|
+
check.config.style = JSON.parse(config2.style);
|
|
12001
12056
|
}
|
|
12002
12057
|
return check;
|
|
12003
12058
|
};
|
|
12004
|
-
const buildLineGraph = (
|
|
12059
|
+
const buildLineGraph = (config2, componentScope2) => {
|
|
12005
12060
|
const lineGraph = _.cloneDeep(LineGraph);
|
|
12006
|
-
if (
|
|
12007
|
-
lineGraph.config.layout = createLayoutFormat(
|
|
12061
|
+
if (config2.layout) {
|
|
12062
|
+
lineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12008
12063
|
}
|
|
12009
|
-
lineGraph.config.main.header =
|
|
12010
|
-
if (
|
|
12011
|
-
lineGraph.config.style.containerStyle.height =
|
|
12064
|
+
lineGraph.config.main.header = config2.heading;
|
|
12065
|
+
if (config2.height) {
|
|
12066
|
+
lineGraph.config.style.containerStyle.height = config2.height;
|
|
12012
12067
|
}
|
|
12013
|
-
if (
|
|
12068
|
+
if (config2.leftMargin) {
|
|
12014
12069
|
lineGraph.config.style.labelStyle.margin = {
|
|
12015
|
-
left:
|
|
12070
|
+
left: config2.leftMargin
|
|
12016
12071
|
};
|
|
12017
12072
|
}
|
|
12018
|
-
if (
|
|
12019
|
-
lineGraph.config.main.bottomLabel =
|
|
12073
|
+
if (config2.bottomLabel) {
|
|
12074
|
+
lineGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
12020
12075
|
}
|
|
12021
|
-
if (
|
|
12022
|
-
lineGraph.config.main.yAxisValue =
|
|
12076
|
+
if (config2.yAxisValue) {
|
|
12077
|
+
lineGraph.config.main.yAxisValue = config2.yAxisValue;
|
|
12023
12078
|
}
|
|
12024
|
-
if (
|
|
12025
|
-
lineGraph.config.main.xAxisValue =
|
|
12079
|
+
if (config2.xAxisValue) {
|
|
12080
|
+
lineGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
12026
12081
|
}
|
|
12027
|
-
if (
|
|
12028
|
-
lineGraph.config.main.leftLabel =
|
|
12082
|
+
if (config2.leftLabel) {
|
|
12083
|
+
lineGraph.config.main.leftLabel = config2.leftLabel;
|
|
12029
12084
|
}
|
|
12030
|
-
if (
|
|
12031
|
-
lineGraph.config.main.disableLeftLabel =
|
|
12085
|
+
if (config2.disableLeftLabel) {
|
|
12086
|
+
lineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
12032
12087
|
}
|
|
12033
|
-
if (
|
|
12034
|
-
lineGraph.config.main.legendAvailable =
|
|
12088
|
+
if (config2.legendHide) {
|
|
12089
|
+
lineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
12035
12090
|
}
|
|
12036
|
-
if (
|
|
12037
|
-
lineGraph.config.main.legendDirection =
|
|
12091
|
+
if (config2.legendDirection) {
|
|
12092
|
+
lineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
12038
12093
|
}
|
|
12039
|
-
if (
|
|
12040
|
-
lineGraph.config.main.bottomAxisAngle =
|
|
12094
|
+
if (config2.bottomAxisAngle) {
|
|
12095
|
+
lineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
12041
12096
|
}
|
|
12042
|
-
if (
|
|
12043
|
-
lineGraph.config.main.legendLabels = flatObjectValueInArray(
|
|
12097
|
+
if (config2.legendLabels) {
|
|
12098
|
+
lineGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
|
|
12044
12099
|
}
|
|
12045
|
-
if (
|
|
12046
|
-
lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(
|
|
12100
|
+
if (config2.pieArcColors) {
|
|
12101
|
+
lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
|
|
12047
12102
|
}
|
|
12048
|
-
lineGraph.scope =
|
|
12103
|
+
lineGraph.scope = componentScope2;
|
|
12049
12104
|
return lineGraph;
|
|
12050
12105
|
};
|
|
12051
12106
|
const RadioUiSchema = {
|
|
@@ -12062,21 +12117,21 @@ const RadioUiSchema = {
|
|
|
12062
12117
|
}
|
|
12063
12118
|
}
|
|
12064
12119
|
};
|
|
12065
|
-
const buildRadio = (
|
|
12120
|
+
const buildRadio = (config2, componentScope2) => {
|
|
12066
12121
|
const Radio = _.cloneDeep(RadioUiSchema);
|
|
12067
|
-
Radio.scope =
|
|
12068
|
-
Radio.config.main.label =
|
|
12069
|
-
if (
|
|
12070
|
-
Radio.config.layout = createLayoutFormat(
|
|
12122
|
+
Radio.scope = componentScope2;
|
|
12123
|
+
Radio.config.main.label = config2.label;
|
|
12124
|
+
if (config2.layout) {
|
|
12125
|
+
Radio.config.layout = createLayoutFormat(config2.layout);
|
|
12071
12126
|
}
|
|
12072
|
-
if (
|
|
12073
|
-
Radio.config.main.options =
|
|
12127
|
+
if (config2.sectionLabels) {
|
|
12128
|
+
Radio.config.main.options = config2.sectionLabels.map((e) => e.label || e.Options);
|
|
12074
12129
|
}
|
|
12075
|
-
if (
|
|
12076
|
-
Radio.config.style = JSON.parse(
|
|
12130
|
+
if (config2.style) {
|
|
12131
|
+
Radio.config.style = JSON.parse(config2.style);
|
|
12077
12132
|
}
|
|
12078
|
-
if (
|
|
12079
|
-
Radio.config.main.errorMessage =
|
|
12133
|
+
if (config2.errorMessage) {
|
|
12134
|
+
Radio.config.main.errorMessage = config2.errorMessage;
|
|
12080
12135
|
}
|
|
12081
12136
|
return Radio;
|
|
12082
12137
|
};
|
|
@@ -12092,10 +12147,10 @@ var emptyBox = {
|
|
|
12092
12147
|
style: {}
|
|
12093
12148
|
}
|
|
12094
12149
|
};
|
|
12095
|
-
const buildEmptyBox = (
|
|
12150
|
+
const buildEmptyBox = (config2, componentScope2) => {
|
|
12096
12151
|
const EmptyBox = _.cloneDeep(emptyBox);
|
|
12097
|
-
if (
|
|
12098
|
-
EmptyBox.config.layout = createLayoutFormat(
|
|
12152
|
+
if (config2.layout) {
|
|
12153
|
+
EmptyBox.config.layout = createLayoutFormat(config2.layout);
|
|
12099
12154
|
}
|
|
12100
12155
|
return EmptyBox;
|
|
12101
12156
|
};
|
|
@@ -12108,26 +12163,26 @@ const ArrayUiSchema = {
|
|
|
12108
12163
|
main: {}
|
|
12109
12164
|
}
|
|
12110
12165
|
};
|
|
12111
|
-
const buildArray = (
|
|
12166
|
+
const buildArray = (config2, componentScope2) => {
|
|
12112
12167
|
const array = _.cloneDeep(ArrayUiSchema);
|
|
12113
|
-
if (
|
|
12114
|
-
array.config.main.allExpanded =
|
|
12168
|
+
if (config2.allExpanded) {
|
|
12169
|
+
array.config.main.allExpanded = config2.allExpanded === "YES" ? true : false;
|
|
12115
12170
|
}
|
|
12116
|
-
if (
|
|
12117
|
-
array.config.main.disableAddButton =
|
|
12171
|
+
if (config2.disableAddButton) {
|
|
12172
|
+
array.config.main.disableAddButton = config2.disableAddButton === "YES" ? true : false;
|
|
12118
12173
|
}
|
|
12119
|
-
if (
|
|
12120
|
-
array.config.main.disableExpandAllButton =
|
|
12174
|
+
if (config2.disableExpandAllButton) {
|
|
12175
|
+
array.config.main.disableExpandAllButton = config2.disableExpandAllButton === "YES" ? true : false;
|
|
12121
12176
|
}
|
|
12122
|
-
if (
|
|
12123
|
-
array.config.main.disableRowActions =
|
|
12177
|
+
if (config2.disableRowActions) {
|
|
12178
|
+
array.config.main.disableRowActions = config2.disableRowActions === "YES" ? true : false;
|
|
12124
12179
|
}
|
|
12125
|
-
if (
|
|
12126
|
-
array.config.style = JSON.parse(
|
|
12180
|
+
if (config2.style) {
|
|
12181
|
+
array.config.style = JSON.parse(config2.style);
|
|
12127
12182
|
}
|
|
12128
|
-
array.config.main.childElementLabel =
|
|
12129
|
-
array.config.main.label =
|
|
12130
|
-
array.scope =
|
|
12183
|
+
array.config.main.childElementLabel = config2.childElementLabel;
|
|
12184
|
+
array.config.main.label = config2.label;
|
|
12185
|
+
array.scope = componentScope2;
|
|
12131
12186
|
return array;
|
|
12132
12187
|
};
|
|
12133
12188
|
const TextField = {
|
|
@@ -12146,17 +12201,17 @@ const TextField = {
|
|
|
12146
12201
|
}
|
|
12147
12202
|
}
|
|
12148
12203
|
};
|
|
12149
|
-
const buildAdhaarField = (
|
|
12204
|
+
const buildAdhaarField = (config2, componentScope2) => {
|
|
12150
12205
|
const inputField = _.cloneDeep(TextField);
|
|
12151
|
-
inputField.config.main.label =
|
|
12152
|
-
if (
|
|
12153
|
-
inputField.config.style = JSON.parse(
|
|
12206
|
+
inputField.config.main.label = config2.label;
|
|
12207
|
+
if (config2.style) {
|
|
12208
|
+
inputField.config.style = JSON.parse(config2.style);
|
|
12154
12209
|
}
|
|
12155
|
-
if (
|
|
12156
|
-
inputField.config.layout = createLayoutFormat(
|
|
12210
|
+
if (config2.layout) {
|
|
12211
|
+
inputField.config.layout = createLayoutFormat(config2.layout);
|
|
12157
12212
|
}
|
|
12158
|
-
inputField.config.main.errorMessage = `${
|
|
12159
|
-
inputField.scope =
|
|
12213
|
+
inputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
|
|
12214
|
+
inputField.scope = componentScope2;
|
|
12160
12215
|
return inputField;
|
|
12161
12216
|
};
|
|
12162
12217
|
const PanField = {
|
|
@@ -12175,17 +12230,17 @@ const PanField = {
|
|
|
12175
12230
|
}
|
|
12176
12231
|
}
|
|
12177
12232
|
};
|
|
12178
|
-
const buildPanField = (
|
|
12233
|
+
const buildPanField = (config2, componentScope2) => {
|
|
12179
12234
|
const inputField = _.cloneDeep(PanField);
|
|
12180
|
-
inputField.config.main.label =
|
|
12181
|
-
if (
|
|
12182
|
-
inputField.config.style = JSON.parse(
|
|
12235
|
+
inputField.config.main.label = config2.label;
|
|
12236
|
+
if (config2.style) {
|
|
12237
|
+
inputField.config.style = JSON.parse(config2.style);
|
|
12183
12238
|
}
|
|
12184
|
-
if (
|
|
12185
|
-
inputField.config.layout = createLayoutFormat(
|
|
12239
|
+
if (config2.layout) {
|
|
12240
|
+
inputField.config.layout = createLayoutFormat(config2.layout);
|
|
12186
12241
|
}
|
|
12187
|
-
inputField.config.main.errorMessage = `${
|
|
12188
|
-
inputField.scope =
|
|
12242
|
+
inputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
|
|
12243
|
+
inputField.scope = componentScope2;
|
|
12189
12244
|
return inputField;
|
|
12190
12245
|
};
|
|
12191
12246
|
const FileInput = {
|
|
@@ -12207,30 +12262,30 @@ const FileInput = {
|
|
|
12207
12262
|
}
|
|
12208
12263
|
}
|
|
12209
12264
|
};
|
|
12210
|
-
const buildFileInput = (
|
|
12265
|
+
const buildFileInput = (config2, componentScope2) => {
|
|
12211
12266
|
const box = _.cloneDeep(FileInput);
|
|
12212
|
-
box.scope =
|
|
12213
|
-
box.config.main.label =
|
|
12214
|
-
if (
|
|
12215
|
-
box.config.layout = createLayoutFormat(
|
|
12267
|
+
box.scope = componentScope2;
|
|
12268
|
+
box.config.main.label = config2.label;
|
|
12269
|
+
if (config2.layout) {
|
|
12270
|
+
box.config.layout = createLayoutFormat(config2.layout);
|
|
12216
12271
|
}
|
|
12217
|
-
if (
|
|
12218
|
-
box.config.style = JSON.parse(
|
|
12272
|
+
if (config2.style) {
|
|
12273
|
+
box.config.style = JSON.parse(config2.style);
|
|
12219
12274
|
}
|
|
12220
|
-
if (
|
|
12221
|
-
box.config.main.variant =
|
|
12275
|
+
if (config2.variant) {
|
|
12276
|
+
box.config.main.variant = config2.variant;
|
|
12222
12277
|
}
|
|
12223
|
-
if (
|
|
12224
|
-
box.config.main.disableUpload =
|
|
12278
|
+
if (config2.disableUpload) {
|
|
12279
|
+
box.config.main.disableUpload = config2.disableUpload === "YES" ? true : false;
|
|
12225
12280
|
}
|
|
12226
|
-
if (
|
|
12227
|
-
box.config.main.disableDownload =
|
|
12281
|
+
if (config2.disableDownload) {
|
|
12282
|
+
box.config.main.disableDownload = config2.disableDownload === "YES" ? true : false;
|
|
12228
12283
|
}
|
|
12229
|
-
if (
|
|
12230
|
-
box.config.main.disableDelete =
|
|
12284
|
+
if (config2.disableDelete) {
|
|
12285
|
+
box.config.main.disableDelete = config2.disableDelete === "YES" ? true : false;
|
|
12231
12286
|
}
|
|
12232
|
-
if (
|
|
12233
|
-
box.config.main.description =
|
|
12287
|
+
if (config2.description) {
|
|
12288
|
+
box.config.main.description = config2.description;
|
|
12234
12289
|
}
|
|
12235
12290
|
return box;
|
|
12236
12291
|
};
|
|
@@ -12250,26 +12305,26 @@ const Stepper = {
|
|
|
12250
12305
|
},
|
|
12251
12306
|
"elements": []
|
|
12252
12307
|
};
|
|
12253
|
-
const buildStepper = (
|
|
12308
|
+
const buildStepper = (config2, componentScope2) => {
|
|
12254
12309
|
const stepper = _.cloneDeep(Stepper);
|
|
12255
|
-
stepper.scope =
|
|
12256
|
-
stepper.config.main.resetButton =
|
|
12257
|
-
if (
|
|
12258
|
-
stepper.config.main.defaultButtonAvailable =
|
|
12259
|
-
}
|
|
12260
|
-
stepper.config.main.resetText =
|
|
12261
|
-
stepper.config.main.completeText =
|
|
12262
|
-
stepper.config.main.orientation =
|
|
12263
|
-
if (
|
|
12264
|
-
stepper.config.main.steps =
|
|
12310
|
+
stepper.scope = componentScope2;
|
|
12311
|
+
stepper.config.main.resetButton = config2.resetButton === "YES" ? true : false;
|
|
12312
|
+
if (config2.defaultButtonAvailable) {
|
|
12313
|
+
stepper.config.main.defaultButtonAvailable = config2.defaultButtonAvailable === "YES" ? true : false;
|
|
12314
|
+
}
|
|
12315
|
+
stepper.config.main.resetText = config2.resetText || "ResetData";
|
|
12316
|
+
stepper.config.main.completeText = config2.completeText || "Complete Text";
|
|
12317
|
+
stepper.config.main.orientation = config2.orientation || "horizontal";
|
|
12318
|
+
if (config2.sectionLabels) {
|
|
12319
|
+
stepper.config.main.steps = config2.sectionLabels.map((e, i) => {
|
|
12265
12320
|
return { label: e.label, id: i };
|
|
12266
12321
|
});
|
|
12267
12322
|
}
|
|
12268
|
-
if (
|
|
12269
|
-
stepper.config.layout = createLayoutFormat(
|
|
12323
|
+
if (config2.layout) {
|
|
12324
|
+
stepper.config.layout = createLayoutFormat(config2.layout);
|
|
12270
12325
|
}
|
|
12271
|
-
if (
|
|
12272
|
-
stepper.config.style = JSON.parse(
|
|
12326
|
+
if (config2.style) {
|
|
12327
|
+
stepper.config.style = JSON.parse(config2.style);
|
|
12273
12328
|
}
|
|
12274
12329
|
return stepper;
|
|
12275
12330
|
};
|
|
@@ -12297,18 +12352,18 @@ const PopUP = {
|
|
|
12297
12352
|
style: {}
|
|
12298
12353
|
}
|
|
12299
12354
|
};
|
|
12300
|
-
const buildPopUp = (
|
|
12355
|
+
const buildPopUp = (config2, componentScope2) => {
|
|
12301
12356
|
const popup = _.cloneDeep(PopUP);
|
|
12302
|
-
popup.scope =
|
|
12303
|
-
popup.config.main.title =
|
|
12304
|
-
popup.config.main.fullScreen =
|
|
12305
|
-
popup.config.main.fullWidth =
|
|
12306
|
-
popup.config.main.maxWidth =
|
|
12307
|
-
if (
|
|
12308
|
-
popup.config.layout = createLayoutFormat(
|
|
12357
|
+
popup.scope = componentScope2;
|
|
12358
|
+
popup.config.main.title = config2.label;
|
|
12359
|
+
popup.config.main.fullScreen = config2.fullScreen === "YES" ? true : false;
|
|
12360
|
+
popup.config.main.fullWidth = config2.fullWidth === "YES" ? true : false;
|
|
12361
|
+
popup.config.main.maxWidth = config2.maxWidth || false;
|
|
12362
|
+
if (config2.layout) {
|
|
12363
|
+
popup.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12309
12364
|
}
|
|
12310
|
-
if (
|
|
12311
|
-
popup.config.style = JSON.parse(
|
|
12365
|
+
if (config2.style) {
|
|
12366
|
+
popup.config.style = JSON.parse(config2.style);
|
|
12312
12367
|
}
|
|
12313
12368
|
return popup;
|
|
12314
12369
|
};
|
|
@@ -12328,30 +12383,30 @@ const dataGrid = {
|
|
|
12328
12383
|
style: {}
|
|
12329
12384
|
}
|
|
12330
12385
|
};
|
|
12331
|
-
const buildDataGrid = (
|
|
12386
|
+
const buildDataGrid = (config2, componentScope2) => {
|
|
12332
12387
|
const DataGrid = _.cloneDeep(dataGrid);
|
|
12333
|
-
DataGrid.scope =
|
|
12334
|
-
if (
|
|
12335
|
-
DataGrid.config.main.elevation = +
|
|
12388
|
+
DataGrid.scope = componentScope2;
|
|
12389
|
+
if (config2.elevation) {
|
|
12390
|
+
DataGrid.config.main.elevation = +config2.elevation;
|
|
12336
12391
|
}
|
|
12337
|
-
DataGrid.config.main.divider =
|
|
12338
|
-
if (
|
|
12339
|
-
DataGrid.config.main.height = `${
|
|
12392
|
+
DataGrid.config.main.divider = config2.divider === "NO" ? false : true;
|
|
12393
|
+
if (config2.height) {
|
|
12394
|
+
DataGrid.config.main.height = `${config2.height}px`;
|
|
12340
12395
|
}
|
|
12341
|
-
if (
|
|
12342
|
-
DataGrid.config.main.justifyContent =
|
|
12396
|
+
if (config2.justifyContent) {
|
|
12397
|
+
DataGrid.config.main.justifyContent = config2.justifyContent;
|
|
12343
12398
|
}
|
|
12344
|
-
if (
|
|
12345
|
-
DataGrid.config.main.label =
|
|
12399
|
+
if (config2.label) {
|
|
12400
|
+
DataGrid.config.main.label = config2.label;
|
|
12346
12401
|
}
|
|
12347
|
-
if (
|
|
12348
|
-
DataGrid.config.layout = createLayoutFormat(
|
|
12402
|
+
if (config2.layout) {
|
|
12403
|
+
DataGrid.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12349
12404
|
}
|
|
12350
|
-
if (
|
|
12351
|
-
DataGrid.config.cardLayout = createLayoutFormat(
|
|
12405
|
+
if (config2.cardLayout) {
|
|
12406
|
+
DataGrid.config.cardLayout = createLayoutFormat(config2.cardLayout, config2.type);
|
|
12352
12407
|
}
|
|
12353
|
-
if (
|
|
12354
|
-
DataGrid.config.style = JSON.parse(
|
|
12408
|
+
if (config2.style) {
|
|
12409
|
+
DataGrid.config.style = JSON.parse(config2.style);
|
|
12355
12410
|
}
|
|
12356
12411
|
return DataGrid;
|
|
12357
12412
|
};
|
|
@@ -12372,27 +12427,27 @@ const InputSlider = {
|
|
|
12372
12427
|
}
|
|
12373
12428
|
}
|
|
12374
12429
|
};
|
|
12375
|
-
const buildInputSlider = (
|
|
12430
|
+
const buildInputSlider = (config2, componentScope2) => {
|
|
12376
12431
|
const inputSlider = _.cloneDeep(InputSlider);
|
|
12377
|
-
inputSlider.scope =
|
|
12378
|
-
inputSlider.config.main.label =
|
|
12379
|
-
if (
|
|
12380
|
-
inputSlider.config.layout = createLayoutFormat(
|
|
12432
|
+
inputSlider.scope = componentScope2;
|
|
12433
|
+
inputSlider.config.main.label = config2.label;
|
|
12434
|
+
if (config2.layout) {
|
|
12435
|
+
inputSlider.config.layout = createLayoutFormat(config2.layout);
|
|
12381
12436
|
}
|
|
12382
|
-
if (
|
|
12383
|
-
inputSlider.config.main.limitToMax =
|
|
12437
|
+
if (config2.limitToMax) {
|
|
12438
|
+
inputSlider.config.main.limitToMax = config2.limitToMax === "YES" ? true : false;
|
|
12384
12439
|
}
|
|
12385
|
-
if (
|
|
12386
|
-
inputSlider.config.main.max =
|
|
12440
|
+
if (config2.max) {
|
|
12441
|
+
inputSlider.config.main.max = config2.max;
|
|
12387
12442
|
}
|
|
12388
|
-
if (
|
|
12389
|
-
inputSlider.config.main.step =
|
|
12443
|
+
if (config2.step) {
|
|
12444
|
+
inputSlider.config.main.step = config2.step;
|
|
12390
12445
|
}
|
|
12391
|
-
if (
|
|
12392
|
-
inputSlider.config.main.min =
|
|
12446
|
+
if (config2.min) {
|
|
12447
|
+
inputSlider.config.main.min = config2.min;
|
|
12393
12448
|
}
|
|
12394
|
-
if (
|
|
12395
|
-
inputSlider.config.main.defaultStyle = JSON.parse(
|
|
12449
|
+
if (config2.style) {
|
|
12450
|
+
inputSlider.config.main.defaultStyle = JSON.parse(config2.style);
|
|
12396
12451
|
}
|
|
12397
12452
|
return inputSlider;
|
|
12398
12453
|
};
|
|
@@ -12419,35 +12474,35 @@ const TreeMap = {
|
|
|
12419
12474
|
},
|
|
12420
12475
|
elements: []
|
|
12421
12476
|
};
|
|
12422
|
-
const buildTreeMap = (
|
|
12477
|
+
const buildTreeMap = (config2, componentScope2) => {
|
|
12423
12478
|
const treMap = _.cloneDeep(TreeMap);
|
|
12424
|
-
treMap.scope =
|
|
12425
|
-
if (
|
|
12426
|
-
treMap.config.main.header =
|
|
12479
|
+
treMap.scope = componentScope2;
|
|
12480
|
+
if (config2.label) {
|
|
12481
|
+
treMap.config.main.header = config2.label;
|
|
12427
12482
|
}
|
|
12428
|
-
if (
|
|
12429
|
-
treMap.config.layout = createLayoutFormat(
|
|
12483
|
+
if (config2.layout) {
|
|
12484
|
+
treMap.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12430
12485
|
}
|
|
12431
|
-
if (
|
|
12432
|
-
treMap.config.main.orientation =
|
|
12486
|
+
if (config2.orientation) {
|
|
12487
|
+
treMap.config.main.orientation = config2.orientation;
|
|
12433
12488
|
}
|
|
12434
|
-
if (
|
|
12435
|
-
treMap.config.main.linkType =
|
|
12489
|
+
if (config2.linkType) {
|
|
12490
|
+
treMap.config.main.linkType = config2.linkType;
|
|
12436
12491
|
}
|
|
12437
|
-
if (
|
|
12438
|
-
treMap.config.main.graphHeight =
|
|
12492
|
+
if (config2.graphHeight) {
|
|
12493
|
+
treMap.config.main.graphHeight = config2.graphHeight;
|
|
12439
12494
|
}
|
|
12440
|
-
if (
|
|
12441
|
-
treMap.config.main.graphWidth =
|
|
12495
|
+
if (config2.graphWidth) {
|
|
12496
|
+
treMap.config.main.graphWidth = config2.graphWidth;
|
|
12442
12497
|
}
|
|
12443
|
-
if (
|
|
12444
|
-
treMap.config.main.graphZoomHeight =
|
|
12498
|
+
if (config2.graphZoomHeight) {
|
|
12499
|
+
treMap.config.main.graphZoomHeight = config2.graphZoomHeight;
|
|
12445
12500
|
}
|
|
12446
|
-
if (
|
|
12447
|
-
treMap.config.main.graphZoomWidth =
|
|
12501
|
+
if (config2.graphZoomWidth) {
|
|
12502
|
+
treMap.config.main.graphZoomWidth = config2.graphZoomWidth;
|
|
12448
12503
|
}
|
|
12449
|
-
if (
|
|
12450
|
-
treMap.config.style = JSON.parse(
|
|
12504
|
+
if (config2.style) {
|
|
12505
|
+
treMap.config.style = JSON.parse(config2.style);
|
|
12451
12506
|
}
|
|
12452
12507
|
return treMap;
|
|
12453
12508
|
};
|
|
@@ -12462,20 +12517,20 @@ var Thought = {
|
|
|
12462
12517
|
main: {}
|
|
12463
12518
|
}
|
|
12464
12519
|
};
|
|
12465
|
-
const buildThoughtOfTheDay = (
|
|
12520
|
+
const buildThoughtOfTheDay = (config2, componentScope2) => {
|
|
12466
12521
|
const thought = _.cloneDeep(Thought);
|
|
12467
|
-
thought.scope =
|
|
12468
|
-
if (
|
|
12469
|
-
thought.config.main.thought = `${
|
|
12522
|
+
thought.scope = componentScope2;
|
|
12523
|
+
if (config2.thought) {
|
|
12524
|
+
thought.config.main.thought = `${config2.thought}`;
|
|
12470
12525
|
}
|
|
12471
|
-
if (
|
|
12472
|
-
thought.config.layout = createLayoutFormat(
|
|
12526
|
+
if (config2.layout) {
|
|
12527
|
+
thought.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12473
12528
|
}
|
|
12474
|
-
if (
|
|
12475
|
-
thought.config.main.label =
|
|
12529
|
+
if (config2.label) {
|
|
12530
|
+
thought.config.main.label = config2.label;
|
|
12476
12531
|
}
|
|
12477
|
-
if (
|
|
12478
|
-
thought.config.style = JSON.parse(
|
|
12532
|
+
if (config2.style) {
|
|
12533
|
+
thought.config.style = JSON.parse(config2.style);
|
|
12479
12534
|
}
|
|
12480
12535
|
return thought;
|
|
12481
12536
|
};
|
|
@@ -12491,14 +12546,14 @@ var horizontalLayout = {
|
|
|
12491
12546
|
},
|
|
12492
12547
|
elements: []
|
|
12493
12548
|
};
|
|
12494
|
-
const buildHorizontalLayout = (
|
|
12549
|
+
const buildHorizontalLayout = (config2, componentScope2) => {
|
|
12495
12550
|
const horizontal = _.cloneDeep(horizontalLayout);
|
|
12496
|
-
horizontal.scope =
|
|
12497
|
-
if (
|
|
12498
|
-
horizontal.config.style = JSON.parse(
|
|
12551
|
+
horizontal.scope = componentScope2;
|
|
12552
|
+
if (config2.style) {
|
|
12553
|
+
horizontal.config.style = JSON.parse(config2.style);
|
|
12499
12554
|
}
|
|
12500
|
-
if (
|
|
12501
|
-
horizontal.config.layout = createLayoutFormat(
|
|
12555
|
+
if (config2.layout) {
|
|
12556
|
+
horizontal.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12502
12557
|
}
|
|
12503
12558
|
return horizontal;
|
|
12504
12559
|
};
|
|
@@ -12516,18 +12571,18 @@ const imageUiSchema = {
|
|
|
12516
12571
|
style: {}
|
|
12517
12572
|
}
|
|
12518
12573
|
};
|
|
12519
|
-
const buildImage = (
|
|
12574
|
+
const buildImage = (config2, componentScope2) => {
|
|
12520
12575
|
const image = _.cloneDeep(imageUiSchema);
|
|
12521
|
-
image.scope =
|
|
12522
|
-
image.config.main.url =
|
|
12523
|
-
if (
|
|
12524
|
-
image.config.layout = createLayoutFormat(
|
|
12576
|
+
image.scope = componentScope2;
|
|
12577
|
+
image.config.main.url = config2.imageUrl;
|
|
12578
|
+
if (config2.layout) {
|
|
12579
|
+
image.config.layout = createLayoutFormat(config2.layout);
|
|
12525
12580
|
}
|
|
12526
|
-
if (
|
|
12527
|
-
image.config.style = JSON.parse(
|
|
12581
|
+
if (config2.style) {
|
|
12582
|
+
image.config.style = JSON.parse(config2.style);
|
|
12528
12583
|
}
|
|
12529
|
-
if (
|
|
12530
|
-
image.config.style.imageStyle = { ...image.config.style.imageStyle, height:
|
|
12584
|
+
if (config2.height) {
|
|
12585
|
+
image.config.style.imageStyle = { ...image.config.style.imageStyle, height: config2.height };
|
|
12531
12586
|
}
|
|
12532
12587
|
return image;
|
|
12533
12588
|
};
|
|
@@ -12536,12 +12591,12 @@ let schema = {
|
|
|
12536
12591
|
properties: {},
|
|
12537
12592
|
required: []
|
|
12538
12593
|
};
|
|
12539
|
-
function buildSchemaFromConfig(
|
|
12594
|
+
function buildSchemaFromConfig(config2, parentSchema) {
|
|
12540
12595
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
|
|
12541
|
-
if (
|
|
12542
|
-
if (
|
|
12596
|
+
if (config2.elements) {
|
|
12597
|
+
if (config2.type === "Array") {
|
|
12543
12598
|
(_a = parentSchema.properties) != null ? _a : parentSchema.properties = {};
|
|
12544
|
-
(_d = (_b = parentSchema.properties)[_c =
|
|
12599
|
+
(_d = (_b = parentSchema.properties)[_c = config2.name]) != null ? _d : _b[_c] = {
|
|
12545
12600
|
type: "array",
|
|
12546
12601
|
items: {
|
|
12547
12602
|
type: "object",
|
|
@@ -12549,26 +12604,26 @@ function buildSchemaFromConfig(config, parentSchema) {
|
|
|
12549
12604
|
required: []
|
|
12550
12605
|
}
|
|
12551
12606
|
};
|
|
12552
|
-
const arrayItemSchema = parentSchema.properties[
|
|
12553
|
-
(_e =
|
|
12607
|
+
const arrayItemSchema = parentSchema.properties[config2.name].items;
|
|
12608
|
+
(_e = config2.elements) == null ? void 0 : _e.forEach(
|
|
12554
12609
|
(child) => buildSchemaFromConfig(child, arrayItemSchema)
|
|
12555
12610
|
);
|
|
12556
12611
|
return;
|
|
12557
12612
|
} else {
|
|
12558
|
-
(_f =
|
|
12613
|
+
(_f = config2.elements) == null ? void 0 : _f.forEach(
|
|
12559
12614
|
(child) => buildSchemaFromConfig(child, parentSchema)
|
|
12560
12615
|
);
|
|
12561
12616
|
return;
|
|
12562
12617
|
}
|
|
12563
12618
|
}
|
|
12564
12619
|
(_g = parentSchema.properties) != null ? _g : parentSchema.properties = {};
|
|
12565
|
-
(_j = (_h = parentSchema.properties)[_i =
|
|
12566
|
-
const fieldSchema = parentSchema.properties[
|
|
12567
|
-
(_k =
|
|
12620
|
+
(_j = (_h = parentSchema.properties)[_i = config2.name]) != null ? _j : _h[_i] = {};
|
|
12621
|
+
const fieldSchema = parentSchema.properties[config2.name];
|
|
12622
|
+
(_k = config2.validation) == null ? void 0 : _k.forEach((v) => {
|
|
12568
12623
|
var _a2;
|
|
12569
12624
|
if (v.validationType === "required") {
|
|
12570
12625
|
(_a2 = parentSchema.required) != null ? _a2 : parentSchema.required = [];
|
|
12571
|
-
parentSchema.required.push(
|
|
12626
|
+
parentSchema.required.push(config2.name);
|
|
12572
12627
|
} else if (v.validationType === "readOnly") {
|
|
12573
12628
|
fieldSchema.type = "string";
|
|
12574
12629
|
fieldSchema.disabled = true;
|
|
@@ -12577,171 +12632,171 @@ function buildSchemaFromConfig(config, parentSchema) {
|
|
|
12577
12632
|
fieldSchema[v.validationType] = isNaN(v.validationValue) ? v.validationValue : Number(v.validationValue);
|
|
12578
12633
|
}
|
|
12579
12634
|
});
|
|
12580
|
-
if (
|
|
12581
|
-
fieldSchema.oneOf =
|
|
12635
|
+
if (config2.type === "Select" && ((_l = config2.value) == null ? void 0 : _l.length)) {
|
|
12636
|
+
fieldSchema.oneOf = config2.value.map((v) => ({
|
|
12582
12637
|
const: v.value,
|
|
12583
12638
|
title: v.label
|
|
12584
12639
|
}));
|
|
12585
12640
|
}
|
|
12586
|
-
if (
|
|
12641
|
+
if (config2.type === "MultipleSelect" && ((_m = config2.value) == null ? void 0 : _m.length)) {
|
|
12587
12642
|
fieldSchema.type = "array";
|
|
12588
12643
|
fieldSchema.items = {
|
|
12589
|
-
oneOf:
|
|
12644
|
+
oneOf: config2.value.map((v) => ({
|
|
12590
12645
|
const: v.value,
|
|
12591
12646
|
title: v.label
|
|
12592
12647
|
}))
|
|
12593
12648
|
};
|
|
12594
12649
|
}
|
|
12595
12650
|
}
|
|
12596
|
-
const buildSchema = (
|
|
12597
|
-
buildSchemaFromConfig(
|
|
12651
|
+
const buildSchema = (config2) => {
|
|
12652
|
+
buildSchemaFromConfig(config2, schema);
|
|
12598
12653
|
return schema;
|
|
12599
12654
|
};
|
|
12600
|
-
const buildUiSchema = (
|
|
12655
|
+
const buildUiSchema = (config2, store2) => {
|
|
12601
12656
|
let elements = {};
|
|
12602
|
-
const
|
|
12603
|
-
switch (
|
|
12657
|
+
const componentScope2 = `#/properties/${config2.name}`;
|
|
12658
|
+
switch (config2.type) {
|
|
12604
12659
|
case "TreeMap":
|
|
12605
|
-
elements = buildTreeMap(
|
|
12660
|
+
elements = buildTreeMap(config2, componentScope2);
|
|
12606
12661
|
break;
|
|
12607
12662
|
case "DateTime":
|
|
12608
|
-
elements = buildDateTime(
|
|
12663
|
+
elements = buildDateTime(config2, componentScope2);
|
|
12609
12664
|
break;
|
|
12610
12665
|
case "InputSlider":
|
|
12611
|
-
elements = buildInputSlider(
|
|
12666
|
+
elements = buildInputSlider(config2, componentScope2);
|
|
12612
12667
|
break;
|
|
12613
12668
|
case "DataGrid":
|
|
12614
|
-
elements = buildDataGrid(
|
|
12669
|
+
elements = buildDataGrid(config2, componentScope2);
|
|
12615
12670
|
break;
|
|
12616
12671
|
case "Stepper":
|
|
12617
|
-
elements = buildStepper(
|
|
12672
|
+
elements = buildStepper(config2, componentScope2);
|
|
12618
12673
|
break;
|
|
12619
12674
|
case "PopUp":
|
|
12620
|
-
elements = buildPopUp(
|
|
12675
|
+
elements = buildPopUp(config2, componentScope2);
|
|
12621
12676
|
break;
|
|
12622
12677
|
case "FileInput":
|
|
12623
|
-
elements = buildFileInput(
|
|
12678
|
+
elements = buildFileInput(config2, componentScope2);
|
|
12624
12679
|
break;
|
|
12625
12680
|
case "AadharcardText":
|
|
12626
|
-
elements = buildAdhaarField(
|
|
12681
|
+
elements = buildAdhaarField(config2, componentScope2);
|
|
12627
12682
|
break;
|
|
12628
12683
|
case "PanCardText":
|
|
12629
|
-
elements = buildPanField(
|
|
12684
|
+
elements = buildPanField(config2, componentScope2);
|
|
12630
12685
|
break;
|
|
12631
12686
|
case "TabSection":
|
|
12632
|
-
elements = buildTabSection(
|
|
12687
|
+
elements = buildTabSection(config2, componentScope2);
|
|
12633
12688
|
break;
|
|
12634
12689
|
case "RunnerBoyProgressBar":
|
|
12635
|
-
elements = RunnerBoyProgressbar(
|
|
12690
|
+
elements = RunnerBoyProgressbar(config2, componentScope2);
|
|
12636
12691
|
break;
|
|
12637
12692
|
case "WrapperSection":
|
|
12638
|
-
elements = buildWrapperSection(
|
|
12693
|
+
elements = buildWrapperSection(config2, componentScope2);
|
|
12639
12694
|
break;
|
|
12640
12695
|
case "HorizontalLayout":
|
|
12641
|
-
elements = buildHorizontalLayout(
|
|
12696
|
+
elements = buildHorizontalLayout(config2, componentScope2);
|
|
12642
12697
|
break;
|
|
12643
12698
|
case "Text":
|
|
12644
|
-
elements = buildTextField(
|
|
12699
|
+
elements = buildTextField(config2, componentScope2);
|
|
12645
12700
|
break;
|
|
12646
12701
|
case "TextArea":
|
|
12647
|
-
elements = buildTextArea(
|
|
12702
|
+
elements = buildTextArea(config2, componentScope2);
|
|
12648
12703
|
break;
|
|
12649
12704
|
case "Date":
|
|
12650
|
-
elements = buildDate(
|
|
12705
|
+
elements = buildDate(config2, componentScope2);
|
|
12651
12706
|
break;
|
|
12652
12707
|
case "Select":
|
|
12653
|
-
elements = buildSelect(
|
|
12708
|
+
elements = buildSelect(config2, componentScope2);
|
|
12654
12709
|
break;
|
|
12655
12710
|
case "Radio":
|
|
12656
|
-
elements = buildRadio(
|
|
12711
|
+
elements = buildRadio(config2, componentScope2);
|
|
12657
12712
|
break;
|
|
12658
12713
|
case "Button":
|
|
12659
|
-
elements = buildButton(
|
|
12714
|
+
elements = buildButton(config2, componentScope2);
|
|
12660
12715
|
break;
|
|
12661
12716
|
case "Table":
|
|
12662
|
-
elements = buildTable(
|
|
12717
|
+
elements = buildTable(config2, componentScope2);
|
|
12663
12718
|
break;
|
|
12664
12719
|
case "Array":
|
|
12665
|
-
elements = buildArray(
|
|
12720
|
+
elements = buildArray(config2, componentScope2);
|
|
12666
12721
|
break;
|
|
12667
12722
|
case "Box":
|
|
12668
|
-
elements = buildLabel(
|
|
12723
|
+
elements = buildLabel(config2, componentScope2);
|
|
12669
12724
|
break;
|
|
12670
12725
|
case "CheckBox":
|
|
12671
|
-
elements = buildCheckbox(
|
|
12726
|
+
elements = buildCheckbox(config2, componentScope2);
|
|
12672
12727
|
break;
|
|
12673
12728
|
case "UploadFile":
|
|
12674
|
-
elements = buildUploadFile(
|
|
12729
|
+
elements = buildUploadFile(config2, componentScope2);
|
|
12675
12730
|
break;
|
|
12676
12731
|
case "DownloadFile":
|
|
12677
|
-
elements = buildDownloadFile(
|
|
12732
|
+
elements = buildDownloadFile(config2, componentScope2);
|
|
12678
12733
|
break;
|
|
12679
12734
|
case "EmptyBox":
|
|
12680
|
-
elements = buildEmptyBox(
|
|
12735
|
+
elements = buildEmptyBox(config2);
|
|
12681
12736
|
break;
|
|
12682
12737
|
case "card":
|
|
12683
|
-
elements = buildCard(
|
|
12738
|
+
elements = buildCard(config2, componentScope2, store2);
|
|
12684
12739
|
break;
|
|
12685
12740
|
case "Graph":
|
|
12686
|
-
switch (
|
|
12741
|
+
switch (config2.graphType) {
|
|
12687
12742
|
case "BarGraph":
|
|
12688
12743
|
case "StackBarGraph":
|
|
12689
|
-
elements = buildStackbarGraph(
|
|
12744
|
+
elements = buildStackbarGraph(config2, componentScope2);
|
|
12690
12745
|
break;
|
|
12691
12746
|
case "LineGraph":
|
|
12692
|
-
elements = buildLineGraph(
|
|
12747
|
+
elements = buildLineGraph(config2, componentScope2);
|
|
12693
12748
|
break;
|
|
12694
12749
|
case "PieGraph":
|
|
12695
|
-
elements = buildPieGraph(
|
|
12750
|
+
elements = buildPieGraph(config2, componentScope2);
|
|
12696
12751
|
break;
|
|
12697
12752
|
case "HorizontalBarGraph":
|
|
12698
12753
|
case "HorizontalStackBarGraph":
|
|
12699
|
-
elements = buildHorizontalBarGraph(
|
|
12754
|
+
elements = buildHorizontalBarGraph(config2, componentScope2);
|
|
12700
12755
|
break;
|
|
12701
12756
|
default:
|
|
12702
|
-
elements = buildStackbarGraph(
|
|
12757
|
+
elements = buildStackbarGraph(config2, componentScope2);
|
|
12703
12758
|
break;
|
|
12704
12759
|
}
|
|
12705
12760
|
break;
|
|
12706
12761
|
case "ProgressBar":
|
|
12707
|
-
elements = buildProgressBar(
|
|
12762
|
+
elements = buildProgressBar(config2, componentScope2);
|
|
12708
12763
|
break;
|
|
12709
12764
|
case "SpeedoMeter":
|
|
12710
|
-
elements = buildSpeedoMeter(
|
|
12765
|
+
elements = buildSpeedoMeter(config2, componentScope2);
|
|
12711
12766
|
break;
|
|
12712
12767
|
case "ProgressBarCard":
|
|
12713
|
-
elements = buildProgressBarCard(
|
|
12768
|
+
elements = buildProgressBarCard(config2, componentScope2);
|
|
12714
12769
|
break;
|
|
12715
12770
|
case "RankCard":
|
|
12716
|
-
elements = buildRankCard(
|
|
12771
|
+
elements = buildRankCard(config2, componentScope2);
|
|
12717
12772
|
break;
|
|
12718
12773
|
case "Rank":
|
|
12719
|
-
elements = buildRollAndDice(
|
|
12774
|
+
elements = buildRollAndDice(config2, componentScope2);
|
|
12720
12775
|
break;
|
|
12721
12776
|
case "Slider":
|
|
12722
|
-
elements = buildSlider(
|
|
12777
|
+
elements = buildSlider(config2, componentScope2);
|
|
12723
12778
|
break;
|
|
12724
12779
|
case "Timer":
|
|
12725
|
-
elements = buildTimer(
|
|
12780
|
+
elements = buildTimer(config2, componentScope2);
|
|
12726
12781
|
break;
|
|
12727
12782
|
case "ColumnGroup":
|
|
12728
12783
|
elements = {
|
|
12729
|
-
accessorKey:
|
|
12730
|
-
header:
|
|
12784
|
+
accessorKey: config2.name,
|
|
12785
|
+
header: config2.label || config2.name,
|
|
12731
12786
|
elements: []
|
|
12732
12787
|
};
|
|
12733
12788
|
break;
|
|
12734
12789
|
case "MultipleSelect":
|
|
12735
|
-
elements = buildMultiSelect(
|
|
12790
|
+
elements = buildMultiSelect(config2, componentScope2);
|
|
12736
12791
|
break;
|
|
12737
12792
|
case "LeaderBoard":
|
|
12738
|
-
elements = buildLeaderBoard(
|
|
12793
|
+
elements = buildLeaderBoard(config2);
|
|
12739
12794
|
break;
|
|
12740
12795
|
case "Thought":
|
|
12741
|
-
elements = buildThoughtOfTheDay(
|
|
12796
|
+
elements = buildThoughtOfTheDay(config2, componentScope2);
|
|
12742
12797
|
break;
|
|
12743
12798
|
case "Image":
|
|
12744
|
-
elements = buildImage(
|
|
12799
|
+
elements = buildImage(config2, componentScope2);
|
|
12745
12800
|
break;
|
|
12746
12801
|
default:
|
|
12747
12802
|
schema = {
|
|
@@ -12749,12 +12804,12 @@ const buildUiSchema = (config, store2) => {
|
|
|
12749
12804
|
properties: {},
|
|
12750
12805
|
required: []
|
|
12751
12806
|
};
|
|
12752
|
-
elements = buildBasicUiSchema(
|
|
12807
|
+
elements = buildBasicUiSchema(config2);
|
|
12753
12808
|
}
|
|
12754
|
-
if (
|
|
12755
|
-
if ((
|
|
12809
|
+
if (config2 == null ? void 0 : config2.elements) {
|
|
12810
|
+
if ((config2 == null ? void 0 : config2.type) === "LeaderBoard") {
|
|
12756
12811
|
const rowElements = [];
|
|
12757
|
-
|
|
12812
|
+
config2.elements.map((cellElem) => {
|
|
12758
12813
|
const commonProperties = {
|
|
12759
12814
|
accessorKey: cellElem.name,
|
|
12760
12815
|
type: cellElem.type === "ColumnGroup" ? "ColumnGroup" : cellElem.columnFormat,
|
|
@@ -12764,14 +12819,14 @@ const buildUiSchema = (config, store2) => {
|
|
|
12764
12819
|
rowElements.push({ ...commonProperties });
|
|
12765
12820
|
});
|
|
12766
12821
|
elements.elements = rowElements;
|
|
12767
|
-
} else if (
|
|
12822
|
+
} else if (config2.type == "ColumnGroup") {
|
|
12768
12823
|
const sizeMap = {};
|
|
12769
|
-
if (
|
|
12770
|
-
|
|
12824
|
+
if (config2.sizeHolder) {
|
|
12825
|
+
config2.sizeHolder.map((e, i) => {
|
|
12771
12826
|
sizeMap[e.keyName] = e.value;
|
|
12772
12827
|
});
|
|
12773
12828
|
}
|
|
12774
|
-
elements.elements =
|
|
12829
|
+
elements.elements = config2.elements.map((cellElem, elemInd) => {
|
|
12775
12830
|
const commonProperties = {
|
|
12776
12831
|
accessorKey: cellElem.name,
|
|
12777
12832
|
type: cellElem.type === "ColumnGroup" ? "ColumnGroup" : cellElem.columnFormat,
|
|
@@ -12794,17 +12849,17 @@ const buildUiSchema = (config, store2) => {
|
|
|
12794
12849
|
return { ...commonProperties };
|
|
12795
12850
|
}
|
|
12796
12851
|
});
|
|
12797
|
-
} else if (
|
|
12852
|
+
} else if (config2.type == "Table") {
|
|
12798
12853
|
const sizeMap = {};
|
|
12799
|
-
if (
|
|
12800
|
-
|
|
12854
|
+
if (config2.sizeHolder) {
|
|
12855
|
+
config2.sizeHolder.map((e, i) => {
|
|
12801
12856
|
sizeMap[e.keyName] = e.value;
|
|
12802
12857
|
});
|
|
12803
12858
|
}
|
|
12804
12859
|
const tableHeaderElements = [];
|
|
12805
12860
|
const tableActionElement = [];
|
|
12806
12861
|
const rowElements = [];
|
|
12807
|
-
|
|
12862
|
+
config2.elements.filter((cellElem, elemInd) => {
|
|
12808
12863
|
const commonProperties = {
|
|
12809
12864
|
accessorKey: cellElem.name,
|
|
12810
12865
|
type: cellElem.type === "ColumnGroup" ? "ColumnGroup" : cellElem.columnFormat,
|
|
@@ -12841,7 +12896,7 @@ const buildUiSchema = (config, store2) => {
|
|
|
12841
12896
|
elements.config.action = tableActionElement;
|
|
12842
12897
|
elements.config.main.headerIcons.elements = tableHeaderElements;
|
|
12843
12898
|
} else {
|
|
12844
|
-
elements.elements =
|
|
12899
|
+
elements.elements = config2.elements.map((e, elemInd) => {
|
|
12845
12900
|
return buildUiSchema(e, store2);
|
|
12846
12901
|
});
|
|
12847
12902
|
}
|