impaktapps-ui-builder 0.0.67 → 0.0.68

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

@@ -66,7 +66,7 @@ const PageMasterUiSchema = (theme) => {
               widget: "InputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: "Name",
                 options: [],
@@ -84,7 +84,7 @@ const PageMasterUiSchema = (theme) => {
               widget: "SelectInputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: "Template",
                 options: [
@@ -104,7 +104,7 @@ const PageMasterUiSchema = (theme) => {
               widget: "InputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: "Label",
                 options: [],
@@ -112,16 +112,6 @@ const PageMasterUiSchema = (theme) => {
                 required: true
               }
             }
-          },
-          {
-            type: "Control",
-            scope: "#/properties/EmptyBox",
-            config: {
-              layout: { xs: 6, sm: 6, md: 0, lg: 0 }
-            },
-            options: {
-              widget: "EmptyBox"
-            }
           }
         ]
       },
@@ -327,7 +317,7 @@ const PageMasterUiSchema = (theme) => {
           widget: "EmptyBox"
         },
         config: {
-          layout: { xs: 8, sm: 10 }
+          layout: { xs: 0, sm: 8, md: 8, lg: 8 }
         }
       },
       {
@@ -337,7 +327,7 @@ const PageMasterUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 11.9,
           main: {
             name: "Save",
             startIcon: "ApproveIcon",
@@ -345,6 +335,10 @@ const PageMasterUiSchema = (theme) => {
             type: "text",
             onClick: "saveHandler",
             size: "medium"
+          },
+          style: {
+            width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
+            float: "right"
           }
         }
       },
@@ -598,7 +592,7 @@ const PageMasterUiSchema = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: { xs: "12px", sm: "84px" },
+                right: "82px",
                 position: "absolute",
                 fontSize: "12px",
                 cursor: "pointer",
@@ -620,7 +614,6 @@ const PageMasterUiSchema = (theme) => {
                 onClick: "backHandler"
               },
               style: {
-                display: { xs: "none", sm: "flex" },
                 textAlign: "left",
                 lineHeight: 1,
                 height: 0,
@@ -6346,8 +6339,7 @@ const ComponentSchema = {
         { title: "Stack Bar Graph", const: "StackBarGraph" },
         { title: "Line Graph", const: "LineGraph" },
         { title: "Pie Graph", const: "PieGraph" },
-        { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
-        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
+        { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" }
       ]
     },
     iconName: {
@@ -6434,7 +6426,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Type"
                   }
@@ -6447,7 +6439,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Name",
                     options: [],
@@ -6463,7 +6455,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Label",
                     options: [],
@@ -6479,7 +6471,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Column Format"
                   }
@@ -6489,7 +6481,7 @@ const componentBasicUiSchema = (theme) => {
                 type: "Control",
                 scope: "#/properties/proc",
                 config: {
-                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 },
                 options: {
                   widget: "EmptyBox"
@@ -6499,7 +6491,7 @@ const componentBasicUiSchema = (theme) => {
                 type: "Control",
                 scope: "#/properties/proc",
                 config: {
-                  layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 },
                 options: {
                   widget: "EmptyBox"
@@ -6520,7 +6512,7 @@ const componentBasicUiSchema = (theme) => {
                           widget: "SelectInputField"
                         },
                         config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                          layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                           main: {
                             label: "Screen Size"
                           }
@@ -6533,7 +6525,7 @@ const componentBasicUiSchema = (theme) => {
                           widget: "InputField"
                         },
                         config: {
-                          layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                          layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                           main: {
                             label: "Value",
                             type: "number",
@@ -6546,7 +6538,7 @@ const componentBasicUiSchema = (theme) => {
                         type: "Control",
                         scope: "#/properties/proc",
                         config: {
-                          layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                         },
                         options: {
                           widget: "EmptyBox"
@@ -6749,7 +6741,17 @@ const componentBasicUiSchema = (theme) => {
           widget: "EmptyBox"
         },
         config: {
-          layout: { xs: 4, sm: 8 }
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/EmptyBox",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
         }
       },
       {
@@ -6759,7 +6761,7 @@ const componentBasicUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 1.8,
           main: {
             name: "Ok",
             startIcon: "ApproveIcon",
@@ -6767,6 +6769,9 @@ const componentBasicUiSchema = (theme) => {
             type: "text",
             onClick: "okHandler",
             size: "medium"
+          },
+          style: {
+            float: "right"
           }
         }
       },
@@ -6777,7 +6782,7 @@ const componentBasicUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 1.8,
           main: {
             name: "Save & Exit",
             startIcon: "ApproveIcon",
@@ -6785,6 +6790,9 @@ const componentBasicUiSchema = (theme) => {
             type: "text",
             onClick: "saveHandler",
             size: "medium"
+          },
+          style: {
+            float: "right"
           }
         }
       },
@@ -6856,7 +6864,7 @@ const componentBasicUiSchema = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: { xs: "12px", sm: "84px" },
+                right: "90px",
                 position: "absolute",
                 fontSize: "12px",
                 cursor: "pointer",
@@ -6878,7 +6886,6 @@ const componentBasicUiSchema = (theme) => {
                 onClick: "backHandler"
               },
               style: {
-                display: { xs: "none", sm: "flex" },
                 textAlign: "left",
                 lineHeight: 1,
                 height: 0,
@@ -6889,7 +6896,7 @@ const componentBasicUiSchema = (theme) => {
                 marginLeft: "2px",
                 marginRight: 0,
                 top: 3,
-                right: "12px",
+                right: "20px",
                 position: "absolute",
                 ":hover": {
                   color: theme.palette.primary.dark
@@ -6913,7 +6920,7 @@ const CoreSection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Type",
           type: "text"
@@ -6927,7 +6934,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Name"
         }
@@ -6940,7 +6947,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Label"
         }
@@ -6953,7 +6960,7 @@ const CoreSection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Column Format"
         }
@@ -6963,7 +6970,7 @@ const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       },
       options: {
         widget: "EmptyBox"
@@ -6973,7 +6980,7 @@ const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       },
       options: {
         widget: "EmptyBox"
@@ -6995,7 +7002,7 @@ const CoreSection = {
                 widget: "SelectInputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Screen Size"
                 }
@@ -7008,7 +7015,7 @@ const CoreSection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value",
                   type: "number",
@@ -7021,7 +7028,7 @@ const CoreSection = {
               type: "Control",
               scope: "#/properties/proc",
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               },
               options: {
                 widget: "EmptyBox"
@@ -7134,29 +7141,17 @@ const EventSection = (theme) => {
   };
   return uiSchema;
 };
-const emptyBox$1 = (scope, layout) => {
-  if (layout !== void 0) {
-    return {
-      type: "Control",
-      scope: `#/properties/${scope}`,
-      options: {
-        widget: "EmptyBox"
-      },
-      config: {
-        layout
-      }
-    };
+var emptyBox = {
+  type: "Control",
+  scope: "#/properties/emptyBox",
+  options: {
+    widget: "EmptyBox"
+  },
+  config: {
+    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    main: {},
+    style: {}
   }
-  return {
-    type: "Control",
-    scope: "#/properties/empty",
-    options: {
-      widget: "EmptyBox"
-    },
-    config: {
-      layout: { xs: 0, sm: 0, md: 4, lg: 4 }
-    }
-  };
 };
 const cardLayout = {
   type: "Control",
@@ -7173,7 +7168,7 @@ const cardLayout = {
             widget: "SelectInputField"
           },
           config: {
-            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            layout: { xs: 11, sm: 4, md: 4, lg: 4 },
             main: {
               label: "Screen Size"
             }
@@ -7186,7 +7181,7 @@ const cardLayout = {
             widget: "InputField"
           },
           config: {
-            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            layout: { xs: 11, sm: 4, md: 4, lg: 4 },
             main: {
               label: "Value",
               type: "number",
@@ -7195,7 +7190,7 @@ const cardLayout = {
             }
           }
         },
-        emptyBox$1("cardEmpty")
+        emptyBox
       ]
     }
   }
@@ -7217,14 +7212,14 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
               widget: "InputField"
             },
             config: {
-              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
                 label: childLabel || "Labels for Tab"
               }
             }
           },
-          emptyBox$1("ArrayControlEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 }),
-          emptyBox$1("ArrayControlEmpty2", { xs: 0, sm: 0, md: 4, lg: 4 })
+          emptyBox,
+          emptyBox
         ]
       }
     }
@@ -7238,13 +7233,13 @@ sizeHolder.options.detail.elements[1] = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "Size"
     }
   }
 };
-sizeHolder.options.detail.elements[2] = emptyBox$1("sizeHolderempty");
+sizeHolder.options.detail.elements[2] = emptyBox;
 const getInputField = (scope, label) => {
   return {
     type: "Control",
@@ -7253,7 +7248,7 @@ const getInputField = (scope, label) => {
       widget: "InputField"
     },
     config: {
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label
       }
@@ -7268,7 +7263,7 @@ const getRadioInputField = (scope, label, options) => {
       widget: "RadioInputField"
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label,
         options
@@ -7286,9 +7281,7 @@ const buildWrapper = (label, elements) => {
       },
       wrapperStyle: {
         marginTop: "-6px",
-        marginBottom: "-8px",
-        marginLeft: "-34px",
-        width: "108%"
+        marginBottom: "-8px"
       },
       componentsBoxStyle: {
         marginLeft: "24px"
@@ -7333,7 +7326,7 @@ const getSelectField = (scope, label, options) => {
       widget: "SelectInputField"
     },
     config: {
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label,
         type: "text"
@@ -7342,7 +7335,7 @@ const getSelectField = (scope, label, options) => {
   };
 };
 const GraphSection = {
-  type: "WrapperLayout",
+  type: "HorizontalLayout",
   elements: []
 };
 const buildPropertiesSection = function(type) {
@@ -7355,7 +7348,7 @@ const buildPropertiesSection = function(type) {
         getInputField("graphHeight", "Graph Height"),
         getInputField("graphWidth", "Graph Width"),
         getInputField("graphZoomHeight", "Zoom Height"),
-        emptyBox$1("TreeEmpty", { xs: 6, sm: 6, md: 4, lg: 4 })
+        emptyBox
       ];
       break;
     case "InputSlider":
@@ -7363,9 +7356,9 @@ const buildPropertiesSection = function(type) {
         getInputField("max", "Max Limit"),
         getInputField("step", "Step"),
         getInputField("min", "Min Limit"),
-        emptyBox$1("InputSliderEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
-        emptyBox$1("InputSliderEmpty2", { xs: 0, sm: 0, md: 8, lg: 8 })
+        emptyBox,
+        emptyBox
       ];
       break;
     case "DataGrid":
@@ -7374,8 +7367,8 @@ const buildPropertiesSection = function(type) {
         getInputField("elevation", "Card Elevation"),
         getInputField("height", "Grid height"),
         getInputField("justifyContent", "justifyContent"),
-        emptyBox$1("DataGridEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }),
-        emptyBox$1("DataGridEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
+        emptyBox,
+        emptyBox,
         cardLayout
       ];
       break;
@@ -7386,7 +7379,7 @@ const buildPropertiesSection = function(type) {
         getInputField("resetText", "Reset Text"),
         getInputField("completeText", "Complete Text"),
         getSelectField("orientation", "Orientation Type"),
-        emptyBox$1("Stepper", { xs: 6, sm: 6, md: 4, lg: 4 }),
+        emptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7394,23 +7387,22 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
         getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
-        getInputField("maxWidth", "Max. Width"),
-        emptyBox$1("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
+        getInputField("maxWidth", "Max. Width")
       ];
       break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        emptyBox$1("TextEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 }),
-        emptyBox$1("TextEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
+        emptyBox,
+        emptyBox,
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ];
       break;
     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 })
+        emptyBox,
+        emptyBox
       ];
       break;
     case "SpeedoMeter":
@@ -7420,7 +7412,7 @@ const buildPropertiesSection = function(type) {
         getInputField("heading", "Container Heading"),
         getInputField("speedoCaption", "Speedometer Caption"),
         getInputField("width", "Speedometer Width"),
-        emptyBox$1("SpeedoMeterEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
+        emptyBox
       ];
       break;
     case "RankCard":
@@ -7429,8 +7421,8 @@ const buildPropertiesSection = function(type) {
         getInputField("image", "Image Url"),
         getInputField("title", "Card Title"),
         getInputField("description", "Card Description"),
-        emptyBox$1("RankCardEmpty1"),
-        emptyBox$1("RankCardEmpty2")
+        emptyBox,
+        emptyBox
       ];
       break;
     case "LeaderBoard":
@@ -7439,8 +7431,8 @@ const buildPropertiesSection = function(type) {
         getInputField("firstImage", "First Image url"),
         getInputField("secondImage", "Second Image url"),
         getInputField("thirdImage", "Third Image url"),
-        emptyBox$1("LeaderBoardEmpty1"),
-        emptyBox$1("LeaderBoardEmpty2"),
+        emptyBox,
+        emptyBox,
         getTextArea("functionCode", "Write Compare Code", false)
       ];
       break;
@@ -7451,23 +7443,14 @@ const buildPropertiesSection = function(type) {
       ];
       break;
     case "ProgressBar":
-      uiSchema.elements = [
-        getInputField("heading", "Heading"),
-        getInputField("bottomLabel_1", "First BottomLabel"),
-        getInputField("bottomLabel_2", "Second BottomLabel"),
-        getInputField("bottomLabel_3", "Third BottomLabel"),
-        emptyBox$1("ProgressBarCardEmpty1"),
-        emptyBox$1("ProgressBarCardEmpty2")
-      ];
-      break;
     case "ProgressBarCard":
       uiSchema.elements = [
         getInputField("heading", "Heading"),
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
         getInputField("bottomLabel_3", "Third BottomLabel"),
-        emptyBox$1("ProgressBarCardEmpty1"),
-        emptyBox$1("ProgressBarCardEmpty2")
+        emptyBox,
+        emptyBox
       ];
       break;
     case "card":
@@ -7475,7 +7458,7 @@ const buildPropertiesSection = function(type) {
         getInputField("url", "Image Url"),
         getInputField("label", "Label"),
         getInputField("description", "Description"),
-        emptyBox$1("cardEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
+        emptyBox
       ];
       break;
     case "Button":
@@ -7485,7 +7468,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("color", "Color"),
         getInputField("tooltipMessage", "Tooltip Message"),
         getSelectField("defaultStyle", "Default Style"),
-        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
+        emptyBox
       ];
       break;
     case "Graph":
@@ -7495,11 +7478,10 @@ const buildPropertiesSection = function(type) {
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
-        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"),
-        emptyBox$1("GraphEmpty2"),
+        emptyBox,
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
@@ -7510,15 +7492,15 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
         getInputField("rowSpacing", "Row Spacing"),
-        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }),
-        emptyBox$1("WrapperSectionEmpty2")
+        emptyBox,
+        emptyBox
       ];
       break;
     case "TabSection":
       uiSchema.elements = [
         getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
         getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
-        emptyBox$1("TabEmpty"),
+        emptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7530,15 +7512,17 @@ 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"]),
         getInputField("selectKey", "Selection Key"),
-        emptyBox$1("LazyLoadingTableEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
+        emptyBox,
+        emptyBox,
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
-          emptyBox$1("LazyLoadingTableEmpty2"),
-          emptyBox$1("LazyLoadingTableEmpty3")
+          emptyBox,
+          emptyBox
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder
@@ -7553,14 +7537,14 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
-        emptyBox$1("SelectEmpty")
+        emptyBox
       ];
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        emptyBox$1("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
-        emptyBox$1("MultipleSelectEmpty2")
+        emptyBox,
+        emptyBox
       ];
       break;
   }
@@ -7720,7 +7704,7 @@ const ValueTab = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Label"
                 }
@@ -7733,7 +7717,7 @@ const ValueTab = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -7746,7 +7730,7 @@ const ValueTab = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               }
             }
           ]
@@ -7774,7 +7758,7 @@ const ValidationSection = {
                 widget: "SelectInputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Validation Type"
                 }
@@ -7787,7 +7771,7 @@ const ValidationSection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Validation Value"
                 }
@@ -7800,7 +7784,7 @@ const ValidationSection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4 }
+                layout: { xs: 0, sm: 4 }
               }
             }
           ]
@@ -7969,7 +7953,6 @@ const sectionLabels = {
   DownloadFile: ["Core", "Event", "Style", "Validation"],
   Box: ["Core", "Event", "Style", "Validation"],
   Properties: ["Core", "Properties", "Event", "Style", "Validation"],
-  ProgressBar: ["Core", "Event", "Style", "Validation"],
   ProgressBarCard: ["Core", "Properties", "Event", "Style", "Validation"],
   RankCard: ["Core", "Properties", "Event", "Style", "Validation"],
   Slider: ["Core", "Components", "Event", "Style", "Validation"],
@@ -8347,7 +8330,7 @@ const EventUiSchema = (theme) => {
                   widget: "SelectInputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                   main: {
                     label: "Event Type",
                     type: "text"
@@ -8467,7 +8450,17 @@ const EventUiSchema = (theme) => {
           widget: "EmptyBox"
         },
         config: {
-          layout: { xs: 4, sm: 8 }
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/EmptyBox",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
         }
       },
       {
@@ -8477,7 +8470,7 @@ const EventUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 1.8,
           main: {
             name: "Ok",
             startIcon: "ApproveIcon",
@@ -8498,7 +8491,7 @@ const EventUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: { xs: 4, sm: 2 },
+          layout: 1.8,
           main: {
             name: "Save & Exit",
             startIcon: "ApproveIcon",
@@ -8674,7 +8667,7 @@ const EventUiSchema = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: { xs: "12px", sm: "84px" },
+                right: "82px",
                 position: "absolute",
                 fontSize: "12px",
                 cursor: "pointer",
@@ -8696,7 +8689,6 @@ const EventUiSchema = (theme) => {
                 onClick: "backHandler"
               },
               style: {
-                display: { xs: "none", sm: "flex" },
                 textAlign: "left",
                 lineHeight: 1,
                 height: 0,
@@ -8731,7 +8723,7 @@ const APISection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Method",
           type: "text"
@@ -8745,7 +8737,7 @@ const APISection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Path",
           type: "text",
@@ -8761,7 +8753,7 @@ const APISection = {
         widget: "EmptyBox"
       },
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       }
     },
     {
@@ -8771,7 +8763,7 @@ const APISection = {
         widget: "EmptyBox"
       },
       config: {
-        layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       }
     },
     {
@@ -8790,7 +8782,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Key"
                 }
@@ -8803,7 +8795,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -8816,7 +8808,7 @@ const APISection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               }
             }
           ]
@@ -8839,7 +8831,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Key"
                 }
@@ -8852,7 +8844,7 @@ const APISection = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -8865,7 +8857,7 @@ const APISection = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
               }
             }
           ]
@@ -8893,7 +8885,7 @@ const refreshSectionUiSchema = {
                 widget: "InputField"
               },
               config: {
-                layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Value"
                 }
@@ -8906,7 +8898,7 @@ const refreshSectionUiSchema = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 6, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
                 main: {}
               }
             },
@@ -8917,7 +8909,7 @@ const refreshSectionUiSchema = {
                 widget: "EmptyBox"
               },
               config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
                 main: {}
               }
             }
@@ -8927,18 +8919,6 @@ const refreshSectionUiSchema = {
     }
   ]
 };
-var emptyBox = {
-  type: "Control",
-  scope: "#/properties/emptyBox",
-  options: {
-    widget: "EmptyBox"
-  },
-  config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-    main: {},
-    style: {}
-  }
-};
 var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
   return {
     setPage: async function() {
@@ -8954,19 +8934,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       if (handlerType) {
         if (handlerType === "custom") {
           uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
-          uiSchema.elements[1].elements[0].elements[3] = {
-            type: "Control",
-            scope: "#/properties/emptyBox",
-            options: {
-              widget: "EmptyBox"
-            },
-            config: {
-              layout: { xs: 0, sm: 6, md: 0, lg: 0 },
-              main: {},
-              style: {}
-            }
-          };
-          uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
+          uiSchema.elements[1].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
           uiSchema.elements[1].elements[0].elements[2] = emptyBox;
@@ -8974,19 +8942,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
           schema2.required = ["eventType", "Handler", "method", "path"];
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
-          uiSchema.elements[1].elements[0].elements[3] = {
-            type: "Control",
-            scope: "#/properties/emptyBox",
-            options: {
-              widget: "EmptyBox"
-            },
-            config: {
-              layout: { xs: 6, sm: 6, md: 0, lg: 0 },
-              main: {},
-              style: {}
-            }
-          };
-          uiSchema.elements[1].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
+          uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
           schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
         } else if (handlerType === "refresh") {
           uiSchema.elements[1].elements[0].elements[2] = emptyBox;
@@ -9503,7 +9459,7 @@ var service = (funcParams) => {
                   height: 0,
                   margin: 0,
                   top: 0,
-                  right: { xs: "12px", sm: "84px" },
+                  right: "82px",
                   position: "absolute",
                   fontSize: "12px",
                   cursor: "pointer",
@@ -9525,7 +9481,6 @@ var service = (funcParams) => {
                   onClick: "backHandler"
                 },
                 style: {
-                  display: { xs: "none", sm: "flex" },
                   textAlign: "left",
                   lineHeight: 1,
                   height: 0,
@@ -10152,7 +10107,7 @@ const buildProgressBar = (config, componentScope) => {
   if (config.layout) {
     ProgressBar.config.layout = config.layout;
   }
-  ProgressBar.config.main.heading = config.label;
+  ProgressBar.config.main.heading = config.heading;
   if (config.bottomLabel_3) {
     ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
   }
@@ -10213,6 +10168,7 @@ const LineGraph = {
       hideBottomAxisLine: false,
       legend: {
         labelColor: "green",
+        legendTitle: "Our Assests",
         direction: "row",
         align: "right",
         colorRectWidth: 20
@@ -10245,15 +10201,11 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.layout) {
     horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
   }
-  horizontalBarGraph.config.main.type = config.graphType;
   horizontalBarGraph.scope = componentScope;
   horizontalBarGraph.config.main.header = config.heading;
   if (config.barColor) {
     horizontalBarGraph.config.barStyle.color = config.barColor;
   }
-  if (config.xAxisValue) {
-    horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
-  }
   if (config.containerBackground) {
     horizontalBarGraph.config.containerStyle.background = config.containerBackground;
   }
@@ -10385,9 +10337,6 @@ const buildPieGraph = (config, componentScope) => {
   if (config.legendLabels) {
     pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
   }
-  if (config.xAxisValue) {
-    pieGraph.config.main.xAxisValue = config.xAxisValue;
-  }
   if (config.pieArcColors) {
     pieGraph.config.style = {
       pieStyle: {
@@ -10410,9 +10359,6 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.barColor) {
     barGraph.config.barStyle.color = config.barColor;
   }
-  if (config.xAxisValue) {
-    barGraph.config.main.xAxisValue = config.xAxisValue;
-  }
   if (config.height) {
     barGraph.config.style.containerStyle.height = config.height;
   }
@@ -10506,7 +10452,7 @@ var TextInputField = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: ""
     },
@@ -10539,7 +10485,7 @@ var SelectInputField = {
     widget: "SelectInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",
@@ -10691,6 +10637,9 @@ 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.Table_Download_Keys_Name) {
     table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map((e) => e.KeyName);
   }
@@ -10763,7 +10712,7 @@ const uploadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 }
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 }
   },
   "options": {
     "widget": "UploadFile"
@@ -10780,7 +10729,7 @@ const downloadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 }
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 }
   },
   "options": {
     "widget": "DownloadFile"
@@ -10825,158 +10774,121 @@ const buildDownloadFile = (config, componentScope) => {
   }
   return DownloadFile;
 };
-function Card(theme) {
-  const uiSchema = {
-    type: "WrapperLayout",
-    config: {
-      main: {},
-      wrapperStyle: {},
-      componentsBoxStyle: {
-        flexDirection: "row",
-        flexWrap: "nowrap",
-        width: "100%",
-        background: "transparent",
-        border: `1.5px solid ${theme.palette.primary.main}`,
-        borderRadius: "20px",
-        padding: "0px 20px 0px 20px",
-        "&: hover": {
-          background: `${theme.palette.primary.main}`,
-          border: `1.5px solid black`,
-          "& p": {
-            color: "white"
-          }
-        }
+var Card = {
+  type: "WrapperLayout",
+  config: {
+    main: {
+      rowSpacing: 0.5
+    },
+    componentsBoxStyle: {
+      position: "relative",
+      color: "white",
+      height: { xs: "120px", md: "160px" },
+      width: "100%",
+      textAlign: "left",
+      background: "#3f51b5",
+      borderRadius: "20px"
+    },
+    layout: { xs: 12, sm: 12, md: 6, lg: 6 }
+  },
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          heading: "$5000.00"
+        },
+        style: {
+          position: "absolute",
+          left: "10%",
+          top: "15%",
+          color: "#f5effc",
+          height: "80px",
+          display: "flex",
+          fontSize: { xs: "24px", md: "32px" },
+          alignItems: "center",
+          background: "inherit",
+          justifyContent: "flex-start"
+        },
+        layout: 5
       },
-      layout: { xs: 12, sm: 12, md: 6, lg: 6 }
+      options: {
+        widget: "Box"
+      }
     },
-    elements: [
-      {
-        type: "HorizontalLayout",
-        config: {
-          layout: 8
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          url: "https://www.svgrepo.com/show/500606/loading.svg"
         },
-        elements: [
-          {
-            type: "WrapperLayout",
-            config: {
-              main: {
-                columnSpacing: 0,
-                gap: 0
-              },
-              wrapperStyle: {
-                marginTop: "4px",
-                background: "transparent"
-              },
-              componentsBoxStyle: {
-                flexDirection: "column",
-                flexWrap: "nowrap",
-                width: "100%",
-                height: "inherit",
-                background: "transparent",
-                borderRadius: "0px"
-              },
-              layout: 12
-            },
-            elements: [
-              {
-                type: "Control",
-                scope: "#/properties/programType",
-                config: {
-                  main: {
-                    heading: "$5000.00"
-                  },
-                  style: {
-                    color: "black",
-                    display: "flex",
-                    fontSize: { xs: "24px", md: "28px" },
-                    fontWeight: "bold",
-                    background: "inherit",
-                    justifyContent: "flex-start",
-                    width: "calc(100%+8px)",
-                    margin: "-8px"
-                  },
-                  layout: 12
-                },
-                options: {
-                  widget: "Box"
-                }
-              },
-              {
-                type: "Control",
-                scope: "#/properties/programType",
-                config: {
-                  main: {
-                    heading: "Total Earnings"
-                  },
-                  style: {
-                    color: "black",
-                    fontSize: "16px",
-                    justifyContent: "center",
-                    textWrap: "wrap",
-                    background: "inherit",
-                    width: "calc(100%+8pc)",
-                    margin: "-8px",
-                    lineHeight: "1"
-                  },
-                  layout: 12
-                },
-                options: {
-                  widget: "Box"
-                }
-              }
-            ]
-          }
-        ]
+        style: {
+          color: "#f5effc",
+          objectFit: "contain",
+          position: "absolute",
+          top: "10px",
+          right: "10px",
+          height: "80%",
+          width: "35%",
+          display: "flex",
+          fontSize: "34px",
+          alignItems: "center",
+          background: "inherit",
+          padding: "20px",
+          justifyContent: "left"
+        },
+        layout: 5
       },
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            url: "https://www.svgrepo.com/show/500606/loading.svg"
-          },
-          style: {
-            containerStyle: {
-              height: "100%",
-              display: "flex",
-              justifyContent: "center"
-            },
-            imageStyle: {
-              height: "100%",
-              fontSize: "none",
-              padding: "4px",
-              marginLeft: "8px"
-            }
-          },
-          layout: 4
+      options: {
+        widget: "Image"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          heading: "Total Earnings"
         },
-        options: {
-          widget: "Image"
-        }
+        style: {
+          position: "absolute",
+          top: "calc(60%)",
+          alignItems: "center",
+          color: "#8999e8",
+          fontSize: "16px",
+          left: "10%",
+          background: "inherit",
+          justifyContent: "center"
+        },
+        layout: 12
+      },
+      options: {
+        widget: "Box"
       }
-    ]
-  };
-  return uiSchema;
-}
-const buildCard = (config, componentScope, store2) => {
-  const card = _.cloneDeep(Card(store2.theme.myTheme));
+    }
+  ]
+};
+const buildCard = (config, componentScope) => {
+  const card = _.cloneDeep(Card);
   if (config.style) {
     card.config.style = JSON.parse(config.style);
   }
-  card.elements[0].elements[0].elements[0].scope = `#/properties/${config.name}/properties/value`;
+  card.elements[0].scope = `#/properties/${config.name}/properties/value`;
   card.elements[1].scope = `#/properties/${config.name}/properties/url`;
-  card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`;
+  card.elements[2].scope = `#/properties/${config.name}/properties/description`;
   if (config.layout) {
     card.config.layout = createLayoutFormat(config.layout);
   }
   if (config.label) {
-    card.elements[0].elements[0].elements[0].config.main.heading = config.label;
+    card.elements[0].config.main.heading = config.label;
   }
   if (config.url) {
     card.elements[1].config.main.url = config.url;
   }
   if (config.description) {
-    card.elements[0].elements[0].elements[1].config.main.heading = config.description;
+    card.elements[2].config.main.heading = config.description;
   }
   return card;
 };
@@ -10987,7 +10899,7 @@ var DateInputField = {
     widget: "DateInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "date"
@@ -11001,7 +10913,7 @@ const DateTime = {
     widget: "DateTimeInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "DateTime",
       type: "date"
@@ -11128,7 +11040,7 @@ var MultipleSelect = {
     widget: "MultipleSelect"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",
@@ -11294,7 +11206,7 @@ const RadioUiSchema = {
     widget: "RadioInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "Enabled",
       options: ["YES", "NO"],
@@ -11403,7 +11315,7 @@ const FileInput = {
     widget: "FileInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       required: false,
       onUpload: "onFileUpload",
@@ -11757,7 +11669,7 @@ const buildSchema = (config, tableName, isArrayType) => {
   }
   return schema;
 };
-const buildUiSchema = (config, store2) => {
+const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
@@ -11840,7 +11752,7 @@ const buildUiSchema = (config, store2) => {
       elements = buildEmptyBox(config);
       break;
     case "card":
-      elements = buildCard(config, componentScope, store2);
+      elements = buildCard(config);
       break;
     case "Graph":
       switch (config.graphType) {
@@ -11855,7 +11767,6 @@ const buildUiSchema = (config, store2) => {
           elements = buildPieGraph(config, componentScope);
           break;
         case "HorizontalBarGraph":
-        case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
       }
@@ -11918,7 +11829,7 @@ const buildUiSchema = (config, store2) => {
           header: cellElem.label || cellElem.name,
           size: sizeMap[cellElem.name] || 180,
           type: cellElem.columnFormat,
-          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store2)) : []
+          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
         };
       });
     } else if (config.type == "Table") {
@@ -11935,8 +11846,8 @@ const buildUiSchema = (config, store2) => {
             header: cellElem.label || cellElem.name,
             size: sizeMap[cellElem.name] || 180,
             type: cellElem.columnFormat,
-            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store2) : void 0,
-            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store2)) : []
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem) : void 0,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
           };
         } else {
           return {
@@ -11949,11 +11860,11 @@ const buildUiSchema = (config, store2) => {
       });
     } else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e, elemInd) => {
-        return buildUiSchema(e, store2);
+        return buildUiSchema(e);
       });
     } else {
       elements.elements = config.elements.map((e, elemInd) => {
-        return buildUiSchema(e, store2);
+        return buildUiSchema(e);
       });
     }
   }