impaktapps-ui-builder 0.0.412-mtreemap.16 → 0.0.412-mtreemap.17

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

@@ -6348,6 +6348,172 @@ const componentBasicUiSchema = (theme) => {
           }
         ]
       },
+      {
+        type: "Control",
+        scope: "#/properties/popUpComponentSection",
+        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 ?"
+              },
+              style: {
+                marginTop: "-40px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              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: "deleteComponents",
+                size: "small"
+              }
+            }
+          },
+          {
+            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/popUpEventSection",
+        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 ?"
+              },
+              style: {
+                marginTop: "-40px"
+              }
+            }
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox"
+            },
+            config: {
+              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"
+              }
+            }
+          },
+          {
+            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"
+              }
+            }
+          }
+        ]
+      },
       {
         type: "Control",
         scope: "#/properties/EmptyBox",
@@ -6743,7 +6909,7 @@ const EventSection = {
                 icon: "RejectIcon",
                 color: "error",
                 tooltipMessage: "Reject This Record",
-                onClick: "deleteEvent"
+                onClick: "deletePopUpEvent"
               }
             }
           }
@@ -7250,7 +7416,7 @@ const TableSection = {
               main: {
                 icon: "RejectIcon",
                 color: "error",
-                onClick: "deleteComponent",
+                onClick: "deletePopUpComponent",
                 tooltipMessage: "Reject This Record"
               }
             }
@@ -7606,22 +7772,30 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`);
       }
     },
-    deleteComponents: function() {
+    deleteComponents: function(shouldUpdateDialog = true) {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = dynamicData2.path.split(".")[1];
+      const rowId = localStorage.getItem("rowId");
       store2.formData.elements.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       const data = path ? _.get(response, path) : response;
       store2.setFormdata(data);
+      if (shouldUpdateDialog) {
+        store2.updateDialog("popUpComponentSection");
+      }
+      localStorage.removeItem("rowId");
     },
-    deleteEvent: function() {
+    deleteEvent: function(shouldUpdateDialog = true) {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = dynamicData2.path.split(".")[1];
+      const rowId = localStorage.getItem("rowId");
       store2.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
       store2.setFormdata(_.get(response, path));
+      if (shouldUpdateDialog) {
+        store2.updateDialog("popUpEventSection");
+      }
+      localStorage.removeItem("rowId");
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -7657,6 +7831,16 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     },
     backHandler: function() {
       store2.navigate(-1);
+    },
+    deletePopUpComponent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpComponentSection");
+    },
+    deletePopUpEvent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpEventSection");
     }
   };
 };
@@ -7711,7 +7895,10 @@ var pageMaster = (funcParams) => {
     },
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
-    Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
+    Delete_Components: async function() {
+      await Component(store2, dynamicData2, submitHandler, service2).deleteComponents(false);
+      store2.updateDialog("popUpPageMasterComponent");
+    },
     eventAddHandler: function() {
       var _a;
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7731,10 +7918,22 @@ var pageMaster = (funcParams) => {
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
     deleteEvent: function() {
-      const rowId = dynamicData2.path.split(".")[1];
+      const rowId = localStorage.getItem("rowId");
       store2.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store2.ctx.core.data);
       store2.setFormdata(response);
+      store2.updateDialog("popUpPageMasterEvent");
+      localStorage.removeItem("rowId");
+    },
+    deletePopUpComponent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpPageMasterComponent");
+    },
+    deletePopUpEvent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpPageMasterEvent");
     }
   };
 };
@@ -8426,9 +8625,17 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       store2.setSearchParams(store2.searchParams);
       this.setPage();
     },
-    deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
+    deleteEvent: async function() {
+      await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
+      store2.updateDialog("popUpEvent");
+    },
     backHandler: function() {
       store2.navigate(-1);
+    },
+    deletePopUpEvent: function() {
+      const rowId = dynamicData2.path.split(".")[1];
+      localStorage.setItem("rowId", rowId);
+      store2.updateDialog("popUpEvent");
     }
   };
 };
@@ -8791,7 +8998,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b;
+      var _a, _b, _c, _d;
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
       const pageBasicDetailString = localStorage.getItem("pagemasterMetaData");
@@ -8809,7 +9016,7 @@ var service = (funcParams) => {
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       window.localStorage.setItem("pageName", config.label);
       window.dispatchEvent(new Event("pageNameChanged"));
-      const theme = funcParams.store.theme.myTheme;
+      const theme = (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
       uiSchema.elements.push(
         {
           type: "HorizontalLayout",
@@ -8840,7 +9047,7 @@ var service = (funcParams) => {
                   heading: "Copywriter@ACT21.IO"
                 },
                 style: {
-                  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
+                  color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
                   fontSize: "12px",
                   textAlign: "center",
                   lineHeight: 1,
@@ -8914,7 +9121,7 @@ var service = (funcParams) => {
           ]
         }
       );
-      const schema2 = (_b = pageData == null ? void 0 : pageData.schema) != null ? _b : { type: "object", properties: {} };
+      const schema2 = (_d = pageData == null ? void 0 : pageData.schema) != null ? _d : { type: "object", properties: {} };
       eventGroups = {};
       eventGroups = extractEvents(config);
       executeEventsParameters = {
@@ -8939,8 +9146,6 @@ var service = (funcParams) => {
         eventGroups,
         formDataHolder
       });
-      const jsonres = await fetch("https://jsonplaceholder.typicode.com/todos/1");
-      await jsonres.json();
       funcParams.store.setSchema(
         (pre) => {
           return {
@@ -9100,9 +9305,12 @@ var leaderBoard = {
       label: "LeaderBoard",
       divider: true
     },
-    style: { wrapperStyle: {
-      height: { xs: 850, sm: 1e3 }
-    } },
+    style: {
+      wrapperStyle: {
+        display: "flex",
+        gap: "10px"
+      }
+    },
     wrapperStyle: {
       position: "relative",
       width: "100%"
@@ -9411,11 +9619,11 @@ var leaderBoard = {
             fontWeight: 900,
             background: "rgb(179, 198, 255)"
           },
-          position: "absolute",
           top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
           border: "2px solid rgb(179, 198, 255)",
           width: "95%",
-          left: "2.5%"
+          left: "2.5%",
+          margin: "auto"
         },
         main: {
           disableAction: true,