impaktapps-ui-builder 0.0.87 → 0.0.89-graphTest.1

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

@@ -7321,7 +7321,7 @@ const buildWrapper = (label, elements) => {
         width: "108%"
       },
       componentsBoxStyle: {
-        marginLeft: "24px"
+        marginLeft: "12px"
       },
       defaultStyle: true
     },
@@ -7537,7 +7537,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
-        emptyBox$1("GraphEmpty2"),
+        getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
@@ -9268,7 +9268,7 @@ function executeCustomHandler(params) {
   }
 }
 function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
-  if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
+  if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     store2.setSchema((pre) => {
       var _a;
       return {
@@ -9282,7 +9282,7 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
         }
       };
     });
-  } else if (eventConfig.type === "MultipleSelect" && !(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
+  } else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     store2.setSchema((pre) => {
       var _a;
       return {
@@ -9481,10 +9481,9 @@ var service = (funcParams) => {
       }
       const config = pageData == null ? void 0 : pageData.config;
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
-      const event2 = new CustomEvent("pageNameChanged", {
+      new CustomEvent("pageNameChanged", {
         detail: { pageName: config.label }
       });
-      window.dispatchEvent(event2);
       const theme = (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
       uiSchema.elements.push(
         {
@@ -9519,13 +9518,14 @@ var service = (funcParams) => {
                   color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
                   fontSize: "12px",
                   textAlign: "center",
-                  lineHeight: 1,
+                  lineHeight: 2,
                   width: "fit-content",
                   left: "50%",
                   position: "relative",
                   margin: 0,
                   flexGrow: 1,
-                  height: 0
+                  height: 0,
+                  transform: "translate(-50%,0%)"
                 }
               }
             },
@@ -9592,7 +9592,6 @@ var service = (funcParams) => {
         }
       );
       const schema2 = (_d = pageData == null ? void 0 : pageData.schema) != null ? _d : { type: "object", properties: {} };
-      eventGroups = {};
       eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {},
@@ -9621,6 +9620,7 @@ var service = (funcParams) => {
         (pre) => {
           return {
             ...schema2,
+            ...pre,
             properties: { ...schema2.properties, ...pre.properties }
           };
         }
@@ -10218,6 +10218,7 @@ const BarGraph = {
     widget: "Graph"
   },
   config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {},
     style: { containerStyle: {} }
   }
@@ -10229,6 +10230,7 @@ const PieGraph = {
     widget: "Graph"
   },
   config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "PieGraph"
     },
@@ -10242,7 +10244,7 @@ const LineGraph = {
     widget: "Graph"
   },
   config: {
-    layout: 12,
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "LineGraph",
       header: "Quartely Incentive in Thousand",
@@ -10277,6 +10279,7 @@ const HorizontalBarGraph = {
     widget: "Graph"
   },
   config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "HorizontalBarGraph"
     },
@@ -10292,6 +10295,12 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   horizontalBarGraph.config.main.type = config.graphType;
   horizontalBarGraph.scope = componentScope;
   horizontalBarGraph.config.main.header = config.heading;
+  if (config.legendHide) {
+    horizontalBarGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
+  }
+  if (config.bottomAxisAngle) {
+    horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
+  }
   if (config.barColor) {
     horizontalBarGraph.config.barStyle.color = config.barColor;
   }
@@ -10448,6 +10457,10 @@ const buildStackbarGraph = (config, componentScope) => {
   }
   if (config.legendHide) {
     barGraph.config.main.legendAvailable = config.legendHide;
+    barGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
+  }
+  if (config.bottomAxisAngle) {
+    barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
   }
   barGraph.config.main.type = config.graphType;
   barGraph.config.main.header = config.heading;
@@ -11302,6 +11315,9 @@ const buildLineGraph = (config, componentScope) => {
   if (config.legendHide) {
     lineGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
   }
+  if (config.bottomAxisAngle) {
+    lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
+  }
   if (config.legendLabels) {
     lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
   }