impaktapps-ui-builder 0.0.412-mtreemap.1 → 0.0.412-mtreemap.10

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

@@ -41,7 +41,7 @@ const PageMasterSchema = {
       }
     }
   },
-  required: ["template", "name"]
+  required: ["template", "name", "label"]
 };
 const PageMasterUiSchema = (theme) => {
   var _a;
@@ -79,15 +79,19 @@ const PageMasterUiSchema = (theme) => {
           },
           {
             type: "Control",
-            scope: "#/properties/label",
+            scope: "#/properties/template",
             options: {
-              widget: "InputField"
+              widget: "SelectInputField"
             },
             config: {
               layout: { xs: 11, sm: 4, md: 4, lg: 4 },
               main: {
-                label: "Label",
-                options: [],
+                label: "Template",
+                options: [
+                  { const: "template1", title: "template1" },
+                  { const: "template2", title: "template2" },
+                  { const: "template3", title: "template3" }
+                ],
                 color: "secondary",
                 required: true
               }
@@ -95,228 +99,246 @@ const PageMasterUiSchema = (theme) => {
           },
           {
             type: "Control",
-            scope: "#/properties/emptyBox",
+            scope: "#/properties/label",
             options: {
-              widget: "EmptyBox"
+              widget: "InputField"
             },
             config: {
-              layout: { xs: 0, sm: 4 }
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              main: {
+                label: "Label",
+                options: [],
+                color: "secondary",
+                required: true
+              }
             }
+          }
+        ]
+      },
+      {
+        type: "TabLayout",
+        config: {
+          main: {
+            tabLabels: ["Components", "events"],
+            divider: true
           },
+          defaultStyle: true
+        },
+        elements: [
           {
-            type: "TabLayout",
+            type: "Control",
+            scope: "#/properties/elements",
+            options: {
+              widget: "Table"
+            },
             config: {
               main: {
-                tabLabels: ["Components", "events"],
-                divider: true
-              },
-              defaultStyle: true
-            },
-            elements: [
-              {
-                type: "Control",
-                scope: "#/properties/elements",
-                options: {
-                  widget: "Table"
-                },
-                config: {
-                  main: {
-                    headerIcons: {
-                      elements: [
-                        {
-                          widget: {
-                            type: "Control",
-                            scope: "#/properties/New_Record",
-                            options: {
-                              widget: "IconButton"
-                            },
-                            config: {
-                              main: {
-                                onClick: "onAddClickHandler",
-                                size: "small",
-                                icon: "AddIcon",
-                                iconLabel: "Add New",
-                                styleDefault: true
-                              },
-                              style: {
-                                mt: "6px"
-                              }
-                            }
+                headerIcons: {
+                  elements: [
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/New_Record",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "onAddClickHandler",
+                            size: "small",
+                            icon: "AddIcon",
+                            iconLabel: "Add New",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
                           }
                         }
-                      ]
-                    },
-                    disableAction: true,
-                    disableSelection: true,
-                    enableDrag: true
-                  }
-                },
-                elements: [
-                  {
-                    accessorKey: "name",
-                    header: "Name"
-                  },
-                  {
-                    accessorKey: "type",
-                    header: "Type"
-                  },
-                  {
-                    header: "Edit",
-                    field: "Reject_Records",
-                    flex: 1,
-                    widget: {
-                      type: "Control",
-                      scope: "#/properties/RejectButton",
-                      options: {
-                        widget: "IconButton"
-                      },
-                      config: {
-                        main: {
-                          icon: "EditIcon",
-                          onClick: "Edit_Components",
-                          tooltipMessage: "Edit This Record"
-                        }
                       }
                     }
+                  ]
+                },
+                disableAction: true,
+                disableSelection: true,
+                enableDrag: true
+              }
+            },
+            elements: [
+              {
+                accessorKey: "name",
+                header: "Name"
+              },
+              {
+                accessorKey: "type",
+                header: "Type"
+              },
+              {
+                header: "Edit",
+                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: "Delete_Components",
-                          tooltipMessage: "Reject This Record"
-                        }
-                      }
+                  config: {
+                    main: {
+                      icon: "EditIcon",
+                      color: "primary",
+                      onClick: "Edit_Components",
+                      tooltipMessage: "Edit This Record"
                     }
                   }
-                ]
+                }
               },
               {
-                type: "Control",
-                scope: "#/properties/events",
-                options: {
-                  widget: "Table"
-                },
-                config: {
-                  main: {
-                    headerIcons: {
-                      elements: [
-                        {
-                          widget: {
-                            type: "Control",
-                            scope: "#/properties/New_Record",
-                            options: {
-                              widget: "IconButton"
-                            },
-                            config: {
-                              main: {
-                                onClick: "eventAddHandler",
-                                size: "small",
-                                icon: "AddIcon",
-                                iconLabel: "Add New",
-                                styleDefault: true
-                              },
-                              style: {
-                                mt: "6px"
-                              }
-                            }
-                          }
-                        }
-                      ]
-                    },
-                    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: {
-                          size: "small",
-                          icon: "EditIcon",
-                          tooltipMessage: "Edit This Record",
-                          onClick: "editEvent"
-                        },
-                        style: {
-                          color: "#3949ab"
-                        }
-                      }
-                    }
+                header: "Delete",
+                field: "Reject_Records",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/RejectButton",
+                  options: {
+                    widget: "IconButton"
                   },
-                  {
-                    accessorKey: "Reject_Records",
-                    header: "Delete",
-                    widget: {
-                      type: "Control",
-                      scope: "#/properties/RejectButton",
-                      options: {
-                        widget: "IconButton"
-                      },
-                      config: {
-                        main: {
-                          icon: "RejectIcon",
-                          color: "error",
-                          tooltipMessage: "Reject This Record",
-                          onClick: "deleteEvent"
-                        }
-                      }
+                  config: {
+                    main: {
+                      icon: "RejectIcon",
+                      color: "error",
+                      onClick: "Delete_Components",
+                      tooltipMessage: "Reject This Record"
                     }
                   }
-                ]
+                }
               }
             ]
           },
           {
             type: "Control",
-            scope: "#/properties/btn",
+            scope: "#/properties/events",
             options: {
-              widget: "Button"
+              widget: "Table"
             },
             config: {
-              layout: 11.9,
               main: {
-                name: "Save",
-                startIcon: "ApproveIcon",
-                variant: "contained",
-                type: "text",
-                onClick: "saveHandler",
-                size: "medium"
+                headerIcons: {
+                  elements: [
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/New_Record",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "eventAddHandler",
+                            size: "small",
+                            icon: "AddIcon",
+                            iconLabel: "Add New",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                },
+                disableAction: true,
+                disableSelection: true,
+                enableDrag: true
+              }
+            },
+            elements: [
+              {
+                accessorKey: "eventType",
+                header: "Event Type"
               },
-              style: {
-                width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
-                float: "right"
+              {
+                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: "editEvent"
+                    },
+                    style: {
+                      color: "#3949ab"
+                    }
+                  }
+                }
+              },
+              {
+                accessorKey: "Reject_Records",
+                header: "Delete",
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/RejectButton",
+                  options: {
+                    widget: "IconButton"
+                  },
+                  config: {
+                    main: {
+                      icon: "RejectIcon",
+                      color: "error",
+                      tooltipMessage: "Reject This Record",
+                      onClick: "deleteEvent"
+                    }
+                  }
+                }
               }
-            }
+            ]
           }
         ]
       },
+      {
+        type: "Control",
+        scope: "#/properties/btn",
+        options: {
+          widget: "EmptyBox"
+        },
+        config: {
+          layout: { xs: 0, sm: 0, md: 8, lg: 7 }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/btn",
+        options: {
+          widget: "Button"
+        },
+        config: {
+          layout: 11.9,
+          main: {
+            name: "Save",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            type: "text",
+            onClick: "saveHandler",
+            size: "medium"
+          },
+          style: {
+            width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
+            float: "right"
+          }
+        }
+      },
       {
         type: "Control",
         scope: "#/properties/notify",
@@ -5911,8 +5933,6 @@ const ComponentSchema = {
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" },
         { title: "TreeMap", const: "TreeMap" },
         { title: "ColumnGroup", const: "ColumnGroup" }
       ]
@@ -6240,6 +6260,39 @@ const componentBasicUiSchema = (theme) => {
                   }
                 }
               },
+              {
+                type: "Control",
+                scope: "#/properties/columnFormat",
+                options: {
+                  widget: "SelectInputField"
+                },
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Column Format"
+                  }
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc",
+                config: {
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/proc",
+                config: {
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                },
+                options: {
+                  widget: "EmptyBox"
+                }
+              },
               {
                 type: "Control",
                 scope: "#/properties/layout",
@@ -6279,12 +6332,12 @@ const componentBasicUiSchema = (theme) => {
                       },
                       {
                         type: "Control",
-                        scope: "#/properties/emptyBox",
+                        scope: "#/properties/proc",
+                        config: {
+                          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                        },
                         options: {
                           widget: "EmptyBox"
-                        },
-                        config: {
-                          layout: { xs: 0, sm: 4 }
                         }
                       }
                     ]
@@ -6521,12 +6574,7 @@ const CoreSection = {
         widget: "SelectInputField"
       },
       config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 6,
-          lg: 6
-        },
+        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
         main: {
           label: "Column Format"
         }
@@ -6536,7 +6584,17 @@ const CoreSection = {
       type: "Control",
       scope: "#/properties/proc",
       config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 }
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc",
+      config: {
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 }
       },
       options: {
         widget: "EmptyBox"
@@ -6582,12 +6640,12 @@ const CoreSection = {
             },
             {
               type: "Control",
-              scope: "#/properties/emptyBox",
+              scope: "#/properties/proc",
+              config: {
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+              },
               options: {
                 widget: "EmptyBox"
-              },
-              config: {
-                layout: { xs: 0, sm: 4 }
               }
             }
           ]
@@ -6694,15 +6752,16 @@ const EventSection = {
     }
   ]
 };
-const EmptyBox = {
+var emptyBox = {
   type: "Control",
-  scope: `#/properties/empty`,
+  scope: "#/properties/emptyBox",
   options: {
     widget: "EmptyBox"
   },
   config: {
     layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-    main: {}
+    main: {},
+    style: {}
   }
 };
 const cardLayout = {
@@ -6742,7 +6801,7 @@ const cardLayout = {
             }
           }
         },
-        EmptyBox
+        emptyBox
       ]
     }
   }
@@ -6751,7 +6810,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
-    layout: 11.5,
+    layout: 12,
     options: {
       "elementLabelProp": childScope,
       detail: {
@@ -6770,8 +6829,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
               }
             }
           },
-          EmptyBox,
-          EmptyBox
+          emptyBox
         ]
       }
     }
@@ -6878,7 +6936,8 @@ const buildPropertiesSection = function(type) {
         getInputField("linkType", "linkType"),
         getInputField("graphHeight", "Graph Height"),
         getInputField("graphWidth", "Graph Width"),
-        getInputField("graphZoomHeight", "Zoom Height")
+        getInputField("graphZoomHeight", "Zoom Height"),
+        emptyBox
       ];
       break;
     case "InputSlider":
@@ -6886,7 +6945,9 @@ const buildPropertiesSection = function(type) {
         getInputField("max", "Max Limit"),
         getInputField("step", "Step"),
         getInputField("min", "Min Limit"),
-        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
+        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
+        emptyBox,
+        emptyBox
       ];
       break;
     case "DataGrid":
@@ -6895,8 +6956,8 @@ const buildPropertiesSection = function(type) {
         getInputField("elevation", "Card Elevation"),
         getInputField("height", "Grid height"),
         getInputField("justifyContent", "justifyContent"),
-        EmptyBox,
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         cardLayout
       ];
       break;
@@ -6907,7 +6968,7 @@ const buildPropertiesSection = function(type) {
         getInputField("resetText", "Reset Text"),
         getInputField("completeText", "Complete Text"),
         getSelectField("orientation", "Orientation Type"),
-        EmptyBox,
+        emptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -6915,23 +6976,22 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
         getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
-        getInputField("maxWidth", "Max. Width"),
-        EmptyBox
+        getInputField("maxWidth", "Max. Width")
       ];
       break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ];
       break;
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,
-        EmptyBox
+        emptyBox,
+        emptyBox
       ];
       break;
     case "SpeedoMeter":
@@ -6941,7 +7001,7 @@ const buildPropertiesSection = function(type) {
         getInputField("heading", "Container Heading"),
         getInputField("speedoCaption", "Speedometer Caption"),
         getInputField("width", "Speedometer Width"),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "RankCard":
@@ -6950,8 +7010,8 @@ const buildPropertiesSection = function(type) {
         getInputField("image", "Image Url"),
         getInputField("title", "Card Title"),
         getInputField("description", "Card Description"),
-        EmptyBox,
-        EmptyBox
+        emptyBox,
+        emptyBox
       ];
       break;
     case "LeaderBoard":
@@ -6960,8 +7020,8 @@ const buildPropertiesSection = function(type) {
         getInputField("firstImage", "First Image url"),
         getInputField("secondImage", "Second Image url"),
         getInputField("thirdImage", "Third Image url"),
-        EmptyBox,
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         getTextArea("functionCode", "Write Compare Code", false)
       ];
       break;
@@ -6978,8 +7038,8 @@ const buildPropertiesSection = function(type) {
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
         getInputField("bottomLabel_3", "Third BottomLabel"),
-        EmptyBox,
-        EmptyBox
+        emptyBox,
+        emptyBox
       ];
       break;
     case "card":
@@ -6987,7 +7047,7 @@ const buildPropertiesSection = function(type) {
         getInputField("url", "Image Url"),
         getInputField("label", "Label"),
         getInputField("description", "Description"),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "Button":
@@ -6997,7 +7057,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("color", "Color"),
         getInputField("tooltipMessage", "Tooltip Message"),
         getSelectField("defaultStyle", "Default Style"),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "Graph":
@@ -7010,6 +7070,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
+        emptyBox,
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
@@ -7019,13 +7080,16 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("divider", "Divider", ["YES", "No"]),
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
-        getInputField("rowSpacing", "Row Spacing")
+        getInputField("rowSpacing", "Row Spacing"),
+        emptyBox,
+        emptyBox
       ];
       break;
     case "TabSection":
       uiSchema.elements = [
         getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
         getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
+        emptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7051,14 +7115,14 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        EmptyBox,
-        EmptyBox
+        emptyBox,
+        emptyBox
       ];
       break;
   }
@@ -7200,7 +7264,7 @@ const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      layout: 11.5,
+      layout: 12,
       options: {
         detail: {
           type: "HorizontalLayout",
@@ -7486,14 +7550,14 @@ const refreshPage = (type, store2) => {
     const sectionUiSchema = {
       Core: CoreSection,
       Value: ValueTab,
-      style: StyleSection,
+      Style: StyleSection,
       Event: EventSection,
       Components: TableSection,
       Properties: buildPropertiesSection(type),
       Validation: ValidationSection
     };
     const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
-    UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
+    UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
     UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
   }
   store2.setUiSchema(UiSchema);
@@ -7793,28 +7857,15 @@ const EventUiSchema = (theme) => {
                   }
                 }
               },
+              getSelectField("Handler", "Handler"),
               {
                 type: "Control",
-                scope: `#/properties/Handler`,
-                options: {
-                  widget: "SelectInputField"
-                },
-                config: {
-                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
-                  main: {
-                    label: "Handler",
-                    type: "text"
-                  }
-                }
-              },
-              {
-                type: "Control",
-                scope: "#/properties/emptyBox",
+                scope: "#/properties/EmptyBox",
                 options: {
                   widget: "EmptyBox"
                 },
                 config: {
-                  layout: { xs: 0, sm: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 }
               }
             ]
@@ -7877,6 +7928,7 @@ const EventUiSchema = (theme) => {
                   },
                   config: {
                     main: {
+                      color: "info",
                       size: "small",
                       icon: "EditIcon",
                       tooltipMessage: "Edit This Record",
@@ -8265,6 +8317,17 @@ const refreshSectionUiSchema = {
                 }
               }
             },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                main: {}
+              }
+            },
             {
               type: "Control",
               scope: "#/properties/emptyBox",
@@ -8282,18 +8345,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() {
@@ -8308,18 +8359,19 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       const schema2 = _.cloneDeep(EventSchema);
       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] = emptyBox;
+          uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
           uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox;
           uiSchema.elements[0].elements[0].elements[3] = APISection;
           schema2.required = ["eventType", "Handler", "method", "path"];
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
-          uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
+          uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
           schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
         } else if (handlerType === "refresh") {
+          uiSchema.elements[0].elements[0].elements[2] = emptyBox;
           uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
           schema2.properties.refreshElements.required = ["value"];
           schema2.properties.refreshElements.items.required = ["value"];
@@ -8336,8 +8388,8 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       store22.setUiSchema(uiSchema);
     },
     getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
-    getUiSchema: async function() {
-      return await EventUiSchema(store2.theme.myTheme);
+    getUiSchema: function() {
+      return EventUiSchema;
     },
     getSchema: () => {
       return EventSchema;
@@ -9393,7 +9445,7 @@ const LineGraph = {
       leftLabel: "Incentive",
       gridHidden: true,
       numHidden: false,
-      tooltipDataKey: ["First", "Second", "Third"],
+      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
       axisLeft: true,
       axisBottom: true,
       hideLeftAxisLine: false,
@@ -9651,7 +9703,8 @@ var WrapperSection = {
   config: {
     main: {
       rowSpacing: 3,
-      divider: true
+      divider: true,
+      label: "Default Label"
     },
     defaultStyle: true
   },
@@ -10005,14 +10058,16 @@ var Card = {
     main: {
       rowSpacing: 0.5
     },
-    componentsBoxStyle: {
-      position: "relative",
-      color: "white",
-      height: { xs: "120px", md: "160px" },
-      width: "100%",
-      textAlign: "left",
-      background: "#3f51b5",
-      borderRadius: "20px"
+    style: {
+      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 }
   },
@@ -10138,12 +10193,7 @@ const DateTime = {
     widget: "DateTimeInputField"
   },
   config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5
-    },
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "DateTime",
       type: "date"
@@ -10303,7 +10353,7 @@ const buildBasicUiSchema = (config) => {
     pageName: config.name,
     name: config.name,
     accessorKey: config.name,
-    header: config.label || config.name,
+    headeing: config.label || config.name,
     "elements": []
   };
 };
@@ -10460,11 +10510,11 @@ const buildRadio = (config, componentScope) => {
   return Radio;
 };
 const buildEmptyBox = (config, componentScope) => {
-  const EmptyBox2 = _.cloneDeep(emptyBox);
+  const EmptyBox = _.cloneDeep(emptyBox);
   if (config.layout) {
-    EmptyBox2.config.layout = createLayoutFormat(config.layout);
+    EmptyBox.config.layout = createLayoutFormat(config.layout);
   }
-  return EmptyBox2;
+  return EmptyBox;
 };
 const ArrayUiSchema = {
   type: "Control",