impaktapps-ui-builder 1.0.425 → 1.0.427
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 +25 -21
- 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/package.json +1 -1
- 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/buildTable.ts +6 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +5 -5
- package/src/impaktapps-ui-builder/runtime/services/service.ts +15 -11
package/package.json
CHANGED
|
@@ -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;
|
|
@@ -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
|
}
|
|
@@ -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,13 @@ 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
654
|
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
654
655
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
655
|
-
getInputField("defaultColumnSize", "Default Column Size"),
|
|
656
|
+
getInputField("defaultColumnSize", "Default Column Size"),
|
|
657
|
+
getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion") , emptyBox("LazyLoadingTableEmpty3")
|
|
656
658
|
]),
|
|
657
659
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
658
660
|
sizeHolder,
|
|
@@ -676,7 +678,6 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
676
678
|
case "Select":
|
|
677
679
|
uiSchema.elements = [
|
|
678
680
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
679
|
-
getInputField("pageSize", "Single Page Size"),
|
|
680
681
|
getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
|
|
681
682
|
getSelectField("variant", "Variant", [
|
|
682
683
|
{ label: "Outlined", value: "outlined" },
|
|
@@ -690,13 +691,12 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
690
691
|
{ label: "Right", value: "right" },
|
|
691
692
|
{ label: "Bottom", value: "bottom" }
|
|
692
693
|
]),
|
|
693
|
-
emptyBox("SelectEmpty", { xs:
|
|
694
|
+
emptyBox("SelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
694
695
|
]
|
|
695
696
|
break;
|
|
696
697
|
case "MultipleSelect":
|
|
697
698
|
uiSchema.elements = [
|
|
698
699
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
699
|
-
getInputField("pageSize", "Single Page Size"),
|
|
700
700
|
getSelectField("variant", "Variant", [
|
|
701
701
|
{ label: "Outlined", value: "outlined" },
|
|
702
702
|
{ label: "Filled", value: "filled" },
|
|
@@ -190,20 +190,25 @@ 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: "subRowsPagination", value: paginationValues.subRowsPagination || [] },
|
|
195
|
+
{ key: "loadChildOnly", value: paginationValues.loadChildOnly || false },
|
|
196
|
+
{ key: "parentId", value: paginationValues.parentId },
|
|
197
|
+
{ key: "prevRowCount", value: paginationValues.prevRowCount },
|
|
198
|
+
{ key: "newDataCount", value: paginationValues.newDataCount },
|
|
194
199
|
]
|
|
195
200
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
196
201
|
return response?.data;
|
|
197
202
|
},
|
|
198
203
|
getSelectOptions: async function (param) {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
204
|
+
if (param.serachValue !== "" && param.serachValue !== undefined) {
|
|
205
|
+
const apiBody = [
|
|
206
|
+
{ key: "searchValue", value: param.serachValue },
|
|
207
|
+
{ key: "currentValue", value: param.currentValue }
|
|
208
|
+
]
|
|
209
|
+
const response = await this.callExecuteEvents(param, apiBody, "onLoad");
|
|
210
|
+
return response?.data;
|
|
211
|
+
}
|
|
207
212
|
},
|
|
208
213
|
onChange: function () {
|
|
209
214
|
if (!eventGroups.onChange) return;
|
|
@@ -212,8 +217,7 @@ export default (funcParams: funcParamsProps) => {
|
|
|
212
217
|
|
|
213
218
|
const promises = ChangeEventsKeysArray.flatMap((componentName: string) => {
|
|
214
219
|
if (
|
|
215
|
-
funcParams.store?.formData[componentName] === funcParams.store.newData[componentName]
|
|
216
|
-
funcParams.store?.newData[componentName] === undefined
|
|
220
|
+
funcParams.store?.formData[componentName] === funcParams.store.newData[componentName]
|
|
217
221
|
) {
|
|
218
222
|
return [];
|
|
219
223
|
}
|