impaktapps-ui-builder 0.0.409 → 0.0.410

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,109 @@ export const EventUiSchema: any = {
         }
       ],
     },
+    {
+      type: "Control",
+      scope: "#/properties/popUpEvent",
+      options: {
+        widget: "PopUp"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 12,
+          lg: 12,
+        },
+        style:{
+          width: "32%",
+          margin: "auto"
+        },
+        main: {
+           title: "Delete Content"
+        },
+      },
+      elements:
+        [
+          {
+            type: "Control",
+            scope: "#/properties/label",
+            options: {
+              widget: "Box",
+            },
+            config: {
+              layout: 12,
+              main: {
+                heading: "Are you sure you want to delete ?",
+              },
+              style:{
+                marginTop: "-25px",
+                marginLeft: "11px"
+              }
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+            config: {
+              main:{},
+              layout: { xs: 11, sm: 5.5, md: 4.5, lg: 4.5 },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/ConfirmDeleteEventButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "Yes",
+                endIcon: "DeleteIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deleteEvent",
+                size: "small",
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/CancelDeleteEventButton",
+            options: {
+              widget: "Button",
+            },
+            config: {
+              layout: 3,
+              main: {
+                name: "No",
+                endIcon: "CloseIcon",
+                variant: "contained",
+                color: "info",
+                type: "text",
+                onClick: "deletePopUpEvent",
+                size: "small",
+              },
+            },
+          },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+            config: {
+              main:{},
+              layout: 0.5,
+            },
+          },
+        ]
+      },
+
     {
       type: "Control",
       scope: "#/properties/proc",

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

@@ -36,7 +36,6 @@ const sectionLabels = {
   PopUp: ["Core", "Components","Properties", "style"],
   Stepper: ["Core", "Components","Properties","Event", "style"],
   DataGrid: ["Core", "Components","Properties","Event", "style"],
-  InputSlider:["Core","Properties","style", "Event","Validation"],
 }
 
 
@@ -105,20 +104,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)) {
@@ -153,6 +160,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

@@ -11,8 +11,7 @@ export default (
   store: any,
   dynamicData: any,
   submitHandler: any,
-  service: any,
-  functionsName?: { const: string, title: string }[]
+  service: any
 ) => {
   return {
     setPage: async function () {
@@ -48,12 +47,6 @@ export default (
           schema.required = ["eventType", "Handler", "refreshElements"]
         }
       }
-      if (functionsName) {
-        schema.properties.inBuiltFunctionType.oneOf = [
-          ...schema.properties.inBuiltFunctionType.oneOf,
-          ...functionsName
-        ]
-      }
       store.setSchema(schema)
       store.setUiSchema(uiSchema)
     },
@@ -66,7 +59,7 @@ export default (
       return EventSchema;
     },
     okHandler: () => okHandler(store),
-    saveHandler: async () => await saveHandler(store, service, submitHandler, "PageMaster"),
+    saveHandler: async () => await saveHandler(store, service, submitHandler,"PageMaster"),
     onChange: function () {
       if (
         store?.formData?.Handler !== store?.newData?.Handler &&
@@ -96,9 +89,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

@@ -49,20 +49,17 @@ export default (funcParams: funcParamsProps) => {
         store.formData.elements = []
       }
       const response = saveFormdataInLocalStorage(store.ctx.core.data)
-      if (id) {
-        store.navigate(
-          `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
-        );
-      }else{
-        store.navigate(
-          `/Component?path=${`elements[${response?.elements.length}]`}`
-        );
-      }
-
+      store.navigate(
+        `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
+      );
     },
-    saveHandler: async () => await saveHandler(store, service, submitHandler),
+    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 +77,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/builder/services/utils.ts

@@ -65,7 +65,7 @@ export async function saveHandler(store, service, submitHandler, pageName?: stri
     if (_.isEmpty(store.ctx.core.errors)) {
         try {
             const saveReturn = await submitHandler(store, service, config);
-            navigateHandler(store, true, pageName ? `/${pageName}?id=${saveReturn.id}` : "/PageMasterRecords")
+            navigateHandler(store, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords")
         } catch (err) {
             navigateHandler(store, false)
         }

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

@@ -86,10 +86,8 @@ async function executeInBuiltFunctionHandler(params: handlersProps) {
   if (params.config.funcParametersCode) {
     const makeFunc = eval(params.config.funcParametersCode)
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
-    params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service)
-  } else {
-    params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service)
   }
+  params.serviceHolder[params.config.inBuiltFunctionType](parameter)
 }
 
 async function executeCustomHandler(params: handlersProps) {
@@ -133,14 +131,14 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
   }
   else {
     if (handlerResponse) {
-      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse?.data?.data : handlerResponse.data } });
+      store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
       const demoData = await asyncOperation();
     }
   }
 }
 
 const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
-  let finalBody = { ...userValue?.payload };
+  const finalBody = { ...userValue?.payload };
   body.map((elem) => {
     if (typeof elem?.value !== "string") {
       finalBody[elem.key] = elem.value;
@@ -152,12 +150,7 @@ const buildBodyFormat = (body: any[], formData: any, userValue: any) => {
       else if (elem?.value?.startsWith("$")) {
         const finalpath = elem.value.substring(1);
         finalBody[elem.key] = _.get(formData, finalpath);;
-      } else if (elem?.value === "*" && elem?.key === "*") {
-        finalBody = { ...finalBody, ...formData };
-      } else if (elem?.value === "*") {
-        finalBody[elem.key] = formData;
-      }
-      else {
+      } else {
         finalBody[elem.key] = elem.value;
       }
     }
@@ -220,7 +213,7 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
 }
 
 
-export function asyncOperation() {
+function asyncOperation() {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       const success = true;

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

@@ -7,6 +7,5 @@ export interface handlersProps {
     service: any, 
     serviceHolder: any, 
     eventGroups?: any, 
-    parentEventOutput?: any,
-    functionsProvider?:Record<string,any>
+    parentEventOutput?: any
 }

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

@@ -1,6 +1,6 @@
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
-import { asyncOperation, executeEvents, executeRefreshHandler } from "./events";
+import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};
@@ -32,7 +32,7 @@ export const extractEvents = (eventConfig: any) => {
         if (!(!!SuccessEvent) && event.eventType === "onLoad") {
           event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
-        if (!(!!SuccessEvent) && (event.eventType === "onBack" || event.eventType === "onNext" || event.eventType === "onReset")) {
+        if (!(!!SuccessEvent) && (event.eventType === "onBack" || event.eventType === "onNext"|| event.eventType === "onReset")) {
           event.events.push({ Handler: `${event.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
         eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
@@ -55,7 +55,6 @@ interface funcParamsProps {
   schema: any,
   service: any,
   userValue: any,
-  functionsProvider?: Record<string, any>
 }
 export default (funcParams: funcParamsProps) => {
   eventGroups = {}
@@ -63,25 +62,16 @@ export default (funcParams: funcParamsProps) => {
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile, download: doDownload ,...funcParams.functionsProvider}, eventGroups,
-    functionsProvider: funcParams.functionsProvider,
+    serviceHolder: { downloadFile,download:doDownload }, eventGroups
   };
   return {
     setPage: async function () {
       funcParams.store.setFormdata({});
-      const demoData = await asyncOperation();
       executeEventsParameters = {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this, eventGroups
       }
-      await executeRefreshHandler({
-        config: {}, componentName: "",
-        store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        serviceHolder: this, eventGroups
-      })
-      const demoData2 = await asyncOperation();
       funcParams.store.setSchema(
         (pre: any) => {
           return {
@@ -92,13 +82,16 @@ export default (funcParams: funcParamsProps) => {
       )
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
-     
+      await executeRefreshHandler({
+        config: {}, componentName: "",
+        store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+        serviceHolder: this, eventGroups
+      })
     },
     onClick: async function () {
+      funcParams.dynamicData?.setLoading(true);
       await this.callHandler("onClick")
-    },
-    onMount: async function () {
-      await this.callHandler("onMount")
+      funcParams.dynamicData?.setLoading(false);
     },
     onFileDownload: async function () {
       await this.callHandler("onDownload")
@@ -106,9 +99,6 @@ export default (funcParams: funcParamsProps) => {
     onFileUpload: async function () {
       await this.callHandler("onUpload")
     },
-    backHandler:function(){
-           funcParams.store.navigate(-1)
-    },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
@@ -126,12 +116,12 @@ export default (funcParams: funcParamsProps) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ]
-        const response =  await this.updateConfigApiBody(param, apiBody);
-        return response?.data;
+        return await this.updateConfigApiBody(param, apiBody)
       }
     },
     onChange: async function () {
       if (eventGroups.onChange) {
+        funcParams.dynamicData?.setLoading(true);
         const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
         Promise.all(ChangeEventsKeysArray.map(async (componentName: string) => {
           if (
@@ -147,6 +137,7 @@ export default (funcParams: funcParamsProps) => {
             }
           }
         }))
+        funcParams.dynamicData?.setLoading(false);
       }
     },
     updateConfigApiBody: async function (paramValue, apiBody) {
@@ -205,8 +196,7 @@ export default (funcParams: funcParamsProps) => {
       }
     },
     downloadFile: downloadFile,
-    download: doDownload,
-    ...funcParams.functionsProvider
+    download:doDownload,
   };
 };
 

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

@@ -1 +0,0 @@
-export declare const buildInputSlider: (config: any, componentScope: any) => any;

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

@@ -1,46 +0,0 @@
-
-import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
-const InputSlider = {
-    type: "Control",
-    scope: "#/properties/inputSlider",
-    options: {
-        widget: "InputSlider",
-    },
-
-    config: {
-        layout: 12,
-        main: {
-            limitToMax: false,
-            max: 10000,
-            step: 1000,
-            min: 0,
-            label: "Slider"
-        },
-       
-    },
-};
-export const buildInputSlider = (config, componentScope) => {
-    const inputSlider: any = _.cloneDeep(InputSlider);
-    inputSlider.scope = componentScope;
-    inputSlider.config.main.label = config.label
-    if (config.layout) {
-        inputSlider.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.limitToMax) {
-        inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
-    }
-    if (config.max) {
-        inputSlider.config.main.max = config.max
-    }
-    if (config.step) {
-        inputSlider.config.main.step = config.step;
-    }
-    if (config.min) {
-        inputSlider.config.main.min = config.min;
-    }
-    if (config.style) {
-        inputSlider.config.main.defaultStyle = JSON.parse(config.style)
-    }
-    return inputSlider;
-}