impaktapps-ui-builder 0.0.382-alpha.307 → 0.0.382-alpha.310

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

@@ -408,6 +408,9 @@ const PageMasterUiSchema = {
             layout: 12,
             main: {
               heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginBottom: "15px"
             }
           }
         },
@@ -6508,6 +6511,161 @@ const componentBasicUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpComponent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {
+          label: "PopUp",
+          fullScreen: false,
+          fullWidth: false,
+          maxWidth: false,
+          alignItems: false
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            },
+            style: {
+              marginBottom: "15px"
+            }
+          }
+        },
+        {
+          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"
+            },
+            style: {
+              width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
+            }
+          }
+        },
+        {
+          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"
+            },
+            style: {
+              width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
+            }
+          }
+        }
+      ]
+    },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elemetns: [
+        {
+          type: "Control",
+          scope: "#/properties/Label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/ConfirmDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            },
+            style: {}
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "Yes",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deleteEvent",
+              size: "small"
+            },
+            style: {}
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -6814,7 +6972,7 @@ const EventSection = {
                     icon: "RejectIcon",
                     color: "error",
                     tooltipMessage: "Reject This Record",
-                    onClick: "deleteEvent"
+                    onClick: "deletePopUpEvent"
                   }
                 }
               }
@@ -7330,7 +7488,7 @@ const TableSection = {
                   main: {
                     icon: "RejectIcon",
                     color: "error",
-                    onClick: "deleteComponents",
+                    onClick: "deletePopUpComponent",
                     tooltipMessage: "Reject This Record"
                   }
                 }
@@ -7690,6 +7848,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       const data2 = path ? _.get(response2, path) : response2;
       store2.setFormdata(data2);
+      store2.updateDialog("popUpComponent");
     },
     deleteEvent: function() {
       var _a;
@@ -7698,6 +7857,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       store2.formData.events.splice(rowId, 1);
       const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       store2.setFormdata(_.get(response2, path));
+      store2.updateDialog("deletePopUpEvent");
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -7733,6 +7893,12 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     },
     backHandler: function() {
       store2.navigate(-1);
+    },
+    deletePopUpComponent: function() {
+      store2.updateDialog("popUpComponent");
+    },
+    deletePopUpEvent: function() {
+      store2.updateDialog("popUpEvent");
     }
   };
 };
@@ -8112,7 +8278,7 @@ const EventUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent"
+                        onClick: "deletePopUpEvent"
                       }
                     }
                   }
@@ -8123,6 +8289,81 @@ const EventUiSchema = {
         }
       ]
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpComponent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12
+        },
+        main: {}
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "Box"
+          },
+          config: {
+            layout: 12,
+            main: {
+              heading: "Are you sure you want to delete ?"
+            }
+          }
+        },
+        {
+          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"
+            },
+            style: {
+              width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/CancelDeleteEventButton",
+          options: {
+            widget: "Button"
+          },
+          config: {
+            layout: 3,
+            main: {
+              name: "No",
+              startIcon: "ApproveIcon",
+              variant: "contained",
+              color: "info",
+              type: "text",
+              onClick: "deletePopUpEvent",
+              size: "small"
+            },
+            style: {
+              width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
+            }
+          }
+        }
+      ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -8454,9 +8695,15 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
       store2.setSearchParams(store2.searchParams);
       this.setPage();
     },
-    deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
+    deleteEvent: async function() {
+      await Component(store2, dynamicData2, submitHandler, service2).deleteEvent;
+      store2.updateDialog("deletePopUpEvent");
+    },
     backHandler: function() {
       store2.navigate(-1);
+    },
+    deletePopUpEvent: function() {
+      store2.updateDialog("deletePopUpEvent");
     }
   };
 };