impaktapps-ui-builder 1.0.434 → 1.0.435
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 +29 -25
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +6 -6
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildAreaGraph.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +6 -3
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +7 -8
- package/src/impaktapps-ui-builder/runtime/services/service.ts +12 -9
package/package.json
CHANGED
|
@@ -37,6 +37,9 @@ const buildAreaGraph = (config:any,componentScope:string) => {
|
|
|
37
37
|
if(config.yAxisTickCount){
|
|
38
38
|
AreaGraph.config.main.yAxisTickCount = config.yAxisTickCount
|
|
39
39
|
}
|
|
40
|
+
if(config.xAxisTickCount){
|
|
41
|
+
AreaGraph.config.main.xAxisTickCount = config.xAxisTickCount
|
|
42
|
+
}
|
|
40
43
|
if (config.xAxisValue) {
|
|
41
44
|
AreaGraph.config.main.xAxisValue = config.xAxisValue;
|
|
42
45
|
}
|
|
@@ -20,9 +20,6 @@ export const buildMultiSelect = (config, componentScope) => {
|
|
|
20
20
|
}
|
|
21
21
|
if (config.lazyLoading) {
|
|
22
22
|
multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
|
|
23
|
-
if (config.lazyLoading === "YES" && config.pageSize) {
|
|
24
|
-
multipleSelect.config.main.pageSize = config.pageSize;
|
|
25
|
-
}
|
|
26
23
|
}
|
|
27
24
|
if (config.toolTip) {
|
|
28
25
|
multipleSelect.config.main.toolTip = config.toolTip;
|
|
@@ -13,9 +13,6 @@ export const buildSelect = (config: any, componentScope: string) => {
|
|
|
13
13
|
}
|
|
14
14
|
if (config.lazyLoading) {
|
|
15
15
|
selectInputField.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
|
|
16
|
-
if (config.lazyLoading === "YES" && config.pageSize) {
|
|
17
|
-
selectInputField.config.main.pageSize = config.pageSize;
|
|
18
|
-
}
|
|
19
16
|
}
|
|
20
17
|
if (config.variant) {
|
|
21
18
|
selectInputField.config.main.variant = config.variant;
|
|
@@ -34,6 +34,9 @@ const buildStackBarLineGraph = (config:any,componentScope:string) => {
|
|
|
34
34
|
if(config.yAxisTickCount){
|
|
35
35
|
StackBarLineGraph.config.main.yAxisTickCount = config.yAxisTickCount
|
|
36
36
|
}
|
|
37
|
+
if(config.xAxisTickCount){
|
|
38
|
+
StackBarLineGraph.config.main.xAxisTickCount = config.xAxisTickCount
|
|
39
|
+
}
|
|
37
40
|
if (config.xAxisValue) {
|
|
38
41
|
StackBarLineGraph.config.main.xAxisValue = config.xAxisValue;
|
|
39
42
|
}
|
|
@@ -11,9 +11,15 @@ export const buildTable = (config: any, componentScope: string) => {
|
|
|
11
11
|
if (config.lazyLoading) {
|
|
12
12
|
table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
|
|
13
13
|
}
|
|
14
|
+
if (config.lazyLoadTree) {
|
|
15
|
+
table.config.main.lazyTree = config.lazyLoadTree === "YES" ? true : false;
|
|
16
|
+
}
|
|
14
17
|
if (config.defaultColumnSize) {
|
|
15
18
|
table.config.main.defaultColumnSize = config.defaultColumnSize
|
|
16
19
|
}
|
|
20
|
+
if (config.subRowsExpansionPageSize) {
|
|
21
|
+
table.config.main.subRowsExpansionPageSize = config.subRowsExpansionPageSize
|
|
22
|
+
}
|
|
17
23
|
if (config.enableRowMovement) {
|
|
18
24
|
table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
|
|
19
25
|
}
|
|
@@ -30,9 +36,6 @@ export const buildTable = (config: any, componentScope: string) => {
|
|
|
30
36
|
if (config.paginateExpandedRows) {
|
|
31
37
|
table.config.main.paginateExpandedRows = config.paginateExpandedRows === "YES" ? true : false;
|
|
32
38
|
}
|
|
33
|
-
if (config.treeStructure) {
|
|
34
|
-
table.config.main.treeStructure = config.treeStructure === "YES" ? "flatTreeMap" : false;
|
|
35
|
-
}
|
|
36
39
|
if (config.SelectionAvailable) {
|
|
37
40
|
table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
|
|
38
41
|
};
|
|
@@ -519,7 +519,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
519
519
|
{ label: "Negative", value: "negative" }
|
|
520
520
|
]),
|
|
521
521
|
getInputField("color", "Card Color"),
|
|
522
|
-
emptyBox("MetricEmpty1", { xs: 6, sm:
|
|
522
|
+
emptyBox("MetricEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
|
|
523
523
|
];
|
|
524
524
|
break;
|
|
525
525
|
case "Button":
|
|
@@ -581,13 +581,13 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
581
581
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|
|
582
582
|
getInputField("leftMargin", "Left Margin"),
|
|
583
583
|
getInputField("yAxisTickCount", "Y Axis TickCount"),
|
|
584
|
+
getInputField("xAxisTickCount", "X Axis TickCount"),
|
|
584
585
|
getSelectField("xAxisFormatType", "X Axis Format Type", [
|
|
585
586
|
{ label: "Date and Month", value: "Date and Month" },
|
|
586
587
|
{ label: "Month and Year", value: "Month and Year" }
|
|
587
588
|
]),
|
|
588
589
|
getInputField("growthRateKey", "Growth Rate Key"),
|
|
589
590
|
getInputField("tooltipUnit", "Tooltip Unit"),
|
|
590
|
-
emptyBox("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
|
|
591
591
|
getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label", "Configure Bar Labels"),
|
|
592
592
|
getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color", "Configure Bar Colors"),
|
|
593
593
|
];
|
|
@@ -630,7 +630,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
630
630
|
getRadioInputField("disableDensityToggle", "Disable Density Toggle", ["YES", "NO"]),
|
|
631
631
|
getRadioInputField("disableDownloadFile", "Disable Download File", ["YES", "NO"]),
|
|
632
632
|
getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
|
|
633
|
-
getInputField("selectKey", "Selection Key")
|
|
633
|
+
getInputField("selectKey", "Selection Key"),
|
|
634
634
|
getMultiSelectField("filteringOptions", "Filtering Options"),
|
|
635
635
|
getSelectField("maxPageSize", "Max Page Size", [
|
|
636
636
|
{ label: "10", value: 10 },
|
|
@@ -648,11 +648,12 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
648
648
|
buildWrapper("Tree Table Properties", [
|
|
649
649
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
650
650
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
651
|
+
getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
|
|
651
652
|
// getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
|
|
652
653
|
getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
|
|
653
|
-
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
654
654
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
655
|
-
getInputField("defaultColumnSize", "Default Column Size"),
|
|
655
|
+
getInputField("defaultColumnSize", "Default Column Size"),
|
|
656
|
+
getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion") , emptyBox("LazyLoadingTableEmpty3")
|
|
656
657
|
]),
|
|
657
658
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
658
659
|
sizeHolder,
|
|
@@ -676,7 +677,6 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
676
677
|
case "Select":
|
|
677
678
|
uiSchema.elements = [
|
|
678
679
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
679
|
-
getInputField("pageSize", "Single Page Size"),
|
|
680
680
|
getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
|
|
681
681
|
getSelectField("variant", "Variant", [
|
|
682
682
|
{ label: "Outlined", value: "outlined" },
|
|
@@ -690,13 +690,12 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
690
690
|
{ label: "Right", value: "right" },
|
|
691
691
|
{ label: "Bottom", value: "bottom" }
|
|
692
692
|
]),
|
|
693
|
-
emptyBox("SelectEmpty", { xs:
|
|
693
|
+
emptyBox("SelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
694
694
|
]
|
|
695
695
|
break;
|
|
696
696
|
case "MultipleSelect":
|
|
697
697
|
uiSchema.elements = [
|
|
698
698
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
699
|
-
getInputField("pageSize", "Single Page Size"),
|
|
700
699
|
getSelectField("variant", "Variant", [
|
|
701
700
|
{ label: "Outlined", value: "outlined" },
|
|
702
701
|
{ label: "Filled", value: "filled" },
|
|
@@ -190,20 +190,23 @@ export default (funcParams: funcParamsProps) => {
|
|
|
190
190
|
{ key: "sorting", value: paginationValues.sorting || [] },
|
|
191
191
|
{ key: "filters", value: paginationValues.tableColumnConfig || [] },
|
|
192
192
|
{ key: "globalFilter", value: paginationValues.globalFilter ?? '' },
|
|
193
|
-
{ key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] }
|
|
193
|
+
{ key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] },
|
|
194
|
+
{ key: "parentId", value: paginationValues.parentId },
|
|
195
|
+
{ key: "prevRowCount", value: paginationValues.prevRowCount },
|
|
196
|
+
{ key: "newDataCount", value: paginationValues.newDataCount },
|
|
194
197
|
]
|
|
195
198
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
196
199
|
return response?.data;
|
|
197
200
|
},
|
|
198
201
|
getSelectOptions: async function (param) {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
202
|
+
if (param.serachValue !== "" && param.serachValue !== undefined) {
|
|
203
|
+
const apiBody = [
|
|
204
|
+
{ key: "searchValue", value: param.serachValue },
|
|
205
|
+
{ key: "currentValue", value: param.currentValue }
|
|
206
|
+
]
|
|
207
|
+
const response = await this.callExecuteEvents(param, apiBody, "onLoad");
|
|
208
|
+
return response?.data;
|
|
209
|
+
}
|
|
207
210
|
},
|
|
208
211
|
onChange: function () {
|
|
209
212
|
if (!eventGroups.onChange) return;
|