impaktapps-ui-builder 1.0.451 → 1.0.480
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 +17 -72
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +9 -9
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildAreaGraph.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +7 -11
- package/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +1 -5
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +2 -3
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +6 -5
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +6 -11
- package/src/impaktapps-ui-builder/builder/services/component.ts +9 -40
- package/src/impaktapps-ui-builder/runtime/services/service.ts +2 -2
|
@@ -6711,12 +6711,7 @@ const ComponentSchema = {
|
|
|
6711
6711
|
{ title: "Clone Icon", const: "CloneIcon" },
|
|
6712
6712
|
{ title: "Detail Icon", const: "DetailIcon" },
|
|
6713
6713
|
{ title: "Report View Icon", const: "ReportViewIcon" },
|
|
6714
|
-
{ title: "Payout", const: "Payout" }
|
|
6715
|
-
{ title: "Info Outlined", const: "InfoOutlinedIcon" },
|
|
6716
|
-
{ title: "Territory Add", const: "TerritoryAdd" },
|
|
6717
|
-
{ title: "Territory Edit", const: "TerritoryEdit" },
|
|
6718
|
-
{ title: "Territory Delete", const: "TerritoryDelete" },
|
|
6719
|
-
{ title: "Git Compare", const: "GitCompare" }
|
|
6714
|
+
{ title: "Payout", const: "Payout" }
|
|
6720
6715
|
]
|
|
6721
6716
|
},
|
|
6722
6717
|
color: {
|
|
@@ -8165,7 +8160,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8165
8160
|
getInputField("description", "Description"),
|
|
8166
8161
|
getSelectField("growthRate", "Growth Rate"),
|
|
8167
8162
|
getInputField("color", "Card Color"),
|
|
8168
|
-
emptyBox$1("MetricEmpty1", { xs: 6, sm:
|
|
8163
|
+
emptyBox$1("MetricEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })
|
|
8169
8164
|
];
|
|
8170
8165
|
break;
|
|
8171
8166
|
case "Button":
|
|
@@ -8211,10 +8206,10 @@ const buildPropertiesSection = function(type) {
|
|
|
8211
8206
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|
|
8212
8207
|
getInputField("leftMargin", "Left Margin"),
|
|
8213
8208
|
getInputField("yAxisTickCount", "Y Axis TickCount"),
|
|
8214
|
-
getInputField("xAxisTickCount", "X Axis TickCount"),
|
|
8215
8209
|
getSelectField("xAxisFormatType", "X Axis Format Type"),
|
|
8216
8210
|
getInputField("growthRateKey", "Growth Rate Key"),
|
|
8217
8211
|
getInputField("tooltipUnit", "Tooltip Unit"),
|
|
8212
|
+
emptyBox$1("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
|
|
8218
8213
|
getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label", "Configure Bar Labels"),
|
|
8219
8214
|
getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color", "Configure Bar Colors")
|
|
8220
8215
|
];
|
|
@@ -8263,7 +8258,6 @@ const buildPropertiesSection = function(type) {
|
|
|
8263
8258
|
buildWrapper("Tree Table Properties", [
|
|
8264
8259
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
8265
8260
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
8266
|
-
getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
|
|
8267
8261
|
getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
|
|
8268
8262
|
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
8269
8263
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
@@ -8401,13 +8395,13 @@ const StyleSection = {
|
|
|
8401
8395
|
}
|
|
8402
8396
|
]
|
|
8403
8397
|
};
|
|
8404
|
-
const TableSection = (theme
|
|
8398
|
+
const TableSection = (theme) => {
|
|
8405
8399
|
const uiSchema = {
|
|
8406
8400
|
type: "HorizontalLayout",
|
|
8407
8401
|
elements: [
|
|
8408
8402
|
{
|
|
8409
8403
|
type: "Control",
|
|
8410
|
-
scope:
|
|
8404
|
+
scope: "#/properties/elements",
|
|
8411
8405
|
options: {
|
|
8412
8406
|
widget: "Table"
|
|
8413
8407
|
},
|
|
@@ -8418,7 +8412,7 @@ const TableSection = (theme, scopeName = "elements") => {
|
|
|
8418
8412
|
{
|
|
8419
8413
|
widget: {
|
|
8420
8414
|
type: "Control",
|
|
8421
|
-
scope:
|
|
8415
|
+
scope: "#/properties/New_Record",
|
|
8422
8416
|
options: {
|
|
8423
8417
|
widget: "IconButton"
|
|
8424
8418
|
},
|
|
@@ -8445,7 +8439,7 @@ const TableSection = (theme, scopeName = "elements") => {
|
|
|
8445
8439
|
{
|
|
8446
8440
|
widget: {
|
|
8447
8441
|
type: "Control",
|
|
8448
|
-
scope:
|
|
8442
|
+
scope: "#/properties/Paste_Component",
|
|
8449
8443
|
options: {
|
|
8450
8444
|
widget: "IconButton"
|
|
8451
8445
|
},
|
|
@@ -8510,7 +8504,7 @@ const TableSection = (theme, scopeName = "elements") => {
|
|
|
8510
8504
|
},
|
|
8511
8505
|
{
|
|
8512
8506
|
type: "Control",
|
|
8513
|
-
scope:
|
|
8507
|
+
scope: "#/properties/Copy_Component",
|
|
8514
8508
|
options: {
|
|
8515
8509
|
widget: "Button"
|
|
8516
8510
|
},
|
|
@@ -8703,10 +8697,6 @@ var buildConfig = (FormData) => {
|
|
|
8703
8697
|
if (formData.events) {
|
|
8704
8698
|
delete formData.events;
|
|
8705
8699
|
}
|
|
8706
|
-
if (formData.tabLabelElements) {
|
|
8707
|
-
component.tabLabelElements = formData.tabLabelElements || [];
|
|
8708
|
-
delete formData.tabLabelElements;
|
|
8709
|
-
}
|
|
8710
8700
|
component = { ...formData, ...component };
|
|
8711
8701
|
return component;
|
|
8712
8702
|
};
|
|
@@ -8865,7 +8855,7 @@ const sectionLabels = {
|
|
|
8865
8855
|
LeaderBoard: ["Core", "Components", "Properties", "Events", "Style"],
|
|
8866
8856
|
WrapperSection: ["Core", "Components", "Properties", "Style"],
|
|
8867
8857
|
HorizontalLayout: ["Core", "Components", "Properties", "Style"],
|
|
8868
|
-
TabSection: ["Core", "Components", "
|
|
8858
|
+
TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
|
|
8869
8859
|
SpeedoMeter: ["Core", "Properties", "Events", "Style"],
|
|
8870
8860
|
card: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8871
8861
|
UploadFile: ["Core", "Events", "Style", "Validation"],
|
|
@@ -8913,7 +8903,6 @@ function refreshPage(type, store2) {
|
|
|
8913
8903
|
Style: StyleSection,
|
|
8914
8904
|
Events: EventSection(store2.theme.myTheme),
|
|
8915
8905
|
Components: TableSection(store2.theme.myTheme),
|
|
8916
|
-
TabTitles: TableSection(store2.theme.myTheme, "tabLabelElements"),
|
|
8917
8906
|
Properties: buildPropertiesSection(type),
|
|
8918
8907
|
Validation: ValidationSection
|
|
8919
8908
|
};
|
|
@@ -9111,12 +9100,8 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9111
9100
|
const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
|
|
9112
9101
|
saveFormdataInSessionStorage(store2.ctx.core.data, path);
|
|
9113
9102
|
if (path) {
|
|
9114
|
-
|
|
9115
|
-
|
|
9116
|
-
finalPath = `${finalPath}.tabLabelElements[${rowId}]`;
|
|
9117
|
-
} else {
|
|
9118
|
-
finalPath = `${finalPath}.elements[${rowId}]`;
|
|
9119
|
-
}
|
|
9103
|
+
const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
|
|
9104
|
+
const finalPath = `${path2}.elements[${rowId}]`;
|
|
9120
9105
|
store2.searchParams.set("path", finalPath);
|
|
9121
9106
|
store2.setSearchParams(store2.searchParams);
|
|
9122
9107
|
this.setPage();
|
|
@@ -9128,12 +9113,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9128
9113
|
var _a;
|
|
9129
9114
|
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
9130
9115
|
const rowId = sessionStorage.getItem("rowId");
|
|
9131
|
-
|
|
9132
|
-
if (isTabLabelElements) {
|
|
9133
|
-
store2.formData.tabLabelElements.splice(rowId, 1);
|
|
9134
|
-
} else {
|
|
9135
|
-
store2.formData.elements.splice(rowId, 1);
|
|
9136
|
-
}
|
|
9116
|
+
store2.formData.elements.splice(rowId, 1);
|
|
9137
9117
|
const response = saveFormdataInSessionStorage(store2.ctx.core.data, path);
|
|
9138
9118
|
const data = path ? _.get(response, path) : response;
|
|
9139
9119
|
store2.setFormdata(data);
|
|
@@ -9141,7 +9121,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9141
9121
|
store2.updateDialog("popUpComponentSection");
|
|
9142
9122
|
}
|
|
9143
9123
|
sessionStorage.removeItem("rowId");
|
|
9144
|
-
sessionStorage.removeItem("isTabLabelElements");
|
|
9145
9124
|
},
|
|
9146
9125
|
deleteEvent: function(shouldUpdateDialog = true) {
|
|
9147
9126
|
var _a;
|
|
@@ -9162,17 +9141,9 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9162
9141
|
if (!Array.isArray(store2.formData.elements)) {
|
|
9163
9142
|
store2.formData.elements = [];
|
|
9164
9143
|
}
|
|
9165
|
-
if (!Array.isArray(store2.formData.tabLabelElements)) {
|
|
9166
|
-
store2.formData.tabLabelElements = [];
|
|
9167
|
-
}
|
|
9168
9144
|
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
9169
9145
|
saveFormdataInSessionStorage(store2.ctx.core.data, path);
|
|
9170
|
-
|
|
9171
|
-
if (dynamicData2.path.startsWith("tabLabel")) {
|
|
9172
|
-
finalPath = `${finalPath}.tabLabelElements[${store2.formData.tabLabelElements.length}]`;
|
|
9173
|
-
} else {
|
|
9174
|
-
finalPath = `${finalPath}.elements[${store2.formData.elements.length}]`;
|
|
9175
|
-
}
|
|
9146
|
+
const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
|
|
9176
9147
|
store2.searchParams.set("path", finalPath);
|
|
9177
9148
|
store2.setSearchParams(store2.searchParams);
|
|
9178
9149
|
this.setPage();
|
|
@@ -9207,7 +9178,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9207
9178
|
deletePopUpComponent: function() {
|
|
9208
9179
|
const rowId = dynamicData2.path.split(".")[1];
|
|
9209
9180
|
sessionStorage.setItem("rowId", rowId);
|
|
9210
|
-
sessionStorage.setItem("isTabLabelElements", dynamicData2.path.startsWith("tabLabel") ? "true" : "false");
|
|
9211
9181
|
store2.updateDialog("popUpComponentSection");
|
|
9212
9182
|
},
|
|
9213
9183
|
deletePopUpEvent: function() {
|
|
@@ -9254,17 +9224,9 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9254
9224
|
if (!Array.isArray(store2.formData.events)) {
|
|
9255
9225
|
store2.formData.events = [];
|
|
9256
9226
|
}
|
|
9257
|
-
if (!Array.isArray(store2.formData.tabLabelElements)) {
|
|
9258
|
-
store2.formData.tabLabelElements = [];
|
|
9259
|
-
}
|
|
9260
9227
|
saveFormdataInSessionStorage(store2.ctx.core.data, pastedElementParentPath);
|
|
9261
9228
|
const formData = getFormdataFromSessionStorage(pastedElementParentPath);
|
|
9262
|
-
const
|
|
9263
|
-
"TabsComponent": formData.tabLabelElements.length,
|
|
9264
|
-
"Component": formData.elements.length,
|
|
9265
|
-
"Events": formData.events.length
|
|
9266
|
-
};
|
|
9267
|
-
const insertElementIndex = currentLength[elementType] || 0;
|
|
9229
|
+
const insertElementIndex = elementType === "Component" ? formData.elements.length : formData.events.length;
|
|
9268
9230
|
const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
|
|
9269
9231
|
const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
|
|
9270
9232
|
const notificationMessages = {
|
|
@@ -9299,9 +9261,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9299
9261
|
if (elementType === "Component") {
|
|
9300
9262
|
return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
|
|
9301
9263
|
}
|
|
9302
|
-
if (elementType === "TabsComponent") {
|
|
9303
|
-
return `${parentPath}.tabLabelElements[${rowId}]`;
|
|
9304
|
-
}
|
|
9305
9264
|
return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
|
|
9306
9265
|
},
|
|
9307
9266
|
ElementPathSetter: function(uiSchema, copiedFormData) {
|
|
@@ -10965,20 +10924,20 @@ var service = (funcParams) => {
|
|
|
10965
10924
|
return response == null ? void 0 : response.data;
|
|
10966
10925
|
},
|
|
10967
10926
|
onPaginationChange: async function(paginationValues) {
|
|
10968
|
-
var _a;
|
|
10927
|
+
var _a, _b;
|
|
10969
10928
|
const apiBody = [
|
|
10970
10929
|
{ key: "size", value: paginationValues.pagination.pageSize },
|
|
10971
10930
|
{ key: "pageIndex", value: paginationValues.pagination.pageIndex },
|
|
10972
10931
|
{ key: "sorting", value: paginationValues.sorting || [] },
|
|
10973
10932
|
{ key: "filters", value: paginationValues.tableColumnConfig || [] },
|
|
10974
10933
|
{ key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" },
|
|
10975
|
-
{ key: "
|
|
10934
|
+
{ key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
|
|
10976
10935
|
];
|
|
10977
10936
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
10978
10937
|
return response == null ? void 0 : response.data;
|
|
10979
10938
|
},
|
|
10980
10939
|
getSelectOptions: async function(param) {
|
|
10981
|
-
if (param.serachValue !==
|
|
10940
|
+
if (param.serachValue !== void 0) {
|
|
10982
10941
|
const apiBody = [
|
|
10983
10942
|
{ key: "searchValue", value: param.serachValue },
|
|
10984
10943
|
{ key: "currentValue", value: param.currentValue }
|
|
@@ -11785,9 +11744,6 @@ const buildTable = (config2, componentScope2) => {
|
|
|
11785
11744
|
if (config2.lazyLoading) {
|
|
11786
11745
|
table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
11787
11746
|
}
|
|
11788
|
-
if (config2.lazyLoadTree) {
|
|
11789
|
-
table.config.main.lazyTree = config2.lazyLoadTree === "YES" ? true : false;
|
|
11790
|
-
}
|
|
11791
11747
|
if (config2.defaultColumnSize) {
|
|
11792
11748
|
table.config.main.defaultColumnSize = config2.defaultColumnSize;
|
|
11793
11749
|
}
|
|
@@ -13081,9 +13037,6 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13081
13037
|
if (config2.yAxisTickCount) {
|
|
13082
13038
|
AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13083
13039
|
}
|
|
13084
|
-
if (config2.xAxisTickCount) {
|
|
13085
|
-
AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
|
|
13086
|
-
}
|
|
13087
13040
|
if (config2.xAxisValue) {
|
|
13088
13041
|
AreaGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
13089
13042
|
}
|
|
@@ -13137,9 +13090,6 @@ const buildStackBarLineGraph = (config2, componentScope2) => {
|
|
|
13137
13090
|
if (config2.yAxisTickCount) {
|
|
13138
13091
|
StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13139
13092
|
}
|
|
13140
|
-
if (config2.xAxisTickCount) {
|
|
13141
|
-
StackBarLineGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
|
|
13142
|
-
}
|
|
13143
13093
|
if (config2.xAxisValue) {
|
|
13144
13094
|
StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
13145
13095
|
}
|
|
@@ -13693,11 +13643,6 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13693
13643
|
});
|
|
13694
13644
|
}
|
|
13695
13645
|
}
|
|
13696
|
-
if (config2.tabLabelElements) {
|
|
13697
|
-
elements.tabLabelElements = config2.tabLabelElements.map((e, elemInd) => {
|
|
13698
|
-
return buildUiSchema(e, store2);
|
|
13699
|
-
});
|
|
13700
|
-
}
|
|
13701
13646
|
return elements;
|
|
13702
13647
|
};
|
|
13703
13648
|
export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, downloadFile$1 as downloadFile, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };
|