impaktapps-ui-builder 0.0.382-alpha.13 → 0.0.382-alpha.15

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

@@ -6473,7 +6473,7 @@ const componentBasicUiSchema = (theme) => {
                 heading: " "
               },
               style: {
-                float: "right",
+                textAlign: "right",
                 width: "auto",
                 fontSize: "12px",
                 color: "gray",
@@ -7084,116 +7084,92 @@ const TableSection = {
   type: "HorizontalLayout",
   elements: [
     {
-      type: "WrapperLayout",
+      type: "Control",
+      scope: "#/properties/elements",
+      options: {
+        widget: "Table"
+      },
       config: {
-        main: {},
-        wrapperStyle: {
-          border: "1px solid gray"
+        main: {
+          headerIcons: {
+            elements: [
+              {
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/New_Record",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      color: "info",
+                      onClick: "widgetAddClickHandler",
+                      size: "small",
+                      icon: "AddIcon",
+                      iconLabel: "Add New",
+                      styleDefault: true
+                    },
+                    style: {
+                      mt: "6px"
+                    }
+                  }
+                }
+              }
+            ]
+          },
+          disableAction: true,
+          disableSelection: true,
+          enableDrag: true
         }
       },
       elements: [
         {
-          type: "Control",
-          scope: "#/properties/programType",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: 8,
-            main: {
-              heading: "Components Table"
-            },
-            style: {
-              fontFamily: "Roboto",
-              fontWeight: "500",
-              paddingLeft: "-10px",
-              fontSize: "20px"
-            }
-          }
+          accessorKey: "name",
+          header: "Name"
         },
         {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-          options: {
-            widget: "IconButton"
-          },
-          config: {
-            layout: 3,
-            main: {
-              icon: "AddIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "widgetAddClickHandler",
-              tooltipMessage: "Add New"
+          accessorKey: "type",
+          header: "Type"
+        },
+        {
+          header: "Edit Record",
+          field: "Reject_Records",
+          flex: 1,
+          widget: {
+            type: "Control",
+            scope: "#/properties/RejectButton",
+            options: {
+              widget: "IconButton"
             },
-            style: {
-              float: "right"
+            config: {
+              main: {
+                icon: "EditIcon",
+                color: "primary",
+                onClick: "editComponents",
+                tooltipMessage: "Reject This Record"
+              }
             }
           }
         },
         {
-          type: "Control",
-          scope: "#/properties/elements",
-          options: {
-            widget: "Table"
-          },
-          config: {
-            main: {
-              disableAction: true,
-              disableSelection: true,
-              enableDrag: true
-            }
-          },
-          elements: [
-            {
-              accessorKey: "name",
-              header: "Name"
-            },
-            {
-              accessorKey: "type",
-              header: "Type"
-            },
-            {
-              header: "Edit Record",
-              field: "Reject_Records",
-              flex: 1,
-              widget: {
-                type: "Control",
-                scope: "#/properties/RejectButton",
-                options: {
-                  widget: "IconButton"
-                },
-                config: {
-                  main: {
-                    icon: "EditIcon",
-                    color: "primary",
-                    onClick: "editComponents",
-                    tooltipMessage: "Reject This Record"
-                  }
-                }
-              }
+          header: "Delete",
+          field: "Reject_Records",
+          flex: 1,
+          widget: {
+            type: "Control",
+            scope: "#/properties/RejectButton",
+            options: {
+              widget: "IconButton"
             },
-            {
-              header: "Delete",
-              field: "Reject_Records",
-              flex: 1,
-              widget: {
-                type: "Control",
-                scope: "#/properties/RejectButton",
-                options: {
-                  widget: "IconButton"
-                },
-                config: {
-                  main: {
-                    icon: "RejectIcon",
-                    color: "error",
-                    onClick: "deleteComponents",
-                    tooltipMessage: "Reject This Record"
-                  }
-                }
+            config: {
+              main: {
+                icon: "RejectIcon",
+                color: "error",
+                onClick: "deleteComponents",
+                tooltipMessage: "Reject This Record"
               }
             }
-          ]
+          }
         }
       ]
     }
@@ -7271,12 +7247,7 @@ const ValidationSection = {
                 widget: "SelectInputField"
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Validation Type"
                 }
@@ -7289,16 +7260,21 @@ const ValidationSection = {
                 widget: "InputField"
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5
-                },
+                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
                 main: {
                   label: "Validation Value"
                 }
               }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: { xs: 0, sm: 4 }
+              }
             }
           ]
         }
@@ -8088,7 +8064,7 @@ const EventUiSchema = (theme) => {
                 heading: " "
               },
               style: {
-                float: "right",
+                textAlign: "right",
                 width: "auto",
                 fontSize: "12px",
                 color: "gray",