impaktapps-ui-builder 0.0.382-alpha.11 → 0.0.382-alpha.12

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

@@ -6415,6 +6415,26 @@ const componentBasicUiSchema = (theme) => {
                   layout: 2
                 }
               },
+              {
+                type: "Control",
+                scope: "#/properties/pageName",
+                options: {
+                  widget: "Box"
+                },
+                config: {
+                  layout: { xs: 7, sm: 7, md: 9 },
+                  main: {
+                    heading: " "
+                  },
+                  style: {
+                    float: "right",
+                    width: "auto",
+                    fontSize: "12px",
+                    color: "gray",
+                    paddingTop: "10px"
+                  }
+                }
+              },
               {
                 type: "Control",
                 scope: "#/properties/backIcon",
@@ -6568,121 +6588,95 @@ const EventSection = {
   type: "HorizontalLayout",
   elements: [
     {
-      type: "WrapperLayout",
+      type: "Control",
+      scope: "#/properties/events",
+      options: {
+        widget: "Table"
+      },
       config: {
         main: {
-          divider: true
-        },
-        wrapperStyle: {
-          border: "1px solid gray"
+          headerIcons: {
+            elements: [
+              {
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/New_Record",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      color: "info",
+                      onClick: "eventAddHandler",
+                      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: "Event Table"
-            },
-            style: {
-              fontFamily: "Roboto",
-              fontWeight: "500",
-              paddingLeft: "-10px",
-              fontSize: "20px"
-            }
-          }
+          accessorKey: "eventType",
+          header: "Event Type"
         },
         {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-          options: {
-            widget: "IconButton"
-          },
-          config: {
-            layout: 3,
-            main: {
-              icon: "AddIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "eventAddHandler",
-              tooltipMessage: "Back"
+          accessorKey: "Handler",
+          header: "Handler"
+        },
+        {
+          accessorKey: "Edit_Approve_Records",
+          header: "Edit Widget",
+          widget: {
+            type: "Control",
+            scope: "#/properties/Edit_Records",
+            options: {
+              widget: "IconButton"
             },
-            style: {
-              float: "right"
+            config: {
+              main: {
+                color: "info",
+                size: "small",
+                icon: "EditIcon",
+                tooltipMessage: "Edit This Record",
+                onClick: "eventEditHandler"
+              },
+              style: {
+                color: "#3949ab"
+              }
             }
           }
         },
         {
-          type: "Control",
-          scope: "#/properties/events",
-          options: {
-            widget: "Table"
-          },
-          config: {
-            main: {
-              disableAction: true,
-              disableSelection: true,
-              enableDrag: true
-            }
-          },
-          elements: [
-            {
-              accessorKey: "eventType",
-              header: "Event Type"
-            },
-            {
-              accessorKey: "Handler",
-              header: "Handler"
-            },
-            {
-              accessorKey: "Edit_Approve_Records",
-              header: "Edit Widget",
-              widget: {
-                type: "Control",
-                scope: "#/properties/Edit_Records",
-                options: {
-                  widget: "IconButton"
-                },
-                config: {
-                  main: {
-                    color: "info",
-                    size: "small",
-                    icon: "EditIcon",
-                    tooltipMessage: "Edit This Record",
-                    onClick: "eventEditHandler"
-                  },
-                  style: {
-                    color: "#3949ab"
-                  }
-                }
-              }
+          accessorKey: "Reject_Records",
+          header: "Delete",
+          widget: {
+            type: "Control",
+            scope: "#/properties/RejectButton",
+            accessorKeyName: "Reject_Records",
+            options: {
+              widget: "IconButton"
             },
-            {
-              accessorKey: "Reject_Records",
-              header: "Delete",
-              widget: {
-                type: "Control",
-                scope: "#/properties/RejectButton",
-                accessorKeyName: "Reject_Records",
-                options: {
-                  widget: "IconButton"
-                },
-                config: {
-                  main: {
-                    icon: "RejectIcon",
-                    color: "error",
-                    tooltipMessage: "Reject This Record",
-                    onClick: "deleteEvent"
-                  }
-                }
+            config: {
+              main: {
+                icon: "RejectIcon",
+                color: "error",
+                tooltipMessage: "Reject This Record",
+                onClick: "deleteEvent"
               }
             }
-          ]
+          }
         }
       ]
     }
@@ -7223,12 +7217,7 @@ const ValueTab = {
                 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: "Label"
                 }
@@ -7241,16 +7230,21 @@ const ValueTab = {
                 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: "Value"
                 }
               }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+              }
             }
           ]
         }
@@ -8036,6 +8030,26 @@ const EventUiSchema = (theme) => {
                   layout: 2
                 }
               },
+              {
+                type: "Control",
+                scope: "#/properties/pageName",
+                options: {
+                  widget: "Box"
+                },
+                config: {
+                  layout: { xs: 7, sm: 7, md: 9 },
+                  main: {
+                    heading: " "
+                  },
+                  style: {
+                    float: "right",
+                    width: "auto",
+                    fontSize: "12px",
+                    color: "gray",
+                    paddingTop: "10px"
+                  }
+                }
+              },
               {
                 type: "Control",
                 scope: "#/properties/backIcon",