impaktapps-ui-builder 0.0.101-alpha.72 → 0.0.101-alpha.74

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.101-alpha.72",
+    "version": "0.0.101-alpha.74",
     "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/buildUiSchema.ts

@@ -365,7 +365,8 @@ const buildUiSchema = (config: any, store?: any) => {
             elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : [],
             // enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
             columnFilterModeOptions: cellElem.filteringOptions,
-            enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false
+            enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false,
+            enableSorting: cellElem.enableSorting === "Yes" ? true : false
           }
         } else {
           return {
@@ -375,7 +376,8 @@ const buildUiSchema = (config: any, store?: any) => {
             size: sizeMap[cellElem.name] || 180,
             // enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
             columnFilterModeOptions: cellElem.filteringOptions,
-            enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false
+            enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false,
+            enableSorting: cellElem.enableSorting === "Yes" ? true : false
           }
         }
 

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

@@ -83,7 +83,7 @@ export function refreshPage (type: string, store: any) {
         },
       },
     };
-    UiSchema.elements[0].elements[0].elements[5] = 
+    UiSchema.elements[0].elements[0].elements[6] = 
     {
       type: "Control",
       scope: "#/properties/filteringOptions",
@@ -98,7 +98,7 @@ export function refreshPage (type: string, store: any) {
         },
       },
     };
-    UiSchema.elements[0].elements[0].elements[6] = 
+    UiSchema.elements[0].elements[0].elements[5] = 
     {
       type: "Control",
       scope: "#/properties/enableFilter",
@@ -110,16 +110,30 @@ export function refreshPage (type: string, store: any) {
         main: {
           label: "Enable Filter",
           options: ["Yes", "No"],
-          errorMessage: "Active is not marked YES or NO",
         },
       },
     },
     UiSchema.elements[0].elements[0].elements[7] = 
+    {
+      type: "Control",
+      scope: "#/properties/enableSorting",
+      options: {
+        widget: "RadioInputField",
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Enable Sorting",
+          options: ["Yes", "No"],
+        },
+      },
+    },
+    UiSchema.elements[0].elements[0].elements[8] = 
     {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 0, md: 0, lg: 6 },
+        layout: { xs: 6, sm: 6, md: 8, lg: 3 },
       },
       options: {
         widget: "EmptyBox",

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,