impaktapps-ui-builder 0.0.97 → 0.0.100

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

@@ -7321,7 +7321,7 @@ const buildWrapper = (label, elements) => {
         width: "108%"
       },
       componentsBoxStyle: {
-        marginLeft: "12px"
+        marginLeft: "24px"
       },
       defaultStyle: true
     },
@@ -7538,9 +7538,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
-        getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
-        getInputField("leftMargin", "Left Margin"),
-        emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 8, lg: 8 }),
+        emptyBox$1("GraphEmpty2"),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
@@ -9468,7 +9466,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
       const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
@@ -9500,7 +9498,6 @@ var service = (funcParams) => {
               flexDirection: "row",
               position: "absolute",
               bottom: 0,
-              marginBottom: "-8px",
               height: "fit-content",
               overflow: "hidden",
               zIndex: 1e3,
@@ -9519,7 +9516,7 @@ var service = (funcParams) => {
                   heading: "Copywriter@ACT21.IO"
                 },
                 style: {
-                  color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
+                  color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
                   fontSize: "12px",
                   textAlign: "center",
                   lineHeight: 2,
@@ -9529,13 +9526,13 @@ var service = (funcParams) => {
                   margin: 0,
                   flexGrow: 1,
                   height: 0,
-                  transform: "translate(-50%,0%)"
+                  transform: "translate(-50%, 0%)"
                 }
               }
             },
             {
               type: "Control",
-              scope: "#/properties/backIcon",
+              scope: "#/properties/FooterBackIcon",
               options: {
                 widget: "Box"
               },
@@ -9546,24 +9543,24 @@ var service = (funcParams) => {
                   width: "fit-content"
                 },
                 style: {
-                  fill: theme.palette.primary.main,
+                  fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
                   width: 20,
                   height: 0,
-                  margin: 0,
                   top: 0,
                   right: { xs: "12px", sm: "84px" },
                   position: "absolute",
                   fontSize: "12px",
                   cursor: "pointer",
                   ":hover": {
-                    fill: theme.palette.primary.dark
-                  }
+                    fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
+                  },
+                  marginRight: "13px"
                 }
               }
             },
             {
               type: "Control",
-              scope: "#/properties/text",
+              scope: "#/properties/FooterBackHandlerText",
               options: {
                 widget: "Box"
               },
@@ -9578,24 +9575,24 @@ var service = (funcParams) => {
                   lineHeight: 1,
                   height: 0,
                   width: "fit-content",
-                  color: theme.palette.primary.main,
-                  fontSize: "12px",
+                  color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
+                  fontSize: "14px",
                   cursor: "pointer",
                   marginLeft: "2px",
-                  marginRight: 0,
                   top: 3,
                   right: "12px",
                   position: "absolute",
                   ":hover": {
-                    color: theme.palette.primary.dark
-                  }
+                    color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
+                  },
+                  marginRight: "4px"
                 }
               }
             }
           ]
         }
       );
-      const schema2 = (_d = pageData == null ? void 0 : pageData.schema) != null ? _d : { type: "object", properties: {} };
+      const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
       eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {},
@@ -10222,7 +10219,6 @@ const BarGraph = {
     widget: "Graph"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {},
     style: { containerStyle: {} }
   }
@@ -10234,7 +10230,6 @@ const PieGraph = {
     widget: "Graph"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "PieGraph"
     },
@@ -10248,7 +10243,7 @@ const LineGraph = {
     widget: "Graph"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
+    layout: 12,
     main: {
       type: "LineGraph",
       header: "Quartely Incentive in Thousand",
@@ -10283,7 +10278,6 @@ const HorizontalBarGraph = {
     widget: "Graph"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "HorizontalBarGraph"
     },
@@ -10299,12 +10293,6 @@ 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;
   }
@@ -10321,15 +10309,6 @@ const buildHorizontalBarGraph = (config, componentScope) => {
       }
     };
   }
-  if (config.leftMargin) {
-    horizontalBarGraph.config.style = {
-      labelStyle: {
-        margin: {
-          left: config.leftMargin
-        }
-      }
-    };
-  }
   if (config.bottomLabel) {
     horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
   }
@@ -10470,10 +10449,6 @@ 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;
@@ -10486,15 +10461,6 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.height) {
     barGraph.config.style.containerStyle.height = config.height;
   }
-  if (config.leftMargin) {
-    barGraph.config.style = {
-      labelStyle: {
-        margin: {
-          left: config.leftMargin
-        }
-      }
-    };
-  }
   if (config.bottomLabel) {
     barGraph.config.main.bottomLabel = config.bottomLabel;
   }
@@ -11331,15 +11297,6 @@ const buildLineGraph = (config, componentScope) => {
   if (config.height) {
     lineGraph.config.style.containerStyle.height = config.height;
   }
-  if (config.leftMargin) {
-    lineGraph.config.style = {
-      labelStyle: {
-        margin: {
-          left: config.leftMargin
-        }
-      }
-    };
-  }
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
   }
@@ -11355,9 +11312,6 @@ 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);
   }