impaktapps-ui-builder 0.0.382-alpha.325 → 0.0.382-alpha.327

package/package.json

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

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

@@ -1,7 +1,10 @@
-import _, { isEmpty } from "lodash";
+import _, { isEmpty, throttle } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
+
+import { debounce } from "lodash";
+
 let compType: string;
 let eventGroups: any = {};
 const notifyUiSchema = {
@@ -64,6 +67,14 @@ export default (funcParams: funcParamsProps) => {
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
     serviceHolder: { downloadFile,download:doDownload }, eventGroups
   };
+  const handleButtonClick = debounce(async function() {
+    await this.callHandler("onClick");
+  }, 300); // adjust the delay as needed
+
+  const throttledExecuteEvents = throttle(async (executeEventsParams) => {
+    await executeEvents(executeEventsParams);
+  }, 1000); // Adjust the time window as needed
+
   return {
     setPage: async function () {
       funcParams.store.setFormdata({});
@@ -87,15 +98,18 @@ export default (funcParams: funcParamsProps) => {
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
 
-      
+
       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")
+    // },
     onClick: async function () {
-      await this.callHandler("onClick")
+      handleButtonClick();
     },
     onFileDownload: async function () {
       await this.callHandler("onDownload")
@@ -184,16 +198,31 @@ export default (funcParams: funcParamsProps) => {
         functionParameters?.handleReset()
       }
     },
+    // callHandler: async function (eventType: string, functionParameters?: any) {
+    //   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
+    //       await executeEvents({
+    //         ...executeEventsParameters,
+    //         config: eventConfig,
+    //         componentName: path
+    //       })
+    //     }
+    //   }
+    // },
     callHandler: async function (eventType: string, functionParameters?: any) {
       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
-          await executeEvents({
+          executeEventsParameters.store.functionParameters = functionParameters;
+  
+          // Throttle the execution of the executeEvents function
+          await throttledExecuteEvents({
             ...executeEventsParameters,
             config: eventConfig,
-            componentName: path
-          })
+            componentName: path,
+          });
         }
       }
     },