impaktapps-ui-builder 0.0.56-alpha.21 → 0.0.56-alpha.22

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

@@ -6761,6 +6761,16 @@ const componentBasicUiSchema = (theme) => {
           layout: { xs: 0, sm: 4, md: 4, lg: 4 }
         }
       },
+      {
+        type: "Control",
+        scope: "#/properties/EmptyBox",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 4, sm: 8 }
+        }
+      },
       {
         type: "Control",
         scope: "#/properties/btn",
@@ -6768,7 +6778,7 @@ const componentBasicUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: 1.8,
+          layout: { xs: 4, sm: 2 },
           main: {
             name: "Ok",
             startIcon: "ApproveIcon",
@@ -6776,9 +6786,6 @@ const componentBasicUiSchema = (theme) => {
             type: "text",
             onClick: "okHandler",
             size: "medium"
-          },
-          style: {
-            float: "right"
           }
         }
       },
@@ -6789,7 +6796,7 @@ const componentBasicUiSchema = (theme) => {
           widget: "Button"
         },
         config: {
-          layout: 1.8,
+          layout: { xs: 4, sm: 2 },
           main: {
             name: "Save & Exit",
             startIcon: "ApproveIcon",
@@ -6797,9 +6804,6 @@ const componentBasicUiSchema = (theme) => {
             type: "text",
             onClick: "saveHandler",
             size: "medium"
-          },
-          style: {
-            float: "right"
           }
         }
       },
@@ -7301,7 +7305,8 @@ const buildWrapper = (label, elements) => {
       },
       wrapperStyle: {
         marginTop: "-6px",
-        marginBottom: "-8px"
+        marginBottom: "-8px",
+        marginLeft: "-24px"
       },
       componentsBoxStyle: {
         marginLeft: "24px"
@@ -7499,6 +7504,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
+        emptyBox$1({ xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
@@ -7513,7 +7519,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
         getInputField("rowSpacing", "Row Spacing"),
-        emptyBox$1(),
+        emptyBox$1({ xs: 6, sm: 0, md: 4, lg: 4 }),
         emptyBox$1()
       ];
       break;
@@ -7534,7 +7540,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("DragAvailable", "Row Dragging", ["YES", "NO"]),
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
-        emptyBox$1(),
+        emptyBox$1({ xs: 6, sm: 0, md: 0, lg: 0 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
@@ -7562,7 +7568,7 @@ const buildPropertiesSection = function(type) {
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        emptyBox$1(),
+        emptyBox$1({ xs: 0, sm: 6, md: 4, lg: 4 }),
         emptyBox$1()
       ];
       break;