impaktapps-ui-builder 1.0.119 → 1.0.121

package/package.json

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

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

@@ -77,5 +77,8 @@ 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,6 +487,11 @@ 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,6 +94,14 @@ 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/runtime/services/events.ts

@@ -193,7 +193,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
     }
   }
   else {
-    if (handlerResponse?.data) {
+    if (handlerResponse) {
       formDataHolder[componentName] = handlerResponse.data
     }
   }

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

@@ -72,7 +72,10 @@ export default (funcParams: funcParamsProps) => {
   return {
     setPage: async function () {
       funcParams.store.setAdditionalErrors([]);
-      funcParams.store.setFormdata(funcParams?.initFormData() || {});
+      funcParams.store.setFormdata((pre) => ({
+        ...pre,
+        ...(funcParams?.initFormData())
+      }));
       funcParams.store.setSchema({ type: "object", properties: {} });
       funcParams.store.newData = {};
       eventGroups = {};
@@ -192,23 +195,14 @@ export default (funcParams: funcParamsProps) => {
             funcParams.store?.newData[componentName] !== undefined
           ) {
             for (const eventConfig of eventGroups.onChange[componentName]) {
-
+              await executeEvents({
+                ...executeEventsParameters,
+                config: eventConfig,
+                componentName,
+                formDataHolder
+              })
               if (eventConfig.Handler === "refresh") {
-                await executeEvents({
-                  ...executeEventsParameters,
-                  config: eventConfig,
-                  componentName,
-                  formDataHolder: formDataHolder
-                })
-                if (!isEmpty(formDataHolder)) {
-                  funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
-                }
-              } else {
-                await executeEvents({
-                  ...executeEventsParameters,
-                  config: eventConfig,
-                  componentName,
-                })
+                funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
               }
             }
           }
@@ -261,16 +255,23 @@ 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(async (eventConfig) => {
+        (eventGroups?.[eventType]?.[path].map((eventConfig) => {
           executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
-            ...executeEventsParameters,
-            config: eventConfig,
-            componentName: path,
-            formDataHolder: formDataHolder
-          })
-          if (!isEmpty(formDataHolder)) {
-            funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+          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
+            })
           }
         }))
       }