impaktapps-ui-builder 0.0.97-alpha.6 → 0.0.97-alpha.8

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

@@ -7534,6 +7534,8 @@ const buildPropertiesSection = function(type) {
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
+        getInputField("leftLabelMargin", "Left Label Margin"),
+        getInputField("leftLabelOffset", "Left Label Offset"),
         emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
@@ -9271,7 +9273,7 @@ function executeCustomHandler(params) {
   }
 }
 function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
-  if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
+  if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data) && !_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
     store2.setSchema((pre) => {
       var _a;
       return {
@@ -9285,7 +9287,7 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
         }
       };
     });
-  } else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
+  } else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data) && !_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
     store2.setSchema((pre) => {
       var _a;
       return {
@@ -9468,7 +9470,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 +9502,6 @@ var service = (funcParams) => {
               flexDirection: "row",
               position: "absolute",
               bottom: 0,
-              marginBottom: "-8px",
               height: "fit-content",
               overflow: "hidden",
               zIndex: 1e3,
@@ -9519,7 +9520,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 +9530,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 +9547,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 +9579,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: {},
@@ -10223,8 +10224,10 @@ const BarGraph = {
   },
   config: {
     layout: { xs: 12, sm: 12, md: 12, lg: 6 },
-    main: {},
-    style: { containerStyle: {} }
+    main: {
+      legendLabels: null
+    },
+    style: { containerStyle: {}, labelStyle: {} }
   }
 };
 const PieGraph = {
@@ -10236,7 +10239,8 @@ const PieGraph = {
   config: {
     layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
-      type: "PieGraph"
+      type: "PieGraph",
+      legendLabels: null
     },
     style: {}
   }
@@ -10250,29 +10254,11 @@ const LineGraph = {
   config: {
     layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
-      type: "LineGraph",
-      header: "Quartely Incentive in Thousand",
-      bottomLabel: "Years",
-      leftLabel: "Incentive",
-      gridHidden: true,
-      numHidden: false,
-      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
-      axisLeft: true,
-      axisBottom: true,
-      hideLeftAxisLine: false,
-      hideBottomAxisLine: false,
-      legend: {
-        labelColor: "green",
-        direction: "row",
-        align: "right",
-        colorRectWidth: 20
-      }
+      legendLabels: null
     },
     style: {
       containerStyle: {},
-      headerStyle: {},
-      labelStyle: {},
-      lineStyle: {}
+      labelStyle: {}
     }
   }
 };
@@ -10285,9 +10271,12 @@ const HorizontalBarGraph = {
   config: {
     layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
-      type: "HorizontalBarGraph"
+      type: "HorizontalBarGraph",
+      legendLabels: null
     },
-    style: {}
+    style: {
+      labelStyle: {}
+    }
   }
 };
 const buildHorizontalBarGraph = (config, componentScope) => {
@@ -10305,8 +10294,11 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.bottomAxisAngle) {
     horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
   }
-  if (config.barColor) {
-    horizontalBarGraph.config.barStyle.color = config.barColor;
+  if (config.legendLabels) {
+    horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+  }
+  if (config.pieArcColors) {
+    horizontalBarGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
   if (config.xAxisValue) {
     horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
@@ -10449,7 +10441,7 @@ const buildPieGraph = (config, componentScope) => {
   pieGraph.scope = componentScope;
   pieGraph.config.main.header = config.heading;
   if (config.legendLabels) {
-    pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+    pieGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
   }
   if (config.xAxisValue) {
     pieGraph.config.main.xAxisValue = config.xAxisValue;
@@ -10477,8 +10469,11 @@ const buildStackbarGraph = (config, componentScope) => {
   }
   barGraph.config.main.type = config.graphType;
   barGraph.config.main.header = config.heading;
-  if (config.barColor) {
-    barGraph.config.barStyle.color = config.barColor;
+  if (config.legendLabels) {
+    barGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+  }
+  if (config.pieArcColors) {
+    barGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
   if (config.xAxisValue) {
     barGraph.config.main.xAxisValue = config.xAxisValue;
@@ -10501,6 +10496,14 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.leftLabel) {
     barGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.leftLabelMargin) {
+    barGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    barGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   barGraph.scope = componentScope;
   return barGraph;
 };
@@ -10853,10 +10856,7 @@ const buildUploadFile = (config, componentScope) => {
   UploadFile.scope = componentScope;
   UploadFile.config.main.label = config.label;
   if (config.layout) {
-    UploadFile.config.layout = config.layout;
-  }
-  if (config.layout) {
-    uploadFile.config.layout = createLayoutFormat(config.layout);
+    UploadFile.config.layout = createLayoutFormat(config.layout);
   }
   if (config.style) {
     UploadFile.config.style = config.style;
@@ -11359,11 +11359,19 @@ const buildLineGraph = (config, componentScope) => {
     lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
   }
   if (config.legendLabels) {
-    lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+    lineGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
   }
   if (config.pieArcColors) {
     lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
+  if (config.leftLabelMargin) {
+    lineGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    lineGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   lineGraph.scope = componentScope;
   return lineGraph;
 };