impaktapps-ui-builder 0.0.595 → 0.0.751

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

@@ -40,7 +40,10 @@ export const PageMasterSchema  = {
             }
           },
         },
-      }
+      },
+    RemoveItemButton:{
+      disabled: true
+    }
 },
 required:["template","name", "label"]
 }

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

@@ -23,7 +23,7 @@ export const PageMasterUiSchema: any = (theme) => {
               widget: "InputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
               main: {
                 label: "Name",
                 options: [],
@@ -42,7 +42,7 @@ export const PageMasterUiSchema: any = (theme) => {
               widget: "SelectInputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
               main: {
                 label: "Template",
                 options: [
@@ -63,7 +63,7 @@ export const PageMasterUiSchema: any = (theme) => {
               widget: "InputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
               main: {
                 label: "Label",
                 options: [],
@@ -72,13 +72,23 @@ export const PageMasterUiSchema: any = (theme) => {
               },
             },
           },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            config: {
+              layout: { xs: 6, sm: 6, md: 0, lg: 0 },
+            },
+            options: {
+              widget: "EmptyBox",
+            },
+          },
         ],
       },
       {
         type: "TabLayout",
         config: {
           main: {
-            tabLabels: ["Components", "events"],
+            tabLabels: ["Components", "Events"],
             divider: true,
           },
           defaultStyle: true,
@@ -117,6 +127,30 @@ export const PageMasterUiSchema: any = (theme) => {
                         },
                       }
                     },
+
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Component",
+
+                        options: {
+                          widget: "IconButton",
+                        },
+                        config: {
+                          main: {
+                            // color: "info",
+                            onClick: "copyPasteElement",
+                            size: "small",
+                            icon: "PasteIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true,
+                          },
+                          style: {
+                            mt: "6px",
+                          },
+                        },
+                      }
+                    },
                   ]
                 },
                 disableAction: true,
@@ -177,7 +211,30 @@ export const PageMasterUiSchema: any = (theme) => {
                     },
                   },
                 },
-              }
+              },
+
+              {
+                header: "Copy",
+                field: "Copy_Component",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/Copy_Component",
+                  options: {
+                    widget: "IconButton",
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      // color: "error",
+                      onClick: "copyPasteElement",
+                      styleDefault: true,
+                    },
+                  },
+                },
+              },
+
+            
             ]
           },
           {
@@ -213,6 +270,30 @@ export const PageMasterUiSchema: any = (theme) => {
                         },
                       }
                     },
+
+                    {
+                      widget: {
+                        type: "Control",
+                        scope: "#/properties/Paste_Event",
+
+                        options: {
+                          widget: "IconButton",
+                        },
+                        config: {
+                          main: {
+                            // color: "info",
+                            onClick: "copyPasteElement",
+                            size: "small",
+                            icon: "PasteIcon",
+                            iconLabel: "Paste",
+                            styleDefault: true,
+                          },
+                          style: {
+                            mt: "6px",
+                          },
+                        },
+                      }
+                    },
                   ]
                 },
 
@@ -274,6 +355,28 @@ export const PageMasterUiSchema: any = (theme) => {
                   },
                 },
               },
+
+              
+              {
+                header: "Copy",
+                field: "Copy_Event",
+                flex: 1,
+                widget: {
+                  type: "Control",
+                  scope: "#/properties/Copy_Event",
+                  options: {
+                    widget: "IconButton",
+                  },
+                  config: {
+                    main: {
+                      icon: "FileCopyIcon",
+                      // color: "error",
+                      onClick: "copyPasteElement",
+                      styleDefault: true,
+                    },
+                  },
+                },
+              },
             ]
             // }]
           },
@@ -281,14 +384,62 @@ export const PageMasterUiSchema: any = (theme) => {
         ],
       },
       {
-        type: "Control",
-        scope: "#/properties/btn",
-        options: {
-          widget: "EmptyBox",
-        },
+        type: "HorizontalLayout",
         config: {
-          layout: { xs: 0, sm: 8, md: 8, lg: 8 },
-        }
+          layout:{xs:12,sm: 9}
+        },
+        elements: [
+          {
+            type: "Control",
+            scope: "#/properties/RemoveItemButton",
+            options: {
+              widget: "IconButton",
+            },
+            config: {
+              layout: { xs: 1, sm: 1 },
+              main: {
+                onClick: "RemoveItemButton",
+                size: "large",
+                icon: "RejectIcon",
+                styleDefault: true,
+              },
+              style:{
+                marginLeft: "-5px"
+              }
+            },
+          },
+  
+          {
+            type: "Control",
+            scope: "#/properties/copiedElementDetails",
+      
+            options: {
+              widget: "Box",
+            },
+            config: {
+              layout: { xs: 6, sm: 6 },
+              main: {
+                heading: "No element copied",
+              },
+              style: {
+                color: "#535557",
+                marginLeft: "-30px",
+                fontSize: "12px",
+                marginTop: "4px"
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+            config: {
+              layout: { xs: 1, sm: 5 },
+            },
+          },
+        ]
       },
       {
         type: "Control",
@@ -296,9 +447,9 @@ export const PageMasterUiSchema: any = (theme) => {
         options: {
           widget: "Button",
         },
-
+  
         config: {
-          layout: 11.9,
+          layout: { xs: 4, sm: 2 },
           main: {
             name: "Save",
             startIcon: "ApproveIcon",
@@ -308,10 +459,6 @@ export const PageMasterUiSchema: any = (theme) => {
             onClick: "saveHandler",
             size: "medium",
           },
-          style: {
-            width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
-            float: "right",
-          },
         },
       },
       {
@@ -324,25 +471,20 @@ export const PageMasterUiSchema: any = (theme) => {
           layout: {
             xs: 12,
             sm: 12,
-            md: 6,
-            lg: 6,
+            md: 12,
+            lg: 12,
           },
           main: {
+            title: "WARNING!"
           },
           style: {
-            "& .MuiPaper-root":{
-              width: '30%',
-            },
-            "& .MuiTypography-root":{
-              padding: 0
-            },
           }
         },
         elements:
           [
             {
               type: "Control",
-              scope: "#/properties/label",
+              scope: "#/properties/popText",
               options: {
                 widget: "Box",
               },
@@ -351,59 +493,97 @@ export const PageMasterUiSchema: any = (theme) => {
                 main: {
                   heading: "Are you sure you want to delete ?",
                 },
-                style: {
-                  marginTop: "-40px"
+                style:{
+                  marginTop: "-20px",
+                  fontSize: "20px",
+                  "&.MuiTypography-root": {
+                    padding: "10px 30px 20px 30px",
+                    textAlign: "center",
+                    lineHeight: "1"
+                  }
                 }
               },
             },
             {
-              type: "Control",
-              scope: "#/properties/EmptyBox",
-              options: {
-                widget: "EmptyBox",
-              },
+              type: "WrapperLayout",
               config: {
+                layout: 12,
                 main: {},
-                layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/ConfirmDeleteCompButton",
-              options: {
-                widget: "Button",
+
               },
-              config: {
-                layout: 3,
-                main: {
-                  name: "Yes",
-                  startIcon: "ApproveIcon",
-                  variant: "contained",
-                  color: "info",
-                  type: "text",
-                  onClick: "Delete_Components",
-                  size: "small",
+              elements: [
+                {
+                  type: "Control",
+                  scope: "#/properties/CancelDeleteCompButton",
+                  options: {
+                    widget: "Button",
+                  },
+                  config: {
+                    layout: 6,
+                    main: {
+                      name: "No",
+                      startIcon: "ApproveIcon",
+                      variant: "contained",
+                      color: "info",
+                      type: "text",
+                      onClick: "deletePopUpComponent",
+                      size: "large",
+                    },
+                    style: {
+                      position: "absolute",
+                      bottom: 0,
+                      left: 0,
+                      width: "50%",
+                      borderRadius: 0,
+                      boxShadow: 0,
+                      backgroundColor: "transparent",
+                      color: theme.palette.primary.main,
+                      borderTop: `0.5px solid ${theme.palette.grey[600]}`,
+                      borderRight: `0.5px solid ${theme.palette.grey[600]}`,
+                      "&:hover": {
+                        color: theme.palette.primary.contrastText,
+                        backgroundColor: theme.palette.primary.main,
+                        boxShadow: "none"
+                      }
+                    }
+                  },
                 },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/CancelDeleteCompButton",
-              options: {
-                widget: "Button",
-              },
-              config: {
-                layout: 3,
-                main: {
-                  name: "No",
-                  startIcon: "ApproveIcon",
-                  variant: "contained",
-                  color: "info",
-                  type: "text",
-                  onClick: "deletePopUpComponent",
-                  size: "small",
+                {
+                  type: "Control",
+                  scope: "#/properties/ConfirmDeleteCompButton",
+                  options: {
+                    widget: "Button",
+                  },
+                  config: {
+                    layout: 6,
+                    main: {
+                      name: "Yes",
+                      startIcon: "ApproveIcon",
+                      variant: "contained",
+                      color: "error",
+                      type: "text",
+                      onClick: "Delete_Components",
+                      size: "large",
+                    },
+                    style: {
+                      position: "absolute",
+                      bottom: 0,
+                      right: 0,
+                      width: "50%",
+                      borderRadius: 0,
+                      boxShadow: 0,
+                      backgroundColor: "transparent",
+                      color: theme.palette.error.main,
+                      borderTop: `0.5px solid ${theme.palette.grey[600]}`,
+                      "&:hover": {
+                        color: theme.palette.error.contrastText,
+                        backgroundColor: theme.palette.error.main,
+                        boxShadow: "none"
+                      }
+                    }
+                  },
                 },
-              },
+              ]
             },
           ]
       },
@@ -417,26 +597,20 @@ export const PageMasterUiSchema: any = (theme) => {
           layout: {
             xs: 12,
             sm: 12,
-            md: 6,
-            lg: 6,
+            md: 12,
+            lg: 12,
           },
           main: {
+            title: "WARNING!"
           },
-          
           style: {
-            "& .MuiPaper-root":{
-              width: '30%',
-            },
-            "& .MuiTypography-root":{
-              padding: 0
-            },
           }
         },
         elements:
           [
             {
               type: "Control",
-              scope: "#/properties/label",
+              scope: "#/properties/popText1",
               options: {
                 widget: "Box",
               },
@@ -445,59 +619,97 @@ export const PageMasterUiSchema: any = (theme) => {
                 main: {
                   heading: "Are you sure you want to delete ?",
                 },
-                style: {
-                  marginTop: "-40px"
+                style:{
+                  marginTop: "-20px",
+                  fontSize: "20px",
+                  "&.MuiTypography-root": {
+                    padding: "10px 30px 20px 30px",
+                    textAlign: "center",
+                    lineHeight: "1"
+                  }
                 }
               },
             },
             {
-              type: "Control",
-              scope: "#/properties/EmptyBox",
-              options: {
-                widget: "EmptyBox",
-              },
+              type: "WrapperLayout",
               config: {
+                layout: 12,
                 main: {},
-                layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/ConfirmDeleteEventButton",
-              options: {
-                widget: "Button",
+
               },
-              config: {
-                layout: 3,
-                main: {
-                  name: "Yes",
-                  startIcon: "ApproveIcon",
-                  variant: "contained",
-                  color: "info",
-                  type: "text",
-                  onClick: "deleteEvent",
-                  size: "small",
+              elements: [
+                {
+                  type: "Control",
+                  scope: "#/properties/CancelDeleteEventButton",
+                  options: {
+                    widget: "Button",
+                  },
+                  config: {
+                    layout: 6,
+                    main: {
+                      name: "No",
+                      startIcon: "ApproveIcon",
+                      variant: "contained",
+                      color: "info",
+                      type: "text",
+                      onClick: "deletePopUpEvent",
+                      size: "large",
+                    },
+                    style: {
+                      position: "absolute",
+                      bottom: 0,
+                      left: 0,
+                      width: "50%",
+                      borderRadius: 0,
+                      boxShadow: 0,
+                      backgroundColor: "transparent",
+                      color: theme.palette.primary.main,
+                      borderTop: `0.5px solid ${theme.palette.grey[600]}`,
+                      borderRight: `0.5px solid ${theme.palette.grey[600]}`,
+                      "&:hover": {
+                        color: theme.palette.primary.contrastText,
+                        backgroundColor: theme.palette.primary.main,
+                        boxShadow: "none"
+                      }
+                    }
+                  },
                 },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/CancelDeleteEventButton",
-              options: {
-                widget: "Button",
-              },
-              config: {
-                layout: 3,
-                main: {
-                  name: "No",
-                  startIcon: "ApproveIcon",
-                  variant: "contained",
-                  color: "error",
-                  type: "text",
-                  onClick: "deletePopUpEvent",
-                  size: "small",
+                {
+                  type: "Control",
+                  scope: "#/properties/ConfirmDeleteEventButton",
+                  options: {
+                    widget: "Button",
+                  },
+                  config: {
+                    layout: 6,
+                    main: {
+                      name: "Yes",
+                      startIcon: "ApproveIcon",
+                      variant: "contained",
+                      color: "error",
+                      type: "text",
+                      onClick: "deleteEvent",
+                      size: "large",
+                    },
+                    style: {
+                      position: "absolute",
+                      bottom: 0,
+                      right: 0,
+                      width: "50%",
+                      borderRadius: 0,
+                      boxShadow: 0,
+                      backgroundColor: "transparent",
+                      color: theme.palette.error.main,
+                      borderTop: `0.5px solid ${theme.palette.grey[600]}`,
+                      "&:hover": {
+                        color: theme.palette.error.contrastText,
+                        backgroundColor: theme.palette.error.main,
+                        boxShadow: "none"
+                      }
+                    }
+                  },
                 },
-              },
+              ]
             },
           ]
       },
@@ -528,7 +740,7 @@ export const PageMasterUiSchema: any = (theme) => {
         },
         elements: [
           {
-
+  
             type: "Control",
             scope: "#/properties/FooterText",
             options: {
@@ -542,13 +754,14 @@ export const PageMasterUiSchema: any = (theme) => {
                 color: theme?.palette?.text.disabled || "#AFAFAF",
                 fontSize: '12px',
                 textAlign: 'center',
-                lineHeight: 1,
+                lineHeight: 2,
                 width: 'fit-content',
                 left: '50%',
                 position: 'relative',
                 margin: 0,
                 flexGrow: 1,
-                height: 0
+                height: 0,
+                transform: "translate(-50%,0%)"
               }
             },
           },
@@ -570,7 +783,7 @@ export const PageMasterUiSchema: any = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: '82px',
+                right: {xs: '12px', sm: '84px'},
                 position: 'absolute',
                 fontSize: '12px',
                 cursor: 'pointer',
@@ -583,7 +796,7 @@ export const PageMasterUiSchema: any = (theme) => {
           {
             type: "Control",
             scope: "#/properties/text",
-
+  
             options: {
               widget: "Box",
             },
@@ -593,6 +806,7 @@ export const PageMasterUiSchema: any = (theme) => {
                 onClick: "backHandler"
               },
               style: {
+                display: {xs: 'none', sm: "flex"},
                 textAlign: 'left',
                 lineHeight: 1,
                 height: 0,

package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts

@@ -83,7 +83,10 @@ export const EventSchema = {
           },
         },
       },
-    }
+    },
+    RemoveItemButton:{
+      disabled: true,
+    },
   },
 required:["eventType","Handler"]
 }