impaktapps-ui-builder 1.0.134 → 1.0.136

package/dist/impaktapps-ui-builder.es.js

@@ -7994,9 +7994,11 @@ const buildPropertiesSection = function(type) {
         getInputField("heading", "Heading"),
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
+        getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox$1("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"]),
@@ -8745,6 +8747,21 @@ function refreshPage(type, store2) {
       }
     };
   }
+  if ((parentObj == null ? void 0 : 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);
   }
@@ -10912,6 +10929,9 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
   if (config2.legendLabels) {
     horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
   }
+  if (config2.legendDirection) {
+    horizontalBarGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   if (config2.pieArcColors) {
     horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
   }
@@ -10932,6 +10952,9 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
   if (config2.leftLabel) {
     horizontalBarGraph.config.main.leftLabel = config2.leftLabel;
   }
+  if (config2.disableLeftLabel) {
+    horizontalBarGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
   return horizontalBarGraph;
 };
 var SpeedoMeter = {
@@ -11038,6 +11061,9 @@ const buildPieGraph = (config2, componentScope2) => {
   if (config2.legendHide) {
     pieGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
   }
+  if (config2.legendDirection) {
+    pieGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   pieGraph.scope = componentScope2;
   pieGraph.config.main.header = config2.heading;
   if (config2.legendLabels) {
@@ -11061,6 +11087,9 @@ const buildStackbarGraph = (config2, componentScope2) => {
     barGraph.config.main.legendAvailable = config2.legendHide;
     barGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
   }
+  if (config2.legendDirection) {
+    barGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   if (config2.bottomAxisAngle) {
     barGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
@@ -11089,6 +11118,9 @@ const buildStackbarGraph = (config2, componentScope2) => {
   if (config2.leftLabel) {
     barGraph.config.main.leftLabel = config2.leftLabel;
   }
+  if (config2.disableLeftLabel) {
+    barGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
   barGraph.scope = componentScope2;
   return barGraph;
 };
@@ -11630,14 +11662,24 @@ 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"
+                        }
                       }
                     },
                     options: {
@@ -12033,9 +12075,15 @@ const buildLineGraph = (config2, componentScope2) => {
   if (config2.leftLabel) {
     lineGraph.config.main.leftLabel = config2.leftLabel;
   }
+  if (config2.disableLeftLabel) {
+    lineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
   if (config2.legendHide) {
     lineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
   }
+  if (config2.legendDirection) {
+    lineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
   if (config2.bottomAxisAngle) {
     lineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
@@ -12750,7 +12798,17 @@ const buildUiSchema = (config2, store2) => {
   }
   if (config2 == null ? void 0 : config2.elements) {
     if ((config2 == null ? void 0 : config2.type) === "LeaderBoard") {
-      return elements;
+      const rowElements = [];
+      config2.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 (config2.type == "ColumnGroup") {
       const sizeMap = {};
       if (config2.sizeHolder) {