impaktapps-ui-builder 1.0.134 → 1.0.136

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.134",
+    "version": "1.0.136",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -21,6 +21,9 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.legendLabels) {
       horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
     }
+    if(config.legendDirection){
+      horizontalBarGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
     if (config.pieArcColors) {
       horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
     }
@@ -42,6 +45,9 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.leftLabel) {
       horizontalBarGraph.config.main.leftLabel = config.leftLabel;
     }
+    if (config.disableLeftLabel) {
+      horizontalBarGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
     return horizontalBarGraph
 }
 

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

@@ -28,9 +28,15 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.leftLabel) {
     lineGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.disableLeftLabel) {
+    lineGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+  }
   if (config.legendHide) {
     lineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
   }
+  if(config.legendDirection){
+    lineGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+  }
   if (config.bottomAxisAngle) {
     lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
   }

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

@@ -12,6 +12,9 @@ export const buildPieGraph = (config, componentScope) => {
   if (config.legendHide) {
     pieGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
   }
+  if(config.legendDirection){
+    pieGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+  }
   pieGraph.scope = componentScope;
   pieGraph.config.main.header = config.heading;
 

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

@@ -11,6 +11,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
       barGraph.config.main.legendAvailable = config.legendHide;
       barGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
     }
+    if(config.legendDirection){
+      barGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
     if (config.bottomAxisAngle) {
       barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
@@ -39,6 +42,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.leftLabel) {
       barGraph.config.main.leftLabel = config.leftLabel;
     }
+    if (config.disableLeftLabel) {
+     barGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
     barGraph.scope = componentScope;
     return barGraph;
 } 

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

@@ -432,9 +432,11 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" }
         ]),
         getInputField("leftLabel", "Left Label"),
+        getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
+        getRadioInputField("legendDirection", "Legend Direction", ["Row", "Column"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["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/services/component.ts

@@ -186,6 +186,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);