impaktapps-ui-builder 1.0.213-test.4 → 1.0.214

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

@@ -7756,7 +7756,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
     ]
   };
 };
-const getArrayControlSecond = (parentScope, childScopeOne, childScopeSecond, childLabelOne, childLabelSecond) => {
+const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScope, firstFieldLabel, secondFieldLabel) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
@@ -7765,10 +7765,7 @@ const getArrayControlSecond = (parentScope, childScopeOne, childScopeSecond, chi
     },
     config: {
       layout: 12,
-      main: {
-        label: childLabelSecond,
-        childElementLabel: childLabelOne
-      },
+      main: {},
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -7783,27 +7780,27 @@ const getArrayControlSecond = (parentScope, childScopeOne, childScopeSecond, chi
     elements: [
       {
         type: "Control",
-        scope: `#/properties/${childScopeOne}`,
+        scope: `#/properties/${firstFieldScope}`,
         options: {
           widget: "InputField"
         },
         config: {
           layout: { xs: 6, sm: 6, md: 4, lg: 4 },
           main: {
-            label: childLabelOne || "Labels for Tab"
+            label: firstFieldLabel || "Labels for Tab"
           }
         }
       },
       {
         type: "Control",
-        scope: `#/properties/${childScopeSecond}`,
+        scope: `#/properties/${secondFieldScope}`,
         options: {
           widget: "InputField"
         },
         config: {
           layout: { xs: 6, sm: 6, md: 4, lg: 4 },
           main: {
-            label: childLabelSecond || "Labels for Tab"
+            label: secondFieldLabel || "Labels for Tab"
           }
         }
       },
@@ -8117,8 +8114,8 @@ const buildPropertiesSection = function(type) {
         getInputField("yAxisTickCount", "Y Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type"),
         emptyBox$1("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
-        getArrayControlSecond("legendLabels", "key", "label", "Key", "Label"),
-        getArrayControlSecond("pieArcColors", "key2", "color", "Key", "Color")
+        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
+        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color")
       ];
       break;
     case "WrapperSection":
@@ -8622,19 +8619,11 @@ const flatObjectValueInArray = (config2 = []) => {
   });
   return data;
 };
-const createValueLegendMap = (config2 = []) => {
+const createKeyValueMap = (config2 = []) => {
   return config2.reduce((acc, item) => {
     if (!item.key)
       return acc;
-    acc[item.key] = item.label;
-    return acc;
-  }, {});
-};
-const createValueColorMap = (config2 = []) => {
-  return config2.reduce((acc, item) => {
-    if (!item.key2)
-      return acc;
-    acc[item.key2] = item.color;
+    acc[item.key] = item.value;
     return acc;
   }, {});
 };
@@ -11139,13 +11128,13 @@ const buildHorizontalBarGraph = (config2, componentScope2) => {
     horizontalBarGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
   if (config2.legendLabels) {
-    horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
+    horizontalBarGraph.config.main.legendLabels = createKeyValueMap(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);
+    horizontalBarGraph.config.style.barStyle.colorRange = createKeyValueMap(config2.pieArcColors);
   }
   if (config2.xAxisValue) {
     horizontalBarGraph.config.main.xAxisValue = config2.xAxisValue;
@@ -11279,13 +11268,13 @@ const buildPieGraph = (config2, componentScope2) => {
   pieGraph.scope = componentScope2;
   pieGraph.config.main.header = config2.heading;
   if (config2.legendLabels) {
-    pieGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
+    pieGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
   }
   if (config2.xAxisValue) {
     pieGraph.config.main.xAxisValue = config2.xAxisValue;
   }
   if (config2.pieArcColors) {
-    pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
+    pieGraph.config.style.pieStyle.colorRange = createKeyValueMap(config2.pieArcColors);
   }
   return pieGraph;
 };
@@ -11308,10 +11297,10 @@ const buildStackbarGraph = (config2, componentScope2) => {
   barGraph.config.main.type = (_a = config2 == null ? void 0 : config2.graphType) != null ? _a : "BarGraph";
   barGraph.config.main.header = config2.heading;
   if (config2.legendLabels) {
-    barGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
+    barGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
   }
   if (config2.pieArcColors) {
-    barGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
+    barGraph.config.style.barStyle.colorRange = createKeyValueMap(config2.pieArcColors);
   }
   if (config2.xAxisValue) {
     barGraph.config.main.xAxisValue = config2.xAxisValue;
@@ -12339,10 +12328,10 @@ const buildLineGraph = (config2, componentScope2) => {
     lineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
   if (config2.legendLabels) {
-    lineGraph.config.main.legendLabels = flatObjectValueInArray(config2.legendLabels);
+    lineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
   }
   if (config2.pieArcColors) {
-    lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config2.pieArcColors);
+    lineGraph.config.style.lineStyle.colorRange = createKeyValueMap(config2.pieArcColors);
   }
   lineGraph.scope = componentScope2;
   return lineGraph;
@@ -12860,7 +12849,7 @@ const buildAreaGraph = (config2, componentScope2) => {
     AreaGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
   }
   if (config2.legendLabels) {
-    AreaGraph.config.main.legendLabels = createValueLegendMap(config2.legendLabels);
+    AreaGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
   }
   if (config2.legendDirection) {
     AreaGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
@@ -12869,7 +12858,7 @@ const buildAreaGraph = (config2, componentScope2) => {
     AreaGraph.config.style.containerStyle.height = config2.height;
   }
   if (config2.pieArcColors) {
-    AreaGraph.config.style.areaStyle.colorRange = createValueColorMap(config2.pieArcColors);
+    AreaGraph.config.style.areaStyle.colorRange = createKeyValueMap(config2.pieArcColors);
   }
   if (config2.xAxisFormatType) {
     AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;