impaktapps-ui-builder 1.0.125 → 1.0.129

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

@@ -22,7 +22,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
-    onChange: () => Promise<void>;
+    onChange: () => 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.125",
+    "version": "1.0.129",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildTable.ts

@@ -77,8 +77,5 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.maxPageSize) {
     table.config.main.maxPageSize = config.maxPageSize
   }
-  if(config.initialDensity){
-    table.config.main.initialDensity = config.initialDensity
-  }
   return table;
 };

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

@@ -487,11 +487,6 @@ export const buildPropertiesSection = function (type: String) {
           { label: "100", value: 100 },
           { label: "500", value: 500 }
         ]),
-        getSelectField("initialDensity", "Initial Toggle Density", [
-          { label: "Compact", value: "compact" },
-          { label: "Comfortable", value: "comfortable" },
-          { label: "Spacious", value: "spacious" }
-        ]),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -94,14 +94,6 @@ export const ComponentSchema: any = {
         { title: "500", const: 500 }
       ]
     },
-    initialDensity:{
-      type: "string",
-       oneOf: [
-        { title: "Compact", const: "compact" },
-        { title: "Comfortable", const: "comfortable" },
-        { title: "Spacious", const: "spacious" }
-      ]
-    },
     layout: {
       type: "array",
       items: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -63,7 +63,8 @@ export function refreshPage(type: string, store: any) {
     }
     const elements = sectionLabels[type]?.map(e => sectionUiSchema[e]);
     UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Events", "Validation"];
-    UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store.theme.myTheme), ValidationSection];
+    UiSchema. elements[0].elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store.theme.myTheme), ValidationSection];
+   
   }
 
   // Get Widget Type of parent

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

@@ -183,28 +183,39 @@ export default (funcParams: funcParamsProps) => {
         return response?.data;
       }
     },
-    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,
-                formDataHolder
-              })
-              if (eventConfig.Handler === "refresh") {
-                funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
-              }
+    onChange: function () {
+      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
+        ) {
+          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
+              }));
             }
-          }
-        }))
-      }
+          })
+        );
+      });
+
+      Promise.allSettled(promises);
     },
     callExecuteEvents: async function (paramValue, apiBody, eventType: string) {
       let LastCallResponse = undefined;
@@ -250,28 +261,33 @@ export default (funcParams: funcParamsProps) => {
       }
     },
     callHandler: function (eventType: string, functionParameters?: any) {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[funcParams.dynamicData.path.split(".").length - 1];
-      if (eventGroups?.[eventType]?.[path] !== undefined) {
-        (eventGroups?.[eventType]?.[path].map((eventConfig) => {
-          executeEventsParameters.store.functionParameters = functionParameters
-          if (eventConfig.Handler === "refresh") {
-            executeEvents({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName: path,
-              formDataHolder: formDataHolder
-            }).then((res) => {
-              funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
-            });
-          } else {
-            executeEvents({
-              ...executeEventsParameters,
-              config: eventConfig,
-              componentName: path
-            })
+      const path =
+        funcParams.dynamicData?.tableButtonPath ||
+        funcParams.dynamicData.path.split(".").pop();
+
+      if (!eventGroups?.[eventType]?.[path]) return;
+
+      const promises = eventGroups[eventType][path].map(eventConfig => {
+        executeEventsParameters.store.functionParameters = functionParameters;
+
+        return Promise.resolve(
+          executeEvents({
+            ...executeEventsParameters,
+            config: eventConfig,
+            componentName: path,
+            formDataHolder
+          })
+        ).then(() => {
+          if (!isEmpty(formDataHolder)) {
+            funcParams.store.setFormdata(pre => ({
+              ...pre,
+              ...formDataHolder
+            }));
           }
-        }))
-      }
+        });
+      });
+
+      Promise.allSettled(promises);
     },
     downloadFile: downloadFile,
     downloadFileFromUrl: downloadFileFromUrl,