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

package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts

@@ -112,8 +112,16 @@ export default function Card(theme: any): {
                             margin: string;
                             marginLeft: string;
                             height: number;
+                            marginTop?: undefined;
                             position?: undefined;
                             left?: undefined;
+                            whiteSpace?: undefined;
+                            overflowX?: undefined;
+                            overflowY?: undefined;
+                            scrollbarWidth?: undefined;
+                            msOverflowStyle?: undefined;
+                            maxWidth?: undefined;
+                            "&::-webkit-scrollbar"?: undefined;
                         };
                     };
                     options: {
@@ -138,8 +146,18 @@ export default function Card(theme: any): {
                             justifyContent: string;
                             width: string;
                             margin: string;
+                            marginTop: string;
                             position: string;
                             left: string;
+                            whiteSpace: string;
+                            overflowX: string;
+                            overflowY: string;
+                            scrollbarWidth: string;
+                            msOverflowStyle: string;
+                            maxWidth: string;
+                            "&::-webkit-scrollbar": {
+                                display: string;
+                            };
                             marginLeft?: undefined;
                             height?: undefined;
                         };

package/package.json

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

@@ -123,14 +123,24 @@ export default function Card(theme){
                       style: {
                         color: "black",
                         display: "flex",
-                        fontSize: { xs: "24px", md: "28px" },
+                        fontSize: { xs: "24px", md: "25px" },
                         fontWeight: "bold",
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
                         margin: "-8px",
+                        marginTop: "-6px",
                         position: "absolute",
-                        left: "24px"
+                        left: "7px",  
+                        whiteSpace: "nowrap",          
+                        overflowX: "auto",             
+                        overflowY: "hidden",          
+                        scrollbarWidth: "none",        
+                        msOverflowStyle: "none",        
+                        maxWidth: "calc(100% + 20px)",  
+                        "&::-webkit-scrollbar": {  
+                          display: "none",
+                        }
                       },
                       // layout: 11,
                     },

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
+            })
           }
         }))
       }