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

package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts

@@ -5,12 +5,7 @@ declare const _default: {
         widget: string;
     };
     config: {
-        layout: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-        };
+        layout: number;
         main: {
             name: string;
             variant: string;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts

@@ -9,10 +9,8 @@ declare const _default: {
         };
         style: {
             wrapperStyle: {
-                height: {
-                    xs: number;
-                    sm: number;
-                };
+                display: string;
+                gap: string;
             };
         };
         wrapperStyle: {
@@ -76,6 +74,7 @@ declare const _default: {
                 '@keyframes rotateAnimation'?: undefined;
                 animation?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
         };
@@ -122,6 +121,7 @@ declare const _default: {
                 '@keyframes rotateAnimation'?: undefined;
                 animation?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
             containerStyle?: undefined;
@@ -169,6 +169,7 @@ declare const _default: {
                 '@keyframes rotateAnimation'?: undefined;
                 animation?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
             containerStyle?: undefined;
@@ -235,6 +236,7 @@ declare const _default: {
                 zIndex: number;
                 fontWeight?: undefined;
                 tableHeadstyle?: undefined;
+                margin?: undefined;
             };
             layout: number;
             containerStyle?: undefined;
@@ -256,7 +258,6 @@ declare const _default: {
                     fontWeight: number;
                     background: string;
                 };
-                position: string;
                 top: {
                     xs: string;
                     sm: string;
@@ -266,9 +267,11 @@ declare const _default: {
                 border: string;
                 width: string;
                 left: string;
+                margin: string;
                 objectFit?: undefined;
                 height?: undefined;
                 borderRadius?: undefined;
+                position?: undefined;
                 display?: undefined;
                 justifyContent?: undefined;
                 alignItems?: undefined;

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

@@ -8,11 +8,13 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     saveHandler: () => Promise<void>;
     onChange: () => void;
     editComponents: () => void;
-    deleteComponents: () => void;
-    deleteEvent: () => void;
+    deleteComponents: (shouldUpdateDialog?: boolean) => void;
+    deleteEvent: (shouldUpdateDialog?: boolean) => void;
     widgetAddClickHandler: () => void;
     eventEditHandler: () => void;
     eventAddHandler: () => void;
     backHandler: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

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

@@ -84,7 +84,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/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts

@@ -57,9 +57,11 @@ declare const _default: (funcParams: funcParamsProps) => {
     onAddClickHandler: () => void;
     saveHandler: () => Promise<void>;
     Edit_Components: () => void;
-    Delete_Components: () => void;
+    Delete_Components: () => Promise<void>;
     eventAddHandler: () => void;
     editEvent: () => void;
     deleteEvent: () => void;
+    deletePopUpComponent: () => void;
+    deletePopUpEvent: () => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.412-mtreemap.16",
+    "version": "0.0.412-mtreemap.18",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildRadio.ts

@@ -9,7 +9,7 @@ const RadioUiSchema = {
       widget: "RadioInputField",
     },
     config: {
-      layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 },
       main: {
         label: "Enabled",
         options: ["YES", "NO"],

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

@@ -5,12 +5,7 @@ export default  {
     widget: "Button",
   },
   config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
-    },
+    layout: 3,
     main: {
       name: "Compare",
       variant: "contained",
@@ -20,7 +15,7 @@ export default  {
       styleDefault:false,
       icon:"",
       onClick: "onClick",
-      size: "small",
+      size: "medium",
     },
     style: {
     },

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

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

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

@@ -7,9 +7,13 @@ export default {
             label: "LeaderBoard",
             divider: true,
         },
-        style:{wrapperStyle:{
-            height: {xs:850,sm:1000}
-        }},
+        style: {
+            wrapperStyle: {
+                display: "flex",        
+                gap: "10px",             
+              
+            }
+        },
         wrapperStyle: {
             position: "relative",
             width: "100%",
@@ -339,12 +343,12 @@ export default {
                         fontWeight: 900,
                         background: "rgb(179, 198, 255)"
                     },
-                    position: "absolute",
                     top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
                     // top:"390px",
                     border: "2px solid rgb(179, 198, 255)",
                     width: "95%",
-                    left: "2.5%"
+                    left: "2.5%",
+                    margin: "auto"
 
                 },
 

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

@@ -137,7 +137,7 @@ export const TableSection = {
               main: {
                 icon: "RejectIcon",
                 color: "error",
-                onClick: "deleteComponent",
+                onClick: "deletePopUpComponent",
                 tooltipMessage: "Reject This Record",
               },
             },

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

@@ -233,6 +233,185 @@ export const componentBasicUiSchema: any = (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",

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

@@ -399,7 +399,7 @@ export const PageMasterUiSchema: any = (theme) => {
           widget: "EmptyBox",
         },
         config: {
-          layout: { xs: 0, sm: 0, md: 8, lg: 7 },
+          layout: { xs: 0, sm: 8, md: 8, lg: 8 },
         }
       },
       {

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

@@ -107,20 +107,28 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
         store.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`)
       }
     },
-    deleteComponents: function () {
+    deleteComponents: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = dynamicData.path.split(".")[1];
+      const rowId = localStorage.getItem('rowId');
       store.formData.elements.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
+      if(shouldUpdateDialog){
+        store.updateDialog("popUpComponentSection");
+      }
+      localStorage.removeItem('rowId');
     },
-    deleteEvent: function () {
+    deleteEvent: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = dynamicData.path.split(".")[1];
+      const rowId = localStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
       store.setFormdata(_.get(response, path));
+      if(shouldUpdateDialog){
+        store.updateDialog("popUpEventSection")
+      }
+      localStorage.removeItem('rowId');
     },
     widgetAddClickHandler: function () {
       if (!Array.isArray(store.formData.elements)) {
@@ -155,6 +163,16 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     backHandler: function () {
       store.navigate(-1)
     },
+    deletePopUpComponent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpComponentSection");
+    },
+    deletePopUpEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpEventSection");
+    },
   }
 };
 

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

@@ -101,9 +101,17 @@ export default (
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
+    deleteEvent: async function () {
+      await Component(store, dynamicData, submitHandler, service).deleteEvent(false);
+      store.updateDialog("popUpEvent");
+    },
     backHandler: function () {
       store.navigate(-1)
     },
+    deletePopUpEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpEvent");
+    }
   }
 };

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

@@ -62,7 +62,11 @@ export default (funcParams: funcParamsProps) => {
     },
     saveHandler: async () => await saveHandler(store, service, submitHandler),
     Edit_Components: Component(store, dynamicData, submitHandler, service).editComponents,
-    Delete_Components: Component(store, dynamicData, submitHandler, service).deleteComponents,
+    
+    Delete_Components: async function() {
+      await Component(store, dynamicData, submitHandler, service).deleteComponents(false);
+      store.updateDialog("popUpPageMasterComponent");
+    },
     eventAddHandler: function () {
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {
@@ -80,10 +84,22 @@ export default (funcParams: funcParamsProps) => {
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     deleteEvent: function () {
-      const rowId = dynamicData.path.split(".")[1];
+      const rowId = localStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
       const response = saveFormdataInLocalStorage(store.ctx.core.data)
       store.setFormdata(response);
+      store.updateDialog("popUpPageMasterEvent");
+      localStorage.removeItem('rowId');
+    },
+    deletePopUpComponent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpPageMasterComponent");
+    },
+    deletePopUpEvent: function(){
+      const rowId = dynamicData.path.split(".")[1];
+      localStorage.setItem('rowId',rowId);
+      store.updateDialog("popUpPageMasterEvent");
     },
   }
 };

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

@@ -91,7 +91,7 @@ export default (funcParams: funcParamsProps) => {
       const uiSchema = pageData?.uiSchema;
       window.localStorage.setItem("pageName", config.label);
       window.dispatchEvent(new Event('pageNameChanged'))
-      const theme = funcParams.store.theme.myTheme;
+      const theme = funcParams?.store?.theme?.myTheme;
       uiSchema.elements.push(
 
         {
@@ -213,8 +213,6 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups, formDataHolder
       })
-      const jsonres = await fetch('https://jsonplaceholder.typicode.com/todos/1');
-      const result = await jsonres.json()
       funcParams.store.setSchema(
         (pre: any) => {
           return {