impaktapps-ui-builder 0.0.286 → 0.0.288

package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts

@@ -43,8 +43,8 @@ export declare const APISection: {
                 label: string;
                 type: string;
                 options: {
-                    title: string;
-                    const: string;
+                    label: string;
+                    value: string;
                 }[];
                 multiple?: undefined;
             };
@@ -114,7 +114,7 @@ export declare const APISectionSchema: {
                 key: {
                     type: string;
                 };
-                const: {
+                value: {
                     type: string;
                 };
             };
@@ -128,7 +128,7 @@ export declare const APISectionSchema: {
                 key: {
                     type: string;
                 };
-                const: {
+                value: {
                     type: string;
                 };
             };

package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts

@@ -19,8 +19,8 @@ export declare const CoreSection: {
                 label: string;
                 type: string;
                 options: {
-                    title: string;
-                    const: string;
+                    label: string;
+                    value: string;
                 }[];
             };
         };
@@ -89,8 +89,8 @@ export declare const CoreSection: {
                         main: {
                             label: string;
                             options: {
-                                title: string;
-                                const: string;
+                                label: string;
+                                value: string;
                             }[];
                         };
                     };

package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts

@@ -24,8 +24,8 @@ export declare const ValidationSection: {
                         main: {
                             label: string;
                             options: {
-                                const: string;
-                                title: string;
+                                value: string;
+                                label: string;
                             }[];
                         };
                     };

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

@@ -1,5 +1,6 @@
 import { handlersProps } from "./interface";
 export declare const executeEvents: (params: handlersProps) => Promise<any>;
+export declare function executeRefreshHandler(params: handlersProps): Promise<void>;
 export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): Promise<{
     body: any;
     headers: any;

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

@@ -12,7 +12,9 @@ declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
     onClick: () => Promise<void>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
+    getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;
+    updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
     downloadFile: (obj: any) => void;
 };
 export default _default;

package/package.json

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

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

@@ -16,10 +16,10 @@ export const APISection = {
           label: "Method",
           type: "text",
           options: [
-            { title: "Get", const: "get" },
-            { title: "Post", const: "post" },
-            { title: "Delete", const: "delete" },
-            { title: "Put", const: "put" },
+            { label: "Get", value: "get" },
+            { label: "Post", value: "post" },
+            { label: "Delete", value: "delete" },
+            { label: "Put", value: "put" },
           ],
         },
       },
@@ -155,7 +155,7 @@ export const APISectionSchema = {
         key: {
           type: "string",
         },
-        const: {
+        value: {
           type: "string",
         },
       },
@@ -169,7 +169,7 @@ export const APISectionSchema = {
         key: {
           type: "string",
         },
-        const: {
+        value: {
           type: "string",
         },
       },

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

@@ -14,34 +14,34 @@ export const CoreSection = {
           label: "Type",
           type: "text",
           options: [
-            { title: "Select", const: "Select" },
-            { title: "Date", const: "Date" },
-            { title: "CheckBox", const: "CheckBox" },
-            { title: "Table", const: "Table" },
-            { title: "Lazy Loading Table", const: "LazyLoadingTable" },
-            { title: "Array", const: "Array" },
-            { title: "Container", const: "WrapperSection" },
-            { title: "Tabs", const: "TabSection" },
-            { title: "Text", const: "Text" },
-            { title: "Text Area", const: "TextArea" },
-            { title: "Button", const: "Button" },
-            { title: "Card", const: "card" },
-            { title: "Radio", const: "Radio" },
-            { title: "Rank", const: "Rank" },
-            { title: "SpeedoMeter", const: "SpeedoMeter" },
-            { title: "ProgressBar", const: "ProgressBar" },
-            { title: "Graph", const: "Graph" },
-            { title: "Label", const: "Box" },
-            { title: "Upload File", const: "UploadFile" },
-            { title: "Download File", const: "DownloadFile" },
-            { title: "Empty Box", const: "EmptyBox" },
-            { title: "ProgressBar Card", const: "ProgressBarCard" },
-            { title: "Rank Card", const: "RankCard" },
-            { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
-            { title: "Slider", const: "Slider" },
-            { title: "Timer", const: "Timer" },
-            { title: "MultipleSelect", const: "MultipleSelect" },
-            { title: "LeaderBoard", const: "LeaderBoard" },],
+            { label: "Select", value: "Select" },
+            { label: "Date", value: "Date" },
+            { label: "CheckBox", value: "CheckBox" },
+            { label: "Table", value: "Table" },
+            { label: "Lazy Loading Table", value: "LazyLoadingTable" },
+            { label: "Array", value: "Array" },
+            { label: "Container", value: "WrapperSection" },
+            { label: "Tabs", value: "TabSection" },
+            { label: "Text", value: "Text" },
+            { label: "Text Area", value: "TextArea" },
+            { label: "Button", value: "Button" },
+            { label: "Card", value: "card" },
+            { label: "Radio", value: "Radio" },
+            { label: "Rank", value: "Rank" },
+            { label: "SpeedoMeter", value: "SpeedoMeter" },
+            { label: "ProgressBar", value: "ProgressBar" },
+            { label: "Graph", value: "Graph" },
+            { label: "Label", value: "Box" },
+            { label: "Upload File", value: "UploadFile" },
+            { label: "Download File", value: "DownloadFile" },
+            { label: "Empty Box", value: "EmptyBox" },
+            { label: "ProgressBar Card", value: "ProgressBarCard" },
+            { label: "Rank Card", value: "RankCard" },
+            { label: "Runner Boy Progress Bar", value: "RunnerBoyProgressBar" },
+            { label: "Slider", value: "Slider" },
+            { label: "Timer", value: "Timer" },
+            { label: "MultipleSelect", value: "MultipleSelect" },
+            { label: "LeaderBoard", value: "LeaderBoard" },],
         },
       },
     },
@@ -119,10 +119,10 @@ export const CoreSection = {
                 main: {
                   label: "Screen Size",
                   options: [
-                    { title: "Extra Small", const: "xs" },
-                    { title: "Small", const: "sm" },
-                    { title: "Medium", const: "md" },
-                    { title: "Large", const: "lg" },
+                    { label: "Extra Small", value: "xs" },
+                    { label: "Small", value: "sm" },
+                    { label: "Medium", value: "md" },
+                    { label: "Large", value: "lg" },
                   ],
                 },
               },
@@ -144,10 +144,10 @@ export const CoreSection = {
                 main: {
                   label: "Value",
                   options: [
-                    { title: "3", const: "3" },
-                    { title: "5.5", const: "5.5" },
-                    { title: "8", const: "8" },
-                    { title: "12", const: "12" },
+                    { label: "3", value: "3" },
+                    { label: "5.5", value: "5.5" },
+                    { label: "8", value: "8" },
+                    { label: "12", value: "12" },
                   ],
                 },
               },

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

@@ -27,10 +27,10 @@ export const ValidationSection = {
                 main: {
                   label: "Validation Type",
                   options: [
-                    { const: "required", title: "Required" },
-                    { const: "minLength", title: "Minimum Length" },
-                    { const: "maxLength", title: "Maximum Length" },
-                    { const: "pattern", title: "Pattern" },
+                    { value: "required", label: "Required" },
+                    { value: "minLength", label: "Minimum Length" },
+                    { value: "maxLength", label: "Maximum Length" },
+                    { value: "pattern", label: "Pattern" },
                   ]
                 },
               },

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

@@ -6,16 +6,16 @@ export const executeEvents = async (
  params:handlersProps
 ) => {
   let nextEvent = [];
-  let LoadResponse = null;
+  let finalResponse = null;
   try{
     if (!shouldEventExecute(params)) {
       return { response: undefined, events: undefined };
     }
     const response  = await executeEventsHandler(params)
-    LoadResponse = response;
+    finalResponse = response;
     const SuccessEvent = params.config?.events.filter(e => e.eventType === "Success");
     if(params.config.returnNeeded){
-      return LoadResponse
+      return finalResponse
     }
     nextEvent = SuccessEvent;
   } catch (err) {
@@ -25,10 +25,10 @@ export const executeEvents = async (
   }
   if (nextEvent?.length > 0) {
     for (const actionConfig of nextEvent) {
-        await executeEvents({...params,config:actionConfig,parentEventOutput:LoadResponse})
+        await executeEvents({...params,config:actionConfig,parentEventOutput:finalResponse})
     }
   }
-  return LoadResponse;
+  return finalResponse;
 }
 
 async function executeEventsHandler(params:handlersProps) {
@@ -49,11 +49,11 @@ async function executeEventsHandler(params:handlersProps) {
     params.parentEventOutput, params.componentName, params.config, params.store)
   }
 }
-async function executeRefreshHandler(params:handlersProps) {
+export async function executeRefreshHandler(params:handlersProps) {
   const compToRefresh: string[] = getRefreshElements(params.config, params.eventGroups)
   for (const componentName of compToRefresh) {
     for (const compEventConfig of params.eventGroups.onLoad[componentName]) {
-      await executeEvents({...params,config:compEventConfig});
+      await executeEvents({...params,config:compEventConfig,componentName});
     }
   }
 }
@@ -94,7 +94,8 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
       return {
         ...pre, properties: {
           ...pre.properties, [componentName]: {
-            enum: handlerResponse.data
+            ...pre.properties?.[componentName],
+            oneOf: handlerResponse.data
           }
         }
       }
@@ -145,8 +146,8 @@ const buildHeadersFormat = (headers: any[]) => {
 async function shouldEventExecute(params:handlersProps) {
   const startEvent = params.config?.events?.filter(e => e.eventType === "onStart");
   if (startEvent?.length > 0) {
-    const { response } = await executeEventsHandler(params);
-    return response
+    const response = await executeEventsHandler({...params,config:startEvent[0]});
+    return response;
   }
 }
 

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

@@ -1,6 +1,6 @@
 import _ from "lodash";
 import { downloadFile } from "./downloadFile";
-import { executeEvents } from "./events";
+import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};
@@ -29,10 +29,10 @@ export const extractEvents = (eventConfig: any) => {
         const SuccessEvent = event?.events?.find((elem) => {
           return elem.eventType === "Success"
         })
-        if (!(!!SuccessEvent) && event.eventType === "onLoad"  ) {
+        if (!(!!SuccessEvent) && event.eventType === "onLoad") {
           event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType })
-         } 
-          eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })      
+        }
+        eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
       });
     }
   }
@@ -69,12 +69,7 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       }
-      await executeEvents({
-        ...executeEventsParameters,
-        config: { Handler: "refresh", eventType: "onPageRefresh" },
-        componentName: "all"
-      })
-      
+      await executeRefreshHandler(executeEventsParameters)
       funcParams.store.setSchema(
         (pre: any) => {
           return {
@@ -95,31 +90,23 @@ export default (funcParams: funcParamsProps) => {
         })
       }
     },
-    onPaginationChange: async (paginationValues) => {
-      for (const eventConfig of eventGroups?.onLoad[paginationValues.path]) {
-        const bodyValues = [
-          { key: "size", value: paginationValues.pagination.pageSize },
-          { key: "start", value: paginationValues.pagination.pageIndex * paginationValues.pagination.pageSize },
-          { key: "sorting", value: paginationValues.sorting || [] },
-          { key: "filters", value: paginationValues.columnFilters || [] },
-          { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
+    onPaginationChange: async function (paginationValues) {
+      const apiBody = [
+        { key: "size", value: paginationValues.pagination.pageSize },
+        { key: "start", value: paginationValues.pagination.pageIndex * paginationValues.pagination.pageSize },
+        { key: "sorting", value: paginationValues.sorting || [] },
+        { key: "filters", value: paginationValues.columnFilters || [] },
+        { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
+      ]
+      return await this.updateConfigApiBody(paginationValues, apiBody)
+    },
+    getSelectOptions: async function (param) {
+      if (param.serachValue !== "" && param.serachValue !== undefined) {
+        const apiBody = [
+          { key: "serachValue", value: param.serachValue },
+          { key: "currentValue", value: param.currentValue }
         ]
-        if (eventConfig.body) {
-          eventConfig.body = [
-            ...eventConfig.body,
-            ...bodyValues
-          ]
-        } else { eventConfig.body = bodyValues; };
-        const responseEvent = eventConfig?.events?.filter((elem) => {
-          return elem.Handler !== "mergeFormdata"
-        })
-        eventConfig.events = responseEvent??[]
-        const data = await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: paginationValues.path
-        })
-        return data;
+        return await this.updateConfigApiBody(param, apiBody)
       }
     },
     onChange: async function () {
@@ -141,6 +128,27 @@ export default (funcParams: funcParamsProps) => {
         }))
       }
     },
+    updateConfigApiBody: async function (paramValue, apiBody) {
+      let LastCallResponse = undefined;
+      for (const eventConfig of eventGroups?.onLoad[paramValue.path]) {
+        if (eventConfig.body) {
+          eventConfig.body = [
+            ...eventConfig.body,
+            ...apiBody
+          ]
+        } else { eventConfig.body = apiBody; };
+        const responseEvent = eventConfig?.events?.filter((elem) => {
+          return elem.Handler !== "mergeFormdata"
+        })
+        eventConfig.events = responseEvent ?? []
+        LastCallResponse = await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: paramValue.path
+        })
+      }
+      return LastCallResponse
+    },
     downloadFile: downloadFile
   };
 };