impaktapps-ui-builder 0.0.101-alpha.71 → 0.0.101-alpha.73

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.101-alpha.71",
+    "version": "0.0.101-alpha.73",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -2,22 +2,25 @@ import _ from "lodash";
 import TextInputField from "./uischema/textInputField";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildTextField = (config:any,componentScope:string) =>{
-    const inputField: any = _.cloneDeep(TextInputField);
-    inputField.config.main.label = config.label;
-    if (config.style) {
-      inputField.config.style = JSON.parse(config.style)
-    }
-    if (config.InputFormatingAndMasking) {
-      inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
-    }
-    if (config.placeholder) {
-      inputField.config.main.placeholder = config.placeholder;
-    }
-    if (config.layout) {
-      inputField.config.layout = createLayoutFormat(config.layout)
-    }
-    inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
-    inputField.scope = componentScope;
-    return inputField;
+export const buildTextField = (config: any, componentScope: string) => {
+  const inputField: any = _.cloneDeep(TextInputField);
+  inputField.config.main.label = config.label;
+  if (config.style) {
+    inputField.config.style = JSON.parse(config.style)
+  }
+  if (config.multiline) {
+    inputField.config.main.multiline = config.multiline === "YES" ? true : false;
+  }
+  if (config.InputFormatingAndMasking) {
+    inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
+  }
+  if (config.placeholder) {
+    inputField.config.main.placeholder = config.placeholder;
+  }
+  if (config.layout) {
+    inputField.config.layout = createLayoutFormat(config.layout)
+  }
+  inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  inputField.scope = componentScope;
+  return inputField;
 }

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

@@ -322,7 +322,7 @@ export const buildPropertiesSection = function (type: String) {
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        emptyBox("TextEmpty1", {xs: 6, sm: 6, md: 4, lg: 4 }),
+        getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
         emptyBox("TextEmpty1", {xs: 0, sm: 0, md: 4, lg: 4 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ]

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -158,7 +158,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id")
 
-      let pathArray = [{label: config.name, path: `/PageMaster?id=${id}`}];
+      let pathArray = [{label: config.name, path: `/PageMaster${id ? `?id=${id}` : ''}`}];
 
       if (path) {
               const pathArrayAll = path.split(".");
@@ -176,7 +176,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
                   const data = _.get(config, e)
                   pathArray.push({
                     label: data?.name || data?.eventType || "NewComponent",
-                    path: `/Component?path=${e}&id=${id}`
+                    path: `/Component?path=${e}${id ? `&id=${id}` : ''}`
                   });
               })
           }

package/src/impaktapps-ui-builder/builder/services/event.ts

@@ -131,7 +131,7 @@ export default (
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
 
-      let pathArray = [{label: config.name, path: `/PageMaster?id=${id}`}];
+      let pathArray = [{label: config.name, path: `/PageMaster${id ? `?id=${id}` : ''}`}];
 
       if (path) {
         const pathArrayAll = path.split(".");
@@ -148,7 +148,7 @@ export default (
           const data = _.get(config, e);
           pathArray.push({
             label: data?.name || data?.eventType || "NewComponent",
-            path: data?.eventType ? `/ComponentEvents?path=${e}&id=${id}` : `/Component?path=${e}&id=${id}`,
+            path: data?.eventType ? `/ComponentEvents?path=${e}${id ? `&id=${id}` : ''}` : `/Component?path=${e}${id ? `&id=${id}` : ''}`,
           });
         });
       }
@@ -173,7 +173,7 @@ export default (
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
 
-      let pathArray = [{label: config.name, path: `/PageMaster?id=${id}`}];
+      let pathArray = [{label: config.name, path: `/PageMaster${id ? `?id=${id}` : ''}`}];
 
       if (path) {
         const pathArrayAll = path.split(".");
@@ -190,7 +190,7 @@ export default (
           const data = _.get(config, e);
           pathArray.push({
             label: data?.name || data?.eventType || "NewComponent",
-            path: data?.eventType ? `/ComponentEvents?path=${e}&id=${id}` : `/Component?path=${e}&id=${id}`,
+            path: data?.eventType ? `/ComponentEvents?path=${e}${id ? `&id=${id}` : ''}` : `/Component?path=${e}${id ? `&id=${id}` : ''}`,
           });
         });
       }

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

@@ -1,4 +1,4 @@
-import _, { cloneDeep } from "lodash";
+import _ from "lodash";
 import { handlersProps } from "./interface";
 export const executeEvents = (params: handlersProps) => {
   let nextEvent = [];
@@ -186,6 +186,13 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
       store.setFormdata((pre: any) => { return { ...pre, ...handlerResponse?.data } })
     }
   }
+  else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
+    if (handlerResponse && handlerResponse?.data) {
+      formDataHolder[componentName] = handlerResponse.data?.data
+      formDataHolder[`${componentName}_RowCount`] = handlerResponse.data?.meta?.totalRowCount
+      store.setFormdata((pre) => { return { ...pre, ...formDataHolder } });
+    }
+  }
   else {
     if (handlerResponse) {
       formDataHolder[componentName] = handlerResponse.data

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

@@ -294,7 +294,7 @@ export default (funcParams: funcParamsProps) => {
                   fontSize: "12px",
                   cursor: "pointer",
                   marginLeft: "2px",
-        
+
                   top: 3,
                   right: "12px",
                   position: "absolute",
@@ -319,12 +319,12 @@ export default (funcParams: funcParamsProps) => {
       await executeRefreshHandler({
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        serviceHolder: this, eventGroups, formDataHolder
+        serviceHolder: this, eventGroups, formDataHolder: {}
       })
       funcParams.store.setSchema(
         (pre: any) => {
           return {
-            ...schema,...pre, properties:
+            ...schema, ...pre, properties:
               { ...schema.properties, ...pre.properties, }
           }
         }
@@ -336,7 +336,8 @@ export default (funcParams: funcParamsProps) => {
       if (eventGroups.onCellRenderer) {
         let finalResponse = {};
         const path = funcParams.dynamicData?.tableButtonPath || funcParams?.dynamicData?.path?.split(".")[0];
-        for (const eventConfig of eventGroups?.onCellRenderer[path]) {
+
+        for (const eventConfig of eventGroups?.onCellRenderer?.[path]) {
           executeEventsParameters.store.functionParameters = cellParams
           finalResponse = executeEvents({
             ...executeEventsParameters,