impaktapps-ui-builder 0.0.95 → 0.0.97-alpha.10

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

@@ -7350,7 +7350,8 @@ const getTextArea = (scope, heading, hideButton, layout) => {
       main: {
         heading,
         minRows: 8,
-        hideButton
+        hideButton,
+        enableCodeEditor: true
       }
     }
   };
@@ -7456,8 +7457,8 @@ const buildPropertiesSection = function(type) {
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        emptyBox$1("TextAreaEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 }),
-        emptyBox$1("TextAreaEmpty2", { xs: 0, sm: 0, md: 4, lg: 4 })
+        getRadioInputField("enableCodeEditor", "Enable Code Editor", ["YES", "NO"]),
+        getInputField("codeEditorLanguage", "Enter Code Language")
       ];
       break;
     case "SpeedoMeter":
@@ -7533,12 +7534,15 @@ 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"),
         getInputField("xAxisValue", "X-AxisValue"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
-        emptyBox$1("GraphEmpty1", { xs: 0, sm: 6, md: 6, lg: 0 }),
+        getInputField("leftMargin", "Left Margin"),
+        emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 8, lg: 8 }),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
@@ -7568,7 +7572,8 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("ColumnResizingAvailable", "ColumnResizing ", ["YES", "NO"]),
         getRadioInputField("DragAvailable", "Row Dragging", ["YES", "NO"]),
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
-        getRadioInputField("disableFilters", "Disable Filter", ["YES", "NO"]),
+        getRadioInputField("disableGlobalSearch", "Disable Global Search", ["YES", "NO"]),
+        getRadioInputField("disableColumnFilter", "Disable Column Filter", ["YES", "NO"]),
         getRadioInputField("disableSorting", "Disable Sorting", ["YES", "NO"]),
         getRadioInputField("disableEditColumn", "Disable Edit Column", ["YES", "NO"]),
         getRadioInputField("disableFullScreenToggle", "Disable Full Screen", ["YES", "NO"]),
@@ -7577,7 +7582,6 @@ 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"]),
@@ -9269,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 {
@@ -9283,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 {
@@ -9466,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");
@@ -9498,7 +9502,6 @@ var service = (funcParams) => {
               flexDirection: "row",
               position: "absolute",
               bottom: 0,
-              marginBottom: "-8px",
               height: "fit-content",
               overflow: "hidden",
               zIndex: 1e3,
@@ -9517,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,
@@ -9527,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"
               },
@@ -9544,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"
               },
@@ -9576,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: {},
@@ -10221,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 = {
@@ -10234,7 +10239,8 @@ const PieGraph = {
   config: {
     layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
-      type: "PieGraph"
+      type: "PieGraph",
+      legendLabels: null
     },
     style: {}
   }
@@ -10249,22 +10255,7 @@ const LineGraph = {
     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: {},
@@ -10283,9 +10274,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) => {
@@ -10303,8 +10297,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;
@@ -10319,6 +10316,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;
   }
@@ -10438,7 +10444,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;
@@ -10466,8 +10472,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;
@@ -10475,12 +10484,29 @@ 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;
   }
   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;
 };
@@ -10641,7 +10667,7 @@ var Button = {
       styleDefault: false,
       icon: "",
       onClick: "onClick",
-      size: "medium"
+      size: "small"
     },
     style: {}
   }
@@ -10736,8 +10762,11 @@ const buildTable = (config, componentScope) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false;
   }
-  if (config.disableFilters) {
-    table.config.main.disableFilters = config.disableFilters === "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.disableSorting) {
     table.config.main.disableSorting = config.disableSorting === "YES" ? true : false;
@@ -10830,10 +10859,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;
@@ -11243,6 +11269,12 @@ 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;
 };
@@ -11302,6 +11334,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;
   }
@@ -11321,11 +11362,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;
 };