impaktapps-ui-builder 1.0.272 → 1.0.274

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

@@ -6640,7 +6640,8 @@ const ComponentSchema = {
           title: "Stack Horizontal Bar Graph",
           const: "HorizontalStackBarGraph"
         },
-        { title: "Area Graph", const: "AreaGraph" }
+        { title: "Area Graph", const: "AreaGraph" },
+        { title: "StackBar And Line Graph", const: "StackBarLineGraph" }
       ]
     },
     iconName: {
@@ -8170,6 +8171,7 @@ const buildPropertiesSection = function(type) {
         getInputField("subHeader", "Sub Header"),
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
+        getInputField("rightLabel", "Right Label"),
         getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
@@ -8183,7 +8185,7 @@ const buildPropertiesSection = function(type) {
         getInputField("xAxisTickCount", "X Axis TickCount"),
         getInputField("yAxisTickCount", "Y Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type"),
-        emptyBox$1("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
+        emptyBox$1("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
         getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
         getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color")
       ];
@@ -11187,6 +11189,21 @@ const AreaBarGraph = {
     style: { containerStyle: {}, labelStyle: { margin: {} } }
   }
 };
+const StackBarLineG = {
+  type: "Control",
+  scope: "#/properties/graph",
+  options: {
+    widget: "Graph"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+    main: {
+      type: "StackBarLineGraph",
+      legendLabels: null
+    },
+    style: { containerStyle: {}, labelStyle: { margin: {} } }
+  }
+};
 const buildHorizontalBarGraph = (config2, componentScope2) => {
   const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
   horizontalBarGraph.scope = componentScope2;
@@ -12969,6 +12986,65 @@ const buildAreaGraph = (config2, componentScope2) => {
   }
   return AreaGraph;
 };
+const buildStackBarLineGraph = (config2, componentScope2) => {
+  const StackBarLineGraph = _.cloneDeep(StackBarLineG);
+  StackBarLineGraph.scope = componentScope2;
+  if (config2.layout) {
+    StackBarLineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  StackBarLineGraph.config.main.type = config2.graphType;
+  StackBarLineGraph.scope = componentScope2;
+  StackBarLineGraph.config.main.header = config2.heading;
+  StackBarLineGraph.config.main.subHeader = config2.subHeader;
+  if (config2.legendHide) {
+    StackBarLineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
+  }
+  if (config2.bottomAxisAngle) {
+    StackBarLineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
+  }
+  if (config2.legendLabels) {
+    StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
+  }
+  if (config2.legendDirection) {
+    StackBarLineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
+  if (config2.height) {
+    StackBarLineGraph.config.style.containerStyle.height = config2.height;
+  }
+  if (config2.pieArcColors) {
+    StackBarLineGraph.config.style.colorMap = createKeyValueMap(config2.pieArcColors);
+  }
+  if (config2.xAxisTickCount) {
+    StackBarLineGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
+  }
+  if (config2.yAxisTickCount) {
+    StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
+  }
+  if (config2.xAxisValue) {
+    StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
+  }
+  if (config2.xAxisType) {
+    StackBarLineGraph.config.main.xAxisType = config2.xAxisType;
+  }
+  if (config2.bottomLabel) {
+    StackBarLineGraph.config.main.bottomLabel = config2.bottomLabel;
+  }
+  if (config2.leftLabel) {
+    StackBarLineGraph.config.main.leftLabel = config2.leftLabel;
+  }
+  if (config2.rightLabel) {
+    StackBarLineGraph.config.main.rightLabel = config2.rightLabel;
+  }
+  if (config2.disableLeftLabel) {
+    StackBarLineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
+  if (config2.leftMargin) {
+    StackBarLineGraph.config.style.labelStyle.margin = {
+      left: config2.leftMargin
+    };
+  }
+  return StackBarLineGraph;
+};
 const cameraUiSchema = {
   type: "Control",
   scope: "#/properties/camera",
@@ -13304,6 +13380,9 @@ const buildUiSchema = (config2, store2) => {
         case "AreaGraph":
           elements = buildAreaGraph(config2, componentScope2);
           break;
+        case "StackBarLineGraph":
+          elements = buildStackBarLineGraph(config2, componentScope2);
+          break;
         default:
           elements = buildStackbarGraph(config2, componentScope2);
           break;