impaktapps-ui-builder 1.0.421 → 1.0.422

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

@@ -24,7 +24,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
-    onChange: () => void;
+    onChange: (updatedData: any) => void;
     callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;

package/package.json

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

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

@@ -205,38 +205,44 @@ export default (funcParams: funcParamsProps) => {
         return response?.data;
       }
     },
-    onChange: function () {
+     onChange: function (updatedData) {
       if (!eventGroups.onChange) return;
-
       const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
-
       const promises = ChangeEventsKeysArray.flatMap((componentName: string) => {
         if (
-          funcParams.store?.formData[componentName] === funcParams.store.newData[componentName] ||
-          funcParams.store?.newData[componentName] === undefined
+          funcParams.store?.formData[componentName] !== funcParams.store.newData[componentName]
         ) {
-          return [];
-        }
-
-        return eventGroups.onChange[componentName].map(eventConfig =>
-          Promise.resolve(
-            executeEvents({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName,
-              formDataHolder
+          if (funcParams.store.newData[componentName] === undefined) {
+            const allKeys = _.union(
+              Object.keys(funcParams.store.formData),
+              Object.keys(updatedData),
+            );
+            const changedKeys = allKeys.filter(
+              (key) => !_.isEqual(funcParams.store.formData[key], updatedData[key]),
+            );
+            if (!changedKeys[0]) { return [] }
+          }
+          return eventGroups.onChange[componentName].map(eventConfig =>
+            Promise.resolve(
+              executeEvents({
+                ...executeEventsParameters,
+                config: eventConfig,
+                componentName,
+                formDataHolder
+              })
+            ).then(() => {
+              if (!isEmpty(formDataHolder)) {
+                funcParams.store.setFormdata(pre => ({
+                  ...pre,
+                  ...formDataHolder
+                }));
+              }
             })
-          ).then(() => {
-            if (!isEmpty(formDataHolder)) {
-              funcParams.store.setFormdata(pre => ({
-                ...pre,
-                ...formDataHolder
-              }));
-            }
-          })
-        );
-      });
+          );
 
+        }
+        return [];
+      });
       Promise.allSettled(promises);
     },
     callExecuteEvents: async function (paramValue, apiBody, eventType: string) {