impaktapps-ui-builder 0.0.412-mtreemap.7 → 0.0.412-mtreemap.9

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

@@ -6279,7 +6279,7 @@ const componentBasicUiSchema = (theme) => {
                 type: "Control",
                 scope: "#/properties/proc",
                 config: {
-                  llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 },
                 options: {
                   widget: "EmptyBox"
@@ -6289,7 +6289,7 @@ const componentBasicUiSchema = (theme) => {
                 type: "Control",
                 scope: "#/properties/proc",
                 config: {
-                  llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                  layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                 },
                 options: {
                   widget: "EmptyBox"
@@ -6336,7 +6336,7 @@ const componentBasicUiSchema = (theme) => {
                         type: "Control",
                         scope: "#/properties/proc",
                         config: {
-                          llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
+                          layout: { xs: 0, sm: 4, md: 4, lg: 4 }
                         },
                         options: {
                           widget: "EmptyBox"
@@ -6569,6 +6569,29 @@ const CoreSection = {
         }
       }
     },
+    {
+      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/layout",
@@ -6609,12 +6632,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 }
               }
             }
           ]
@@ -6627,121 +6650,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"
               }
             }
-          ]
+          }
         }
       ]
     }
@@ -7239,7 +7236,7 @@ const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      layout: 11.5,
+      layout: 12,
       options: {
         detail: {
           type: "HorizontalLayout",
@@ -7853,6 +7850,31 @@ const EventUiSchema = (theme) => {
             },
             config: {
               main: {
+                headerIcons: {
+                  elements: [
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/New_Record",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            onClick: "addEvent",
+                            size: "small",
+                            icon: "AddIcon",
+                            iconLabel: "Add New",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                },
                 disableAction: true,
                 disableSelection: true,
                 enableDrag: true
@@ -8267,6 +8289,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",
@@ -8311,18 +8344,19 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       if (handlerType) {
         if (handlerType === "custom") {
           uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
-          uiSchema.elements[0].elements[0].elements[3] = emptyBox;
-          uiSchema.elements[0].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
+          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] = APISection;
+          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, { xs: 12, sm: 12, md: 6 });
+          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] = refreshSectionUiSchema;
+          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"];
           schema2.required = ["eventType", "Handler", "refreshElements"];