impaktapps-ui-builder 0.0.382-alpha.322 → 0.0.382-alpha.324

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.382-alpha.322",
+    "version": "0.0.382-alpha.324",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -1,4 +1,3 @@
-import React, { useState, useEffect } from "react";
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
@@ -28,41 +27,20 @@ export const extractEvents = (eventConfig: any) => {
           eventGroups[event.eventType][eventConfigObj.name] = [];
         }
         const SuccessEvent = event?.events?.find((elem) => {
-          return elem.eventType === "Success";
-        });
-        if (
-          !SuccessEvent &&
-          event.eventType === "onLoad"
-        ) {
-          event.events.push({
-            Handler: "mergeFormdata",
-            eventType: "Success",
-            type: compType,
-            lazyLoading: eventConfig.lazyLoading === "YES" ? true : false,
-          });
+          return elem.eventType === "Success"
+        })
+        if (!(!!SuccessEvent) && event.eventType === "onLoad") {
+          event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
-        if (
-          !SuccessEvent &&
-          (event.eventType === "onBack" ||
-            event.eventType === "onNext" ||
-            event.eventType === "onReset")
-        ) {
-          event.events.push({
-            Handler: `${event.eventType}Handler`,
-            eventType: "Success",
-            type: compType,
-            lazyLoading: eventConfig.lazyLoading === "YES" ? true : false,
-          });
+        if (!(!!SuccessEvent) && (event.eventType === "onBack" || event.eventType === "onNext"|| event.eventType === "onReset")) {
+          event.events.push({ Handler: `${event.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
-        eventGroups[event.eventType][eventConfigObj.name].push({
-          ...event,
-          type: compType,
-        });
+        eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
       });
     }
   }
 
-  extractsConfigEvents(eventConfig);
+  extractsConfigEvents(eventConfig)
   if (eventConfig?.elements) {
     eventConfig.elements.forEach(extractEvents);
   }
@@ -70,15 +48,14 @@ export const extractEvents = (eventConfig: any) => {
 };
 
 interface funcParamsProps {
-  store: any;
-  dynamicData: any;
-  config: any;
-  uiSchema: any;
-  schema: any;
-  service: any;
-  userValue: any;
+  store: any,
+  dynamicData: any,
+  config: any,
+  uiSchema: any,
+  schema: any,
+  service: any,
+  userValue: any,
 }
-
 export default (funcParams: funcParamsProps) => {
   eventGroups = {}
   eventGroups = extractEvents(funcParams.config)
@@ -87,44 +64,51 @@ export default (funcParams: funcParamsProps) => {
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
     serviceHolder: { downloadFile,download:doDownload }, eventGroups
   };
-  const [isReady, setIsReady] = useState(false);
-
-  useEffect(() => {
-    if (isReady) {
-      executeRefreshHandler({
-        config: {},
-        componentName: "",
-        store: funcParams.store,
-        dynamicData: funcParams.dynamicData,
-        userValue: funcParams.userValue,
-        service: funcParams.service,
-        serviceHolder: this,
-        eventGroups,
-      });
-    }
-  }, [funcParams.store.formData]);
-
-  const setPage = async function () {
-    funcParams.store.setFormdata({});
-    
-
-    funcParams.store.setSchema(funcParams.schema);
-
-    funcParams.uiSchema.elements.push(notifyUiSchema);
-    funcParams.store.setUiSchema(funcParams.uiSchema);
-    setIsReady(true);
-  };
-
   return {
-    setPage,
+    setPage: async function () {
+      // funcParams.store.setFormdata({});
+      executeEventsParameters = {
+        config: {}, componentName: "",
+        store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+        serviceHolder: this, eventGroups
+      }
+      funcParams.store.setSchema(
+        (pre: any) => {
+          return {
+            ...funcParams.schema, properties:
+              { ...funcParams.schema.properties, ...pre.properties, }
+          }
+        }
+      )
+      funcParams.uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(funcParams.uiSchema);
+      funcParams.store.setFormdata({});
+      setTimeout(() => {
+        executeRefreshHandler({
+          config: {},
+          componentName: "",
+          store: funcParams.store,
+          dynamicData: funcParams.dynamicData,
+          userValue: funcParams.userValue,
+          service: funcParams.service,
+          serviceHolder: this,
+          eventGroups,
+        });
+      }, 5000);
+      // await executeRefreshHandler({
+      //   config: {}, componentName: "",
+      //   store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+      //   serviceHolder: this, eventGroups
+      // })
+    },
     onClick: async function () {
-      await this.callHandler("onClick");
+      await this.callHandler("onClick")
     },
     onFileDownload: async function () {
-      await this.callHandler("onDownload");
+      await this.callHandler("onDownload")
     },
     onFileUpload: async function () {
-      await this.callHandler("onUpload");
+      await this.callHandler("onUpload")
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
@@ -132,8 +116,8 @@ export default (funcParams: funcParamsProps) => {
         { key: "pageIndex", value: paginationValues.pagination.pageIndex },
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.columnFilters || [] },
-        { key: "globalFilter", value: paginationValues.globalFilter ?? "" },
-      ];
+        { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
+      ]
       const response = await this.updateConfigApiBody(paginationValues, apiBody);
       return response?.data;
     },
@@ -141,96 +125,97 @@ export default (funcParams: funcParamsProps) => {
       if (param.serachValue !== "" && param.serachValue !== undefined) {
         const apiBody = [
           { key: "searchValue", value: param.serachValue },
-          { key: "currentValue", value: param.currentValue },
-        ];
-        return await this.updateConfigApiBody(param, apiBody);
+          { key: "currentValue", value: param.currentValue }
+        ]
+        return await this.updateConfigApiBody(param, apiBody)
       }
     },
     onChange: async function () {
       if (eventGroups.onChange) {
         const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
-        Promise.all(
-          ChangeEventsKeysArray.map(async (componentName: string) => {
-            if (
-              funcParams.store?.formData[componentName] !==
-                funcParams.store.newData[componentName] &&
-              funcParams.store?.newData[componentName] !== undefined
-            ) {
-              for (const eventConfig of eventGroups.onChange[componentName]) {
-                await executeEvents({
-                  ...executeEventsParameters,
-                  config: eventConfig,
-                  componentName,
-                });
-              }
+        Promise.all(ChangeEventsKeysArray.map(async (componentName: string) => {
+          if (
+            funcParams.store?.formData[componentName] !== funcParams.store.newData[componentName] &&
+            funcParams.store?.newData[componentName] !== undefined
+          ) {
+            for (const eventConfig of eventGroups.onChange[componentName]) {
+              await executeEvents({
+                ...executeEventsParameters,
+                config: eventConfig,
+                componentName
+              })
             }
-          })
-        );
+          }
+        }))
       }
     },
     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;
-        }
+          eventConfig.body = [
+            ...eventConfig.body,
+            ...apiBody
+          ]
+        } else { eventConfig.body = apiBody; };
         const responseEvent = eventConfig?.events?.filter((elem) => {
-          return elem.Handler !== "mergeFormdata";
-        });
-        eventConfig.events = responseEvent ?? [];
+          return elem.Handler !== "mergeFormdata"
+        })
+        eventConfig.events = responseEvent ?? []
         LastCallResponse = await executeEvents({
           ...executeEventsParameters,
           config: eventConfig,
-          componentName: paramValue.path,
-        });
+          componentName: paramValue.path
+        })
       }
-      return LastCallResponse;
+      return LastCallResponse
     },
     onBack: async function (functionParameters) {
-      const path =
-        funcParams.dynamicData?.tableButtonPath ||
-        funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onBack", functionParameters);
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      await this.callHandler("onBack", functionParameters)
       if (eventGroups?.["onBack"]?.[path] === undefined) {
-        functionParameters?.handleBack();
+        functionParameters?.handleBack()
       }
     },
     onNext: async function (functionParameters) {
-      const path =
-        funcParams.dynamicData?.tableButtonPath ||
-        funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onNext", functionParameters);
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      await this.callHandler("onNext", functionParameters)
       if (eventGroups?.["onNext"]?.[path] === undefined) {
-        functionParameters?.handleNext();
+        functionParameters?.handleNext()
       }
     },
     onReset: async function (functionParameters) {
-      const path =
-        funcParams.dynamicData?.tableButtonPath ||
-        funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onReset", functionParameters);
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      await this.callHandler("onReset", functionParameters)
       if (eventGroups?.["onReset"]?.[path] === undefined) {
-        functionParameters?.handleReset();
+        functionParameters?.handleReset()
       }
     },
     callHandler: async function (eventType: string, functionParameters?: any) {
-      const path =
-        funcParams.dynamicData?.tableButtonPath ||
-        funcParams.dynamicData.path.split(".")[0];
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
       if (eventGroups?.[eventType]?.[path] !== undefined) {
         for (const eventConfig of eventGroups?.[eventType]?.[path]) {
-          executeEventsParameters.store.functionParameters = functionParameters;
+          executeEventsParameters.store.functionParameters = functionParameters
           await executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
-            componentName: path,
-          });
+            componentName: path
+          })
         }
       }
     },
     downloadFile: downloadFile,
-    download: doDownload,
+    download:doDownload,
   };
 };
+
+
+
+
+
+
+
+
+
+
+