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

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

@@ -1,60 +1,24 @@
-import { EventUiSchema } from "../event/uiSchema"
+// import { getAppTheme } from "@/Style/AppStyle";
+
+// const theme = getAppTheme().theme;
+
 export const PageMasterUiSchema: any = {
   type: "HorizontalLayout",
+  heading: "Page Master",
   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",
-            },
-          },
+          label: "Page Template",
+          isAccordion: true,
         },
-        {
-          type: "Control",
-          scope: "#/properties/Back_Button",
-
-          options: {
-            widget: "IconButton",
-          },
-          config: {
-            layout: 3,
-            main: {
-              icon: "BackIcon",
-              styleDefault: true,
-              size: "small",
-              onClick: "backHandler",
-              tooltipMessage: "Back",
-            },
-            style: {
-              float: "right",
-            },
-          },
+        wrapperStyle: {
+          marginTop: '-6px',
+          marginBottom: '-8px',
         },
-      ],
-    },
-    {
-      type: "WrapperLayout",
-      config: {
-        main: {
-          label: "Page Template",
-          divider: true,
+        componentsBoxStyle: {
+          marginLeft: "24px",
         },
         defaultStyle: true,
       },
@@ -67,13 +31,13 @@ export const PageMasterUiSchema: any = {
             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: "Name",
               options: [],
               color: "secondary",
-              errorMessage:"Name should be start with 'page_'",
-              helperText:'Name should be start with "page_"',
+              errorMessage: "Name should be start with 'page_'",
+              helperText: 'Name should be start with "page_"',
               required: true,
             },
           },
@@ -86,7 +50,7 @@ export const PageMasterUiSchema: any = {
             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",
               options: [],
@@ -94,6 +58,16 @@ export const PageMasterUiSchema: any = {
               required: true,
             },
           },
+        },
+        {
+          type: "Control",
+          scope: "#/properties/emptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            layout: { xs: 0, sm: 4 }
+          }
         }
       ],
     },
@@ -107,58 +81,6 @@ export const PageMasterUiSchema: any = {
         defaultStyle: true,
       },
       elements: [
-        {
-          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: "Components Table",
-                },
-                style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft: "-10px",
-                  fontSize: "20px",
-                },
-              },
-            },
-            {
-              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",
-                },
-              },
-            },
         {
           type: "Control",
           scope: "#/properties/elements",
@@ -167,6 +89,33 @@ export const PageMasterUiSchema: any = {
           },
           config: {
             main: {
+              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,
@@ -222,144 +171,106 @@ export const PageMasterUiSchema: any = {
                   },
                 },
               },
-            }
-          ]
-        }]},
+            }]
+        },
         {
-          type: "WrapperLayout",
+          type: "Control",
+          scope: "#/properties/events",
+          options: {
+            widget: "Table",
+          },
           config: {
             main: {
-              // label: "Success Case Event",
-              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/heading",
-    
-              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/AddButton",
-              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: "editEvent",
+                  },
+                  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: "editEvent",
-                      },
-                      style: {
-                        color: "#3949ab",
-                      },
-                    },
-                  },
+              accessorKey: "Reject_Records",
+              header: "Delete",
+              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",
+                    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",
@@ -368,7 +279,7 @@ export const PageMasterUiSchema: any = {
       },
 
       config: {
-        layout: 11.7,
+        layout: 11.9,
         main: {
           name: "Save",
           startIcon: "ApproveIcon",
@@ -376,11 +287,10 @@ export const PageMasterUiSchema: any = {
           color: "info",
           type: "text",
           onClick: "saveHandler",
-          size: "small",
+          size: "medium",
         },
         style: {
-          marginBottom: "8px",
-          width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
+          width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
           float: "right",
         },
       },
@@ -392,7 +302,111 @@ export const PageMasterUiSchema: any = {
         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"
+    //         },
+    //         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",
+    //           },
+    //           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'
+    //             }
+    //           },
+    //         },
+    //       ],
+    //     },
+    //   ]
+    // }
+  ]
+}

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -73,13 +73,12 @@ export default (funcParams: funcParamsProps) => {
         serviceHolder: this, eventGroups
       }
       funcParams.store.setSchema(
-        // (pre: any) => {
-        //   return {
-        //     ...funcParams.schema, properties:
-        //       { ...funcParams.schema.properties, ...pre.properties, }
-        //   }
-        // }
-        funcParams.schema
+        (pre: any) => {
+          return {
+            ...funcParams.schema, properties:
+              { ...funcParams.schema.properties, ...pre.properties, }
+          }
+        }
       )
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);