impaktapps-ui-builder 0.0.382-alpha.6 → 0.0.382-alpha.8

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

@@ -7768,302 +7768,329 @@ const EventSchema = {
   },
   required: ["eventType", "Handler"]
 };
-const EventUiSchema = {
-  type: "HorizontalLayout",
-  elements: [
-    {
-      type: "WrapperLayout",
-      config: {
-        main: {
-          rowSpacing: 1,
-          header: true
-        },
-        defaultStyle: true
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/Component",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: { xs: 12, sm: 12, md: 2 },
-            main: {
-              heading: "Component"
-            },
-            style: {
-              "float": "left"
-            }
-          }
-        },
-        {
-          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"
-            }
+const EventUiSchema = (theme) => {
+  var _a;
+  const uiSchema = {
+    type: "HorizontalLayout",
+    heading: "Component",
+    elements: [
+      {
+        type: "TabLayout",
+        config: {
+          main: {
+            tabLabels: ["Core", "Response Event"],
+            defaultStyle: true,
+            id: "event"
           }
         },
-        {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-          options: {
-            widget: "IconButton"
-          },
-          config: {
-            layout: { xs: 2, sm: 2, md: 0.5 },
-            main: {
-              icon: "BackIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "backHandler",
-              tooltipMessage: "Back"
-            },
-            style: {
-              float: "right"
-            }
-          }
-        }
-      ]
-    },
-    {
-      type: "TabLayout",
-      config: {
-        main: {
-          tabLabels: ["Core", "Response Event"],
-          defaultStyle: true,
-          id: "event"
-        }
-      },
-      elements: [
-        {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: `#/properties/eventType`,
-              options: {
-                widget: "SelectInputField"
+        elements: [
+          {
+            type: "HorizontalLayout",
+            elements: [
+              {
+                type: "Control",
+                scope: `#/properties/eventType`,
+                options: {
+                  widget: "SelectInputField"
+                },
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Event Type",
+                    type: "text"
+                  }
+                }
               },
-              config: {
-                layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
-                main: {
-                  label: "Event Type",
-                  type: "text"
+              {
+                type: "Control",
+                scope: `#/properties/Handler`,
+                options: {
+                  widget: "SelectInputField"
+                },
+                config: {
+                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  main: {
+                    label: "Handler",
+                    type: "text"
+                  }
                 }
-              }
-            },
-            getSelectField("Handler", "Handler")
-          ]
-        },
-        {
-          type: "WrapperLayout",
-          config: {
-            main: {
-              divider: true
-            },
-            wrapperStyle: {
-              border: "1px solid gray"
-            }
-          },
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/heading",
-              options: {
-                widget: "Box"
               },
-              config: {
-                layout: 8,
-                main: {
-                  heading: "Response Event"
+              {
+                type: "Control",
+                scope: "#/properties/emptyBox",
+                options: {
+                  widget: "EmptyBox"
                 },
-                style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft: "-10px",
-                  fontSize: "20px"
+                config: {
+                  layout: { xs: 0, sm: 4 }
                 }
               }
+            ]
+          },
+          {
+            type: "Control",
+            scope: "#/properties/events",
+            options: {
+              widget: "Table"
             },
-            {
-              type: "Control",
-              scope: "#/properties/AddButton",
-              options: {
-                widget: "IconButton"
-              },
-              config: {
-                layout: 3,
-                main: {
-                  icon: "AddIcon",
-                  styleDefault: true,
-                  size: "small",
-                  onClick: "addEvent",
-                  tooltipMessage: "Back"
+            config: {
+              main: {
+                headerIcons: {
+                  elements: [
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/New_Record",
+                        options: {
+                          widget: "IconButton"
+                        },
+                        config: {
+                          main: {
+                            color: "info",
+                            onClick: "addEvent",
+                            size: "small",
+                            icon: "AddIcon",
+                            iconLabel: "Add New",
+                            styleDefault: true
+                          },
+                          style: {
+                            mt: "6px"
+                          }
+                        }
+                      }
+                    }
+                  ]
                 },
-                style: {
-                  float: "right"
-                }
+                disableAction: true,
+                disableSelection: true,
+                enableDrag: true
               }
             },
-            {
-              type: "Control",
-              scope: "#/properties/events",
-              options: {
-                widget: "Table"
+            elements: [
+              {
+                accessorKey: "eventType",
+                header: "Event Type"
               },
-              config: {
-                main: {
-                  disableAction: true,
-                  disableSelection: true,
-                  enableDrag: true
-                }
+              {
+                accessorKey: "Handler",
+                header: "Handler"
               },
-              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"
+              {
+                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"
                     },
-                    config: {
-                      main: {
-                        color: "info",
-                        size: "small",
-                        icon: "EditIcon",
-                        tooltipMessage: "Edit This Record",
-                        onClick: "editEvent"
-                      },
-                      style: {
-                        color: "#3949ab"
-                      }
+                    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"
-                      }
+                }
+              },
+              {
+                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/proc",
-      config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 }
-      },
-      options: {
-        widget: "EmptyBox"
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button"
+              }
+            ]
+          }
+        ]
       },
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5
+      {
+        type: "Control",
+        scope: "#/properties/btn",
+        options: {
+          widget: "Button"
         },
-        main: {
-          name: "Ok",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "okHandler",
-          size: "small"
+        config: {
+          layout: {
+            xs: 11,
+            sm: 11,
+            md: 2.5,
+            lg: 2.5
+          },
+          main: {
+            name: "Ok",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            color: "info",
+            type: "text",
+            onClick: "okHandler",
+            size: "small"
+          },
+          style: {
+            marginBottom: "8px",
+            float: "right"
+          }
+        }
+      },
+      {
+        type: "Control",
+        scope: "#/properties/btnSubmit",
+        options: {
+          widget: "Button"
         },
-        style: {
-          marginBottom: "8px",
-          float: "right"
+        config: {
+          layout: {
+            xs: 11,
+            sm: 11,
+            md: 2.5,
+            lg: 2.5
+          },
+          main: {
+            name: "Save & Exit",
+            startIcon: "ApproveIcon",
+            variant: "contained",
+            color: "info",
+            type: "text",
+            onClick: "saveHandler",
+            size: "small"
+          },
+          style: {
+            marginBottom: "8px",
+            float: "right"
+          }
         }
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button"
       },
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5
+      {
+        type: "Control",
+        scope: "#/properties/notify",
+        options: {
+          widget: "Notify"
         },
-        main: {
-          name: "Save & Exit",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "saveHandler",
-          size: "small"
+        layout: 6
+      },
+      {
+        type: "HorizontalLayout",
+        config: {
+          style: {
+            position: "fixed",
+            bottom: 5,
+            overflow: "visible",
+            margin: "0",
+            width: "100vw"
+          }
         },
-        style: {
-          marginBottom: "8px",
-          float: "right"
-        }
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 0, sm: 4, md: 4, lg: 4 }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/FooterText",
+            options: {
+              widget: "Box"
+            },
+            config: {
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              main: {
+                heading: "Copywriter@ACT21.IO"
+              },
+              style: {
+                color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
+                fontSize: "12px"
+              }
+            }
+          },
+          {
+            type: "HorizontalLayout",
+            config: {
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 }
+            },
+            elements: [
+              {
+                type: "Control",
+                scope: "#/properties/EmptyBox",
+                options: {
+                  widget: "EmptyBox"
+                },
+                config: {
+                  layout: 2
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/backIcon",
+                options: {
+                  widget: "Box"
+                },
+                config: {
+                  layout: 1,
+                  main: {
+                    iconName: "PrevIcon",
+                    onClick: "backHandler"
+                  },
+                  style: {
+                    fill: theme.palette.primary.dark,
+                    width: 20,
+                    height: 20,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    marginRight: "-8px",
+                    cursor: "pointer"
+                  }
+                }
+              },
+              {
+                type: "Control",
+                scope: "#/properties/text",
+                options: {
+                  widget: "Box"
+                },
+                config: {
+                  layout: 9,
+                  main: {
+                    heading: "Previous Page",
+                    onClick: "backHandler"
+                  },
+                  style: {
+                    color: theme.palette.primary.dark,
+                    fontSize: "12px",
+                    cursor: "pointer",
+                    marginLeft: "-6px"
+                  }
+                }
+              }
+            ]
+          }
+        ]
       }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/notify",
-      options: {
-        widget: "Notify"
-      },
-      layout: 6
-    }
-  ]
+    ]
+  };
+  return uiSchema;
 };
 const APISection = {
   type: "HorizontalLayout",
@@ -8260,7 +8287,7 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
       this.refreshPage(formdata.Handler, store2);
     },
     refreshPage: (handlerType, store22) => {
-      const uiSchema = _.cloneDeep(EventUiSchema);
+      const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
       const schema2 = _.cloneDeep(EventSchema);
       if (handlerType) {
         if (handlerType === "custom") {
@@ -8284,8 +8311,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
       store22.setUiSchema(uiSchema);
     },
     getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
-    getUiSchema: function() {
-      return EventUiSchema;
+    getUiSchema: async function() {
+      return await EventUiSchema(store2.theme.myTheme);
     },
     getSchema: () => {
       return EventSchema;