impaktapps-ui-builder 1.0.124 → 1.0.125-testL.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.124",
+    "version": "1.0.125-testL.2",
     "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/buildUiSchema.ts

@@ -274,7 +274,17 @@ const buildUiSchema = (config: any, store?: any) => {
 
   if (config?.elements) {
     if (config?.type === "LeaderBoard") {
-      return elements;
+      const rowElements = []
+      config.elements.filter((cellElem, elemInd) => {
+        const commonProperties = {
+          accessorKey: cellElem.name,
+          type: cellElem.type === "ColumnGroup" ? "ColumnGroup" : cellElem.columnFormat,
+          header: cellElem.label || cellElem.name,
+          columnKey: cellElem.columnKey
+        }
+        rowElements.push({ ...commonProperties })
+      })
+      elements.elements = rowElements;
     }
     else if (config.type == "ColumnGroup") {
       const sizeMap = {}

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/builder/services/component.ts

@@ -163,6 +163,22 @@ export function refreshPage(type: string, store: any) {
       },
     }
   }
+  if(parentObj?.type === "LeaderBoard"){
+    UiSchema.elements[0].elements[0].elements[4] = 
+    {
+      type: "Control",
+      scope: "#/properties/columnFormat",
+      options: {
+        widget: "SelectInputField",
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Column Format",
+        },
+      },
+    };
+  }
 
   if (sessionStorage.getItem("copiedConfig") ) {
     this.ElementPathSetter(UiSchema);

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

@@ -196,11 +196,11 @@ export default (funcParams: funcParamsProps) => {
                 ...executeEventsParameters,
                 config: eventConfig,
                 componentName,
-                formDataHolder:formDataHolder
+                formDataHolder
               })
-            }
-            if (!isEmpty(formDataHolder)) {
-              funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+              if (eventConfig.Handler === "refresh") {
+                funcParams.store.setFormdata((pre) => ({ ...pre, ...formDataHolder }));
+              }
             }
           }
         }))
@@ -252,16 +252,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
+            })
           }
         }))
       }