impaktapps-ui-builder 1.0.103 → 1.0.104

package/package.json

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

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

@@ -10,6 +10,9 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.lazyLoading) {
     table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
   }
+  if (config.defaultColumnSize) {
+    table.config.main.enableRowMovement = config.defaultColumnSize
+  }
   if (config.enableRowMovement) {
     table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
   }
@@ -41,28 +44,28 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
   }
-  if(config.disableGlobalSearch){
+  if (config.disableGlobalSearch) {
     table.config.main.disableGlobalSearch = config.disableGlobalSearch === "YES" ? true : false
   }
-  if(config.disableColumnFilter){
+  if (config.disableColumnFilter) {
     table.config.main.disableColumnFilter = config.disableColumnFilter === "YES" ? true : false
   }
-  if(config.disableSorting){
+  if (config.disableSorting) {
     table.config.main.disableSorting = config.disableSorting === "YES" ? true : false
   }
-  if(config.disableEditColumn){
+  if (config.disableEditColumn) {
     table.config.main.disableEditColumn = config.disableEditColumn === "YES" ? true : false
   }
-  if(config.disableFullScreenToggle){
+  if (config.disableFullScreenToggle) {
     table.config.main.disableFullScreenToggle = config.disableFullScreenToggle === "YES" ? true : false
   }
-  if(config.disableDensityToggle){
+  if (config.disableDensityToggle) {
     table.config.main.disableDensityToggle = config.disableDensityToggle === "YES" ? true : false
   }
-  if(config.disableDownloadFile){
+  if (config.disableDownloadFile) {
     table.config.main.disableDownloadFile = config.disableDownloadFile === "YES" ? true : false
   }
-  if(config.disablePagination){
+  if (config.disablePagination) {
     table.config.main.disablePagination = config.disablePagination === "YES" ? true : false
   }
   if (config.Table_Download_Keys_Name) {
@@ -71,7 +74,7 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.selectKey) {
     table.config.main.selectKey = config.selectKey
   }
-  if(config.maxPageSize){
+  if (config.maxPageSize) {
     table.config.main.maxPageSize = config.maxPageSize
   }
   return table;

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

@@ -327,7 +327,7 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
       ]
       break;
-    case "Text": 
+    case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
         getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
@@ -477,7 +477,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 },
@@ -494,7 +494,7 @@ export const buildPropertiesSection = function (type: String) {
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
-          emptyBox("LazyLoadingTableEmpty2"), emptyBox("LazyLoadingTableEmpty3")
+          getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3")
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,
@@ -532,7 +532,7 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("MultipleSelectEmpty2")
       ]
       break;
-    case "Date": 
+    case "Date":
       uiSchema.elements = [
         getSelectField("variant", "Variant", [
           { label: "Outlined", value: "outlined" },
@@ -542,7 +542,7 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 }),
       ]
       break;
-    case "DateTime": 
+    case "DateTime":
       uiSchema.elements = [
         getSelectField("variant", "Variant", [
           { label: "Outlined", value: "outlined" },
@@ -569,7 +569,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("variant", "Variant", ["Outlined", "Standard"]),
         getRadioInputField("disableUpload", "Disable Upload", ["YES", "NO"]),
         getRadioInputField("disableDelete", "Disable Delete", ["YES", "NO"]),
-        getRadioInputField("disableDownload", "Disable Download", ["YES", "NO"]) 
+        getRadioInputField("disableDownload", "Disable Download", ["YES", "NO"])
       ]
       break;
   }

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

@@ -66,7 +66,7 @@ export default (funcParams: funcParamsProps) => {
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile, download: downloadFileFromUrl,downloadFileFromBase64, ...funcParams.functionsProvider }, eventGroups,
+    serviceHolder: { downloadFile, download: downloadFileFromUrl, downloadFileFromBase64, ...funcParams.functionsProvider }, eventGroups,
     functionsProvider: funcParams.functionsProvider, formDataHolder
   };
   return {
@@ -111,19 +111,21 @@ export default (funcParams: funcParamsProps) => {
       funcParams.store.setUiSchema(uiSchema);
     },
     onCellRenderer: (cellParams) => {
-      if (eventGroups.onCellRenderer) {
+      const cloneEventGroup = _.cloneDeep(eventGroups)
+      if (cloneEventGroup.onCellRenderer) {
         let finalResponse = {};
         const path = funcParams.dynamicData?.tableButtonPath || funcParams?.dynamicData?.path?.split(".")[0];
-
-        for (const eventConfig of eventGroups?.onCellRenderer?.[path]) {
-          executeEventsParameters.store.functionParameters = cellParams
-          finalResponse = executeEvents({
-            ...executeEventsParameters,
-            config: eventConfig,
-            componentName: path
-          })
+        if (cloneEventGroup?.onCellRenderer?.[path]) {
+          for (const eventConfig of cloneEventGroup?.onCellRenderer?.[path]) {
+            executeEventsParameters.store.functionParameters = cellParams
+            finalResponse = executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path
+            })
+          }
+          return finalResponse
         }
-        return finalResponse
       }
       return {}
     },