impaktapps-ui-builder 1.0.431 → 1.0.433

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.431",
+    "version": "1.0.433",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts

@@ -20,6 +20,9 @@ export const buildMultiSelect = (config, componentScope) => {
   }
   if (config.lazyLoading) {
       multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
+    if (config.lazyLoading === "YES" && config.pageSize) {
+      multipleSelect.config.main.pageSize = config.pageSize;
+    }
     }
   if (config.toolTip) {
     multipleSelect.config.main.toolTip = config.toolTip;

package/src/impaktapps-ui-builder/builder/build/buildSelect.ts

@@ -13,6 +13,9 @@ export const buildSelect = (config: any, componentScope: string) => {
   }
   if (config.lazyLoading) {
     selectInputField.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
+    if (config.lazyLoading === "YES" && config.pageSize) {
+      selectInputField.config.main.pageSize = config.pageSize;
+    }
   }
   if (config.variant) {
     selectInputField.config.main.variant = config.variant;

package/src/impaktapps-ui-builder/builder/build/buildTable.ts

@@ -11,15 +11,9 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.lazyLoading) {
     table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
   }
-  if (config.lazyLoadTree) {
-    table.config.main.lazyTree = config.lazyLoadTree === "YES" ? true : false;
-  }
   if (config.defaultColumnSize) {
     table.config.main.defaultColumnSize = config.defaultColumnSize
   }
-  if (config.subRowsExpansionPageSize) {
-    table.config.main.subRowsExpansionPageSize = config.subRowsExpansionPageSize
-  }
   if (config.enableRowMovement) {
     table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
   }
@@ -36,9 +30,9 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.paginateExpandedRows) {
     table.config.main.paginateExpandedRows = config.paginateExpandedRows === "YES" ? true : false;
   }
-  // if (config.treeStructure) {
-  //   table.config.main.treeStructure = config.treeStructure === "YES" ? "flatTreeMap" : false;
-  // }
+  if (config.treeStructure) {
+    table.config.main.treeStructure = config.treeStructure === "YES" ? "flatTreeMap" : false;
+  }
   if (config.SelectionAvailable) {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
   };

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -630,7 +630,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("disableDensityToggle", "Disable Density Toggle", ["YES", "NO"]),
         getRadioInputField("disableDownloadFile", "Disable Download File", ["YES", "NO"]),
         getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
-        getInputField("selectKey", "Selection Key"),
+        getInputField("selectKey", "Selection Key"),//defaultColumnSize
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size", [
           { label: "10", value: 10 },
@@ -648,13 +648,11 @@ export const buildPropertiesSection = function (type: String) {
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
-          getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
           // getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
-          // getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
+          getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
-          getInputField("defaultColumnSize", "Default Column Size"),
-          getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion") , emptyBox("LazyLoadingTableEmpty3")
+          getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3")
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,
@@ -678,6 +676,7 @@ export const buildPropertiesSection = function (type: String) {
     case "Select":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getInputField("pageSize", "Single Page Size"),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
         getSelectField("variant", "Variant", [
           { label: "Outlined", value: "outlined" },
@@ -691,12 +690,13 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Right", value: "right" },
           { label: "Bottom", value: "bottom" }
         ]),
-        emptyBox("SelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
+        emptyBox("SelectEmpty", { xs: 0, sm: 0, md: 0, lg: 6 })
       ]
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getInputField("pageSize", "Single Page Size"),
         getSelectField("variant", "Variant", [
           { label: "Outlined", value: "outlined" },
           { label: "Filled", value: "filled" },

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -190,24 +190,20 @@ export default (funcParams: funcParamsProps) => {
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.tableColumnConfig || [] },
         { key: "globalFilter", value: paginationValues.globalFilter ?? '' },
-        { key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] },
-        // { key: "subRowsPagination", value: paginationValues.subRowsPagination || [] },
-        { key: "parentId", value: paginationValues.parentId },
-        { key: "prevRowCount", value: paginationValues.prevRowCount },
-        { key: "newDataCount", value: paginationValues.newDataCount },
+        { key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] }
       ]
       const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response?.data;
     },
     getSelectOptions: async function (param) {
-      if (param.serachValue !== "" && param.serachValue !== undefined) {
-        const apiBody = [
-          { key: "searchValue", value: param.serachValue },
-          { key: "currentValue", value: param.currentValue }
-        ]
-        const response = await this.callExecuteEvents(param, apiBody, "onLoad");
-        return response?.data;
-      }
+      const apiBody = [
+        { key: "searchValue", value: param.searchValue },
+        { key: "currentValue", value: param.currentValue },
+        { key: "currentItemCount", value: param.currentItemCount },
+        { key: "limit", value: param.limit },
+      ]
+      const response = await this.callExecuteEvents(param, apiBody, "onLoad");
+      return response?.data;
     },
     onChange: function () {
       if (!eventGroups.onChange) return;
@@ -216,7 +212,8 @@ export default (funcParams: funcParamsProps) => {
 
       const promises = ChangeEventsKeysArray.flatMap((componentName: string) => {
         if (
-          funcParams.store?.formData[componentName] === funcParams.store.newData[componentName] 
+          funcParams.store?.formData[componentName] === funcParams.store.newData[componentName] ||
+          funcParams.store?.newData[componentName] === undefined
         ) {
           return [];
         }