impaktapps-ui-builder 0.0.285 → 0.0.287

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.285",
+    "version": "0.0.287",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -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});
     }
   }
 }
@@ -64,24 +64,12 @@ async function executeApiEventHandler(params:handlersProps) {
     "Access-Control-Allow-Origin": "*"
   };
   const { body, headers } = await buildApiPayload(params.config, initialBody, initialHeaders, params.store, params.dynamicData, params.userValue, params.service)
-  let response: any;
-  const dataJSON = await fetch(params.config.path, {
-    method: "POST",
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify(body)
-  })
-  response = await dataJSON.json();
-  // if(params.config.returnResponse){
-  //   return {response}
-  // }
-  // return response;
-  // response = await params.service[params.config.method](
-  //   params.config.path,
-  //   body,
-  //   headers && { headers: headers }
-  // );
+  
+  const response = await params.service[params.config.method](
+    params.config.path,
+    body,
+    headers && { headers: headers }
+  );
   return response;
 }
 
@@ -106,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
           }
         }
       }
@@ -157,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
   };
 };