impaktapps-ui-builder 0.0.94 → 0.0.95-offset.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
     },
@@ -7350,8 +7350,7 @@ const getTextArea = (scope, heading, hideButton, layout) => {
       main: {
         heading,
         minRows: 8,
-        hideButton,
-        enableCodeEditor: true
+        hideButton
       }
     }
   };
@@ -7457,8 +7456,8 @@ const buildPropertiesSection = function(type) {
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        getRadioInputField("enableCodeEditor", "Enable Code Editor", ["YES", "NO"]),
-        getInputField("codeEditorLanguage", "Enter Code Language")
+        emptyBox$1("TextAreaEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 }),
+        emptyBox$1("TextAreaEmpty2", { xs: 0, sm: 0, md: 4, lg: 4 })
       ];
       break;
     case "SpeedoMeter":
@@ -7538,7 +7537,9 @@ 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"]),
+        getInputField("leftMargin", "Left Margin"),
+        emptyBox$1("GraphEmpty1", { xs: 0, sm: 6, md: 6, lg: 0 }),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
@@ -7568,8 +7569,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("ColumnResizingAvailable", "ColumnResizing ", ["YES", "NO"]),
         getRadioInputField("DragAvailable", "Row Dragging", ["YES", "NO"]),
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
-        getRadioInputField("disableGlobalSearch", "Disable Global Search", ["YES", "NO"]),
-        getRadioInputField("disableColumnFilter", "Disable Column Filter", ["YES", "NO"]),
+        getRadioInputField("disableFilters", "Disable Filter", ["YES", "NO"]),
         getRadioInputField("disableSorting", "Disable Sorting", ["YES", "NO"]),
         getRadioInputField("disableEditColumn", "Disable Edit Column", ["YES", "NO"]),
         getRadioInputField("disableFullScreenToggle", "Disable Full Screen", ["YES", "NO"]),
@@ -7578,6 +7578,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
         getMultiSelectField("filteringOptions", "Filtering Options"),
+        emptyBox$1("LazyLoadingTableEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
@@ -9520,13 +9521,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%)"
                 }
               }
             },
@@ -10219,6 +10221,7 @@ const BarGraph = {
     widget: "Graph"
   },
   config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {},
     style: { containerStyle: {} }
   }
@@ -10230,6 +10233,7 @@ const PieGraph = {
     widget: "Graph"
   },
   config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "PieGraph"
     },
@@ -10243,7 +10247,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",
@@ -10278,6 +10282,7 @@ const HorizontalBarGraph = {
     widget: "Graph"
   },
   config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
       type: "HorizontalBarGraph"
     },
@@ -10293,6 +10298,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;
   }
@@ -10309,6 +10320,15 @@ const buildHorizontalBarGraph = (config, componentScope) => {
       }
     };
   }
+  if (config.leftMargin) {
+    horizontalBarGraph.config.style = {
+      labelStyle: {
+        margin: {
+          left: config.leftMargin
+        }
+      }
+    };
+  }
   if (config.bottomLabel) {
     horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
   }
@@ -10449,6 +10469,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;
@@ -10461,6 +10485,15 @@ 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;
   }
@@ -10627,7 +10660,7 @@ var Button = {
       styleDefault: false,
       icon: "",
       onClick: "onClick",
-      size: "small"
+      size: "medium"
     },
     style: {}
   }
@@ -10722,11 +10755,8 @@ const buildTable = (config, componentScope) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false;
   }
-  if (config.disableGlobalSearch) {
-    table.config.main.disableGlobalSearch = config.disableGlobalSearch === "YES" ? true : false;
-  }
-  if (config.disableColumnFilter) {
-    table.config.main.disableColumnFilter = config.disableColumnFilter === "YES" ? true : false;
+  if (config.disableFilters) {
+    table.config.main.disableFilters = config.disableFilters === "YES" ? true : false;
   }
   if (config.disableSorting) {
     table.config.main.disableSorting = config.disableSorting === "YES" ? true : false;
@@ -11232,12 +11262,6 @@ const buildTextArea = (config, componentScope) => {
   if (config.placeholder) {
     textArea.config.main.placeholder = config.placeholder;
   }
-  if (config.enableCodeEditor) {
-    textArea.config.main.enableCodeEditor = config.enableCodeEditor === "YES" ? true : false;
-  }
-  if (config.codeEditorLanguage) {
-    textArea.config.main.codeEditorLanguage = config.codeEditorLanguage;
-  }
   textArea.scope = componentScope;
   return textArea;
 };
@@ -11297,6 +11321,15 @@ 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;
   }
@@ -11312,6 +11345,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);
   }