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

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -1,398 +1,412 @@
-import { EventUiSchema } from "../event/uiSchema"
-export const PageMasterUiSchema: any = {
-  type: "HorizontalLayout",
-  elements: [
-    {
-      type: "WrapperLayout",
-      config: {
-        main: {
-          rowSpacing: 1,
-          header: true,
-        },
-        defaultStyle: true,
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/pageMaster",
-
-          options: {
-            widget: "Box",
-          },
-          config: {
-            layout: 8,
-            main: {
-              heading: "Page Master",
-            },
+export const PageMasterUiSchema: any = (theme) => {
+  const uiSchema = {
+    type: "HorizontalLayout",
+    heading: "Page Master",
+    elements: [
+      {
+        type: "WrapperLayout",
+        config: {
+          main: {
+            label: "Page Template",
+            isAccordion: true,
           },
-        },
-        {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-
-          options: {
-            widget: "IconButton",
+          wrapperStyle: {
+            marginTop: '-6px',
+            marginBottom: '-8px',
           },
-          config: {
-            layout: 3,
-            main: {
-              icon: "BackIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "backHandler",
-              tooltipMessage: "Back",
-            },
-            style: {
-              float: "right",
-            },
+          componentsBoxStyle: {
+            marginLeft: "24px",
           },
+          defaultStyle: true,
         },
-      ],
-    },
-    {
-      type: "WrapperLayout",
-      config: {
-        main: {
-          label: "Page Template",
-          divider: true,
-        },
-        defaultStyle: true,
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/name",
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/name",
 
-          options: {
-            widget: "InputField",
-          },
-          config: {
-            layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
-            main: {
-              label: "Name",
-              options: [],
-              color: "secondary",
-              errorMessage:"Name should be start with 'page_'",
-              helperText:'Name should be start with "page_"',
-              required: true,
+            options: {
+              widget: "InputField",
             },
-          },
-        },
-        {
-          type: "Control",
-          scope: "#/properties/label",
-
-          options: {
-            widget: "InputField",
-          },
-          config: {
-            layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
-            main: {
-              label: "Label",
-              options: [],
-              color: "secondary",
-              required: true,
-            },
-          },
-        }
-      ],
-    },
-    {
-      type: "TabLayout",
-      config: {
-        main: {
-          tabLabels: ["Components", "events"],
-          divider: true,
-        },
-        defaultStyle: true,
-      },
-      elements: [
-        {
-          type: "WrapperLayout",
-          config: {
-            main: {
-              // label: "Success Case Event",
-              divider: true,
-            },
-            wrapperStyle: {
-              border: "1px solid gray"
+            config: {
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              main: {
+                label: "Name",
+                options: [],
+                color: "secondary",
+                errorMessage: "Name should be start with 'page_'",
+                helperText: 'Name should be start with "page_"',
+                required: true,
+              },
             },
           },
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/heading",
-    
-              options: {
-                widget: "Box",
-              },
-              config: {
-                layout: 8,
-                main: {
-                  heading: "Components Table",
-                },
-                style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft: "-10px",
-                  fontSize: "20px",
-                },
-              },
+          {
+            type: "Control",
+            scope: "#/properties/label",
+
+            options: {
+              widget: "InputField",
             },
-            {
-              type: "Control",
-              scope: "#/properties/AddButton",
-              options: {
-                widget: "IconButton",
-              },
-              config: {
-                layout: 3,
-                main: {
-                  icon: "AddIcon",
-                  styleDefault: true,
-                  size: "small",
-                  onClick: "onAddClickHandler",
-                  tooltipMessage: "Add New",
-                },
-                style: {
-                  float: "right",
-                },
+            config: {
+              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              main: {
+                label: "Label",
+                options: [],
+                color: "secondary",
+                required: true,
               },
             },
-        {
-          type: "Control",
-          scope: "#/properties/elements",
-          options: {
-            widget: "Table",
           },
-          config: {
-            main: {
-              disableAction: true,
-              disableSelection: true,
-              enableDrag: true,
+          {
+            type: "Control",
+            scope: "#/properties/emptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              layout: { xs: 0, sm: 4 }
             }
           },
-          elements: [
-            {
-              accessorKey: "name",
-
-              header: "Name",
-            },
-            {
-              accessorKey: "type",
-
-              header: "Type",
+          {
+            type: "TabLayout",
+            config: {
+              main: {
+                tabLabels: ["Components", "events"],
+                divider: true,
+              },
+              defaultStyle: true,
             },
-            {
-              header: "Edit",
-              field: "Reject_Records",
-              flex: 1,
-              widget: {
+            elements: [
+              {
                 type: "Control",
-                scope: "#/properties/RejectButton",
+                scope: "#/properties/elements",
                 options: {
-                  widget: "IconButton",
+                  widget: "Table",
                 },
                 config: {
                   main: {
-                    icon: "EditIcon",
-                    color: "primary",
-                    onClick: "Edit_Components",
-                    tooltipMessage: "Edit This Record",
-                  },
+                    headerIcons: {
+                      elements: [
+                        {
+                          widget: {
+                            type: "Control",
+                            scope: "#/properties/New_Record",
+
+                            options: {
+                              widget: "IconButton",
+                            },
+                            config: {
+                              main: {
+                                color: "info",
+                                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",
+                          color: "primary",
+                          onClick: "Edit_Components",
+                          tooltipMessage: "Edit This Record",
+                        },
+                      },
+                    },
+                  },
+                  {
+                    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",
+                        },
+                      },
+                    },
+                  }]
               },
-            },
-            {
-              header: "Delete",
-              field: "Reject_Records",
-              flex: 1,
-              widget: {
+              {
                 type: "Control",
-                scope: "#/properties/RejectButton",
+                scope: "#/properties/events",
                 options: {
-                  widget: "IconButton",
+                  widget: "Table",
                 },
                 config: {
                   main: {
-                    icon: "RejectIcon",
-                    color: "error",
-                    onClick: "Delete_Components",
-                    tooltipMessage: "Reject This Record",
+                    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: [
+
+                  {
+                    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: "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: "WrapperLayout",
-          config: {
-            main: {
-              // label: "Success Case Event",
-              divider: true,
-            },
-            wrapperStyle: {
-              border: "1px solid gray"
-            },
+
+            ],
           },
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/heading",
-    
-              options: {
-                widget: "Box",
-              },
-              config: {
-                layout: 8,
-                main: {
-                  heading: "Event Table",
-                },
-                style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft: "-10px",
-                  fontSize: "20px",
-                },
-              },
+          {
+            type: "Control",
+            scope: "#/properties/btn",
+            options: {
+              widget: "Button",
             },
-            {
-              type: "Control",
-              scope: "#/properties/AddButton",
-              options: {
-                widget: "IconButton",
+
+            config: {
+              layout: 11.9,
+              main: {
+                name: "Save",
+                startIcon: "ApproveIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "saveHandler",
+                size: "medium",
               },
-              config: {
-                layout: 3,
-                main: {
-                  icon: "AddIcon",
-                  styleDefault: true,
-                  size: "small",
-                  onClick: "eventAddHandler",
-                  tooltipMessage: "Back",
-                },
-                style: {
-                  float: "right",
-                },
+              style: {
+                width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
+                float: "right",
               },
             },
-    
-            {
-              type: "Control",
-              scope: "#/properties/events",
-              options: {
-                widget: "Table",
+          },
+        ]
+      },
+
+      {
+        type: "Control",
+        scope: "#/properties/notify",
+        options: {
+          widget: "Notify",
+        },
+        layout: 6,
+      },
+      {
+        type: "HorizontalLayout",
+        config: {
+          style: {
+            position: "fixed",
+            bottom: 5,
+            overflow: 'visible',
+            margin: "0",
+            width: "100vw",
+          }
+        },
+        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"
               },
-              config: {
-                main: {
-                  disableAction: true,
-                  disableSelection: true,
-                  enableDrag: true,
-    
+              style: {
+                color: theme?.palette?.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",
                 },
-              },
-              elements: [
-    
-                {
-                  accessorKey: "eventType",
-                  header: "Event Type",
+                config: {
+                  layout: 2,
                 },
-                {
-                  accessorKey: "Handler",
-                  header: "Handler",
+              },
+              {
+                type: "Control",
+                scope: "#/properties/backIcon",
+                options: {
+                  widget: "Box",
                 },
-                {
-                  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",
-                      },
-                    },
+                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",
                 },
-                {
-                  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: {
+                  layout: 9,
+                  main: {
+                    heading: "Previous Page",
+                    onClick: "backHandler"
                   },
+                  style: {
+                    color: theme.palette.primary.dark,
+                    fontSize: "12px",
+                    cursor: 'pointer',
+                    marginLeft: '-6px'
+                  }
                 },
-              ]
-            }]
-        },
-        
-      ],
-    },
-    {
-      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.7,
-        main: {
-          name: "Save",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "saveHandler",
-          size: "small",
-        },
-        style: {
-          marginBottom: "8px",
-          width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
-          float: "right",
-        },
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/notify",
-      options: {
-        widget: "Notify",
-      },
-      layout: 6,
-    }
-  ]
-}
-
+    ]
+  };
+  return uiSchema
+}