impaktapps-ui-builder 1.0.435 → 1.0.436
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 +23 -21
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +5 -5
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +3 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +6 -5
- package/src/impaktapps-ui-builder/runtime/services/service.ts +9 -12
package/package.json
CHANGED
|
@@ -20,6 +20,9 @@ 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
|
+
}
|
|
23
26
|
}
|
|
24
27
|
if (config.toolTip) {
|
|
25
28
|
multipleSelect.config.main.toolTip = config.toolTip;
|
|
@@ -13,6 +13,9 @@ 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
|
+
}
|
|
16
19
|
}
|
|
17
20
|
if (config.variant) {
|
|
18
21
|
selectInputField.config.main.variant = config.variant;
|
|
@@ -11,15 +11,9 @@ 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
|
-
}
|
|
17
14
|
if (config.defaultColumnSize) {
|
|
18
15
|
table.config.main.defaultColumnSize = config.defaultColumnSize
|
|
19
16
|
}
|
|
20
|
-
if (config.subRowsExpansionPageSize) {
|
|
21
|
-
table.config.main.subRowsExpansionPageSize = config.subRowsExpansionPageSize
|
|
22
|
-
}
|
|
23
17
|
if (config.enableRowMovement) {
|
|
24
18
|
table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
|
|
25
19
|
}
|
|
@@ -36,6 +30,9 @@ export const buildTable = (config: any, componentScope: string) => {
|
|
|
36
30
|
if (config.paginateExpandedRows) {
|
|
37
31
|
table.config.main.paginateExpandedRows = config.paginateExpandedRows === "YES" ? true : false;
|
|
38
32
|
}
|
|
33
|
+
if (config.treeStructure) {
|
|
34
|
+
table.config.main.treeStructure = config.treeStructure === "YES" ? "flatTreeMap" : false;
|
|
35
|
+
}
|
|
39
36
|
if (config.SelectionAvailable) {
|
|
40
37
|
table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
|
|
41
38
|
};
|
|
@@ -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"),//defaultColumnSize
|
|
634
634
|
getMultiSelectField("filteringOptions", "Filtering Options"),
|
|
635
635
|
getSelectField("maxPageSize", "Max Page Size", [
|
|
636
636
|
{ label: "10", value: 10 },
|
|
@@ -648,12 +648,11 @@ 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"]),
|
|
652
651
|
// getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
|
|
653
652
|
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"),
|
|
656
|
-
getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion") , emptyBox("LazyLoadingTableEmpty3")
|
|
655
|
+
getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3")
|
|
657
656
|
]),
|
|
658
657
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
659
658
|
sizeHolder,
|
|
@@ -677,6 +676,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
677
676
|
case "Select":
|
|
678
677
|
uiSchema.elements = [
|
|
679
678
|
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,12 +690,13 @@ 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: 0, sm: 0, md: 0, lg: 6 })
|
|
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"),
|
|
699
700
|
getSelectField("variant", "Variant", [
|
|
700
701
|
{ label: "Outlined", value: "outlined" },
|
|
701
702
|
{ label: "Filled", value: "filled" },
|
|
@@ -190,23 +190,20 @@ 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 ?? [] }
|
|
194
|
-
{ key: "parentId", value: paginationValues.parentId },
|
|
195
|
-
{ key: "prevRowCount", value: paginationValues.prevRowCount },
|
|
196
|
-
{ key: "newDataCount", value: paginationValues.newDataCount },
|
|
193
|
+
{ key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] }
|
|
197
194
|
]
|
|
198
195
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
199
196
|
return response?.data;
|
|
200
197
|
},
|
|
201
198
|
getSelectOptions: async function (param) {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
199
|
+
const apiBody = [
|
|
200
|
+
{ key: "searchValue", value: param.searchValue },
|
|
201
|
+
{ key: "currentValue", value: param.currentValue },
|
|
202
|
+
{ key: "currentItemCount", value: param.currentItemCount },
|
|
203
|
+
{ key: "limit", value: param.limit },
|
|
204
|
+
]
|
|
205
|
+
const response = await this.callExecuteEvents(param, apiBody, "onLoad");
|
|
206
|
+
return response?.data;
|
|
210
207
|
},
|
|
211
208
|
onChange: function () {
|
|
212
209
|
if (!eventGroups.onChange) return;
|