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

package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts

@@ -14,5 +14,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     eventEditHandler: () => void;
     eventAddHandler: () => void;
     backHandler: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts

@@ -81,7 +81,8 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     onChange: () => void;
     addEvent: () => void;
     editEvent: () => void;
-    deleteEvent: () => void;
+    deleteEvent: () => Promise<void>;
     backHandler: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.382-alpha.307",
+    "version": "0.0.382-alpha.310",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts

@@ -117,7 +117,7 @@ export const EventSection = {
                   icon: "RejectIcon",
                   color: "error",
                   tooltipMessage: "Reject This Record",
-                  onClick: "deleteEvent",
+                  onClick: "deletePopUpEvent",
                 },
               },
             },

package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts

@@ -110,14 +110,16 @@ export const TableSection = {
               main: {
                 icon: "RejectIcon",
                 color: "error",
-                onClick: "deleteComponents",
+                onClick: "deletePopUpComponent",
                 tooltipMessage: "Reject This Record",
               },
             },
           },
         }
       ]
-    }]}
+    }
+  ]
+}
   ]}
 
 export const TableSectionSchema = {

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

@@ -218,6 +218,210 @@ export const componentBasicUiSchema: any = {
         },
       ],
     },
+    {
+      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,
+          // spacing:2
+        },
+      },
+      elements:
+        [
+          {
+            type: "Control",
+            scope: "#/properties/label",
+
+            options: {
+              widget: "Box",
+            },
+            config: {
+              layout: 12,
+              main: {
+                heading: "Are you sure you want to delete ?",
+              },
+              style: {
+                marginBottom: "15px",
+                // width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+                // float: "right",
+              },
+            },
+          },
+          {
+            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: {
+                // marginBottom: "8px",
+                width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+                // float: "right",
+              },
+            },
+          },
+          {
+            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: {
+                // marginBottom: "8px",
+                width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+                // float: "left",
+              },
+            },
+          },
+          // {
+          //   type: "Control",
+          //   scope: "#/properties/emptyBox",
+
+          //   options: {
+          //     widget: "Box",
+          //   },
+          //   config: {
+          //     layout: 6,
+          //   },
+          // },
+          // {
+          //   type: "Control",
+          //   scope: "#/properties/EmptyBox",
+          //   config: { layout: { xs: 11, sm: 5.5, md: 5.5, lg: 6 } },
+          //   options: {
+          //     widget: "EmptyBox",
+          //   },
+          // },
+        ]
+    },
+
+
+    {
+      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: {
+              // width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+              // float: "left",
+            },
+          },
+        },
+        {
+          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: {
+              // width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+              // float: "left",
+            },
+          },
+        },
+        // {
+        //   type: "Control",
+        //   scope: "#/properties/emptyBox",
+
+        //   options: {
+        //     widget: "Box",
+        //   },
+        //   config: {
+        //     layout: 6,
+        //   },
+        // },
+      ]
+    },
 
     {
       type: "Control",

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

@@ -390,6 +390,11 @@ export const PageMasterUiSchema: any = {
               main: {
                 heading: "Are you sure you want to delete ?",
               },
+              style: {
+                marginBottom: "15px",
+                // width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+                // float: "right",
+              },
             },
           },
           {

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

@@ -228,7 +228,7 @@ export const EventUiSchema: any = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deleteEvent",
+                        onClick: "deletePopUpEvent",
                       },
                     },
                   },
@@ -238,6 +238,100 @@ export const EventUiSchema: any = {
         }
       ],
     },
+    {
+      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: {
+                // marginBottom: "8px",
+                width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+                // float: "left",
+              },
+            },
+          },
+          {
+            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: {
+                // marginBottom: "8px",
+                width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
+                // float: "left",
+              },
+            },
+          },
+          // {
+          //   type: "Control",
+          //   scope: "#/properties/emptyBox",
+
+          //   options: {
+          //     widget: "Box",
+          //   },
+          //   config: {
+          //     layout: 6,
+          //   },
+          // },
+        ]
+    },
     {
       type: "Control",
       scope: "#/properties/proc",

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -111,6 +111,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
+      store.updateDialog("popUpComponent");
     },
     deleteEvent: function () {
       const path = store.searchParams?.get("path");
@@ -118,6 +119,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       store.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       store.setFormdata(_.get(response, path));
+      store.updateDialog("deletePopUpEvent")
     },
     widgetAddClickHandler: function () {
       if (!Array.isArray(store.formData.elements)) {
@@ -152,6 +154,12 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     backHandler: function () {
       store.navigate(-1)
     },
+    deletePopUpComponent: function(){
+      store.updateDialog("popUpComponent");
+    },
+    deletePopUpEvent: function(){
+      store.updateDialog("popUpEvent");
+    },
   }
 };
 

package/src/impaktapps-ui-builder/builder/services/event.ts

@@ -89,9 +89,15 @@ export default (
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
+    deleteEvent: async function () {
+      await Component(store, dynamicData, submitHandler, service).deleteEvent;
+      store.updateDialog("deletePopUpEvent")
+    },
     backHandler: function () {
       store.navigate(-1)
     },
+    deletePopUpEvent: function(){
+      store.updateDialog("deletePopUpEvent");
+    }
   }
 };