impaktapps-ui-builder 0.0.352 → 0.0.354

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

@@ -1,7 +1,7 @@
-import { EventSchema } from "../elements/UiSchema/event/schema"; 
+import { EventSchema } from "../elements/UiSchema/event/schema";
 import { EventUiSchema } from "../elements/UiSchema/event/uiSchema";
 import Component from "./component";
-import { saveFormdataInLocalStorage } from "./saveHandler";
+import { okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
 import { APISection } from "../build/uischema/apiSection";
 import { getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
@@ -9,7 +9,9 @@ import _ from "lodash";
 
 export default (
   store: any,
-  dynamicData: any
+  dynamicData: any,
+  submitHandler: any,
+  service: any
 ) => {
   return {
     setPage: async function () {
@@ -17,76 +19,76 @@ export default (
       store.setFormdata(formdata);
       const schema = await this.getSchema();
       store.setSchema(schema);
-     this.refreshPage(formdata.Handler,store)
+      this.refreshPage(formdata.Handler, store)
     },
     refreshPage: (handlerType: any, store: any) => {
       const uiSchema = _.cloneDeep(EventUiSchema);
-      const schema:any = _.cloneDeep(EventSchema)
+      const schema: any = _.cloneDeep(EventSchema)
       if (handlerType) {
         if (handlerType === "custom") {
           uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false)
-          schema.required = ["eventType","Handler","eventCode"]
+          schema.required = ["eventType", "Handler", "eventCode"]
 
         } else if (handlerType === "api") {
           uiSchema.elements[1].elements[0].elements[2] = APISection;
-          schema.required = ["eventType","Handler","method","path"]
+          schema.required = ["eventType", "Handler", "method", "path"]
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
             { label: "RankProvider", value: "RankProvider" },
             { label: "Download File", value: "downloadFile" },
           ])
           uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
-          schema.required = ["eventType","Handler","inBuiltFunctionType"]
+          schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
         } else if (handlerType === "refresh") {
           uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
           schema.properties.refreshElements.required = ["value"]
           schema.properties.refreshElements.items.required = ["value"]
-          schema.required = ["eventType","Handler","refreshElements"]
+          schema.required = ["eventType", "Handler", "refreshElements"]
         }
       }
       store.setSchema(schema)
       store.setUiSchema(uiSchema)
     },
 
-    getFormData: Component(store, dynamicData).getFormdata,
-    getUiSchema: async function () {
+    getFormData: Component(store, dynamicData, submitHandler, service).getFormdata,
+    getUiSchema: function () {
       return EventUiSchema;
     },
-    getSchema: async () => {
+    getSchema: () => {
       return EventSchema;
     },
+    okHandler: () => okHandler(store),
+    saveHandler: async () => await saveHandler(store, service, submitHandler,"PageMaster"),
     onChange: function () {
       if (
         store?.formData?.Handler !== store?.newData?.Handler &&
         store?.newData?.Handler !== undefined
       ) {
-        this.refreshPage(store.newData.Handler||store.formdata.Handler,store)
+        this.refreshPage(store.newData.Handler || store.formdata.Handler, store)
       }
     },
-    
-    saveHandler: Component(store, dynamicData).saveHandler,
-    addEvent: async function () {
+    addEvent: function () {
       const path = store.searchParams?.get("path");
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.formData, path)
+      saveFormdataInLocalStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${store.formData?.events?.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
       this.setPage()
     },
-    editEvent: async function () {
+    editEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.formData, path)
+      saveFormdataInLocalStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${rowId}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData).deleteEvent,
+    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
     backHandler: function () {
       store.navigate(-1)
     },

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

@@ -2,18 +2,19 @@ import { PageMasterSchema } from "../elements/UiSchema/PageMaster/schema";
 import { PageMasterUiSchema } from "../elements/UiSchema/PageMaster/uiSchema";
 import _ from "lodash";
 import Component from "./component";
-import { getFormdataFromLocalStorage, saveFormdataInLocalStorage } from "./saveHandler";
-import { schema } from "../build/buildUiSchema";
+import { getFormdataFromLocalStorage, saveFormdataInLocalStorage, saveHandler } from "./utils";
+
 
 interface funcParamsProps {
   store: any,
   dynamicData: any,
-  config: any,
+
   submitHandler: any,
   service: any
+  config?: any
 }
 export default (funcParams: funcParamsProps) => {
-  const { store, dynamicData, config, submitHandler } = funcParams
+  const { store, dynamicData, config, submitHandler, service } = funcParams
   return {
     setPage: async function () {
       const formdata = await this.getFormdata();
@@ -23,7 +24,7 @@ export default (funcParams: funcParamsProps) => {
       store.setSchema(schema);
       store.setUiSchema(uiSchema);
     },
-    getFormdata: async function () {
+    getFormdata: function () {
       const id = store.searchParams?.get("id");
       const formData = getFormdataFromLocalStorage()
       if (formData) {
@@ -32,7 +33,7 @@ export default (funcParams: funcParamsProps) => {
       saveFormdataInLocalStorage(config)
       return config
     },
-    getUiSchema: async function () {
+    getUiSchema: function () {
       return PageMasterUiSchema;
     },
     getSchema: () => {
@@ -42,58 +43,39 @@ export default (funcParams: funcParamsProps) => {
       localStorage.removeItem("pageFormdata")
       store.navigate("/PageMasterRecords");
     },
-    onAddClickHandler: async function () {
+    onAddClickHandler: function () {
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
-      const response = saveFormdataInLocalStorage(store.formData)
+      const response = saveFormdataInLocalStorage(store.ctx.core.data)
       store.navigate(
         `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
       );
     },
-    submitPageHandler: async function () {
-      console.log()
-      if (_.isEmpty(funcParams.store.ctx.core.errors)) {
-        submitHandler(store, funcParams.service)
-        .then((saveReturn: any) => {
-          localStorage.removeItem("pageFormdata")
-          store.navigate(-1)
-          store.setNotify({
-            SuccessMessage: "Submit Successfully",
-            Success: true,
-          });
-        })
-      } else {
-        funcParams.store.setValidation("ValidateAndShow");
-        funcParams.store.setNotify({
-          Fail:true,
-          FailMessage:"Errors on Page"
-        })
-      }
-    },
-    Edit_Components: Component(store, dynamicData).editComponents,
-    Delete_Components: Component(store, dynamicData).deleteComponents,
-    eventAddHandler: async function () {
+    saveHandler: async ()=> await saveHandler(store,service,submitHandler),
+    Edit_Components: Component(store, dynamicData, submitHandler, service).editComponents,
+    Delete_Components: Component(store, dynamicData, submitHandler, service).deleteComponents,
+    eventAddHandler: function () {
       const id = store.searchParams?.get("id");
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.formData)
+      saveFormdataInLocalStorage(store.ctx.core.data)
       const finalPath = `events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
-    editEvent: async function () {
+    editEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.formData)
+      saveFormdataInLocalStorage(store.ctx.core.data)
       const finalPath = `events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
-    deleteEvent: async function () {
+    deleteEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.formData)
+      const response = saveFormdataInLocalStorage(store.ctx.core.data)
       store.setFormdata(response);
     },
   }

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

@@ -0,0 +1,109 @@
+import buildConfig from "../build/buildConfig";
+import _ from "lodash";
+
+const clearFromLocalStorage = () => {
+    localStorage.removeItem("pageFormdata")
+}
+export default clearFromLocalStorage;
+export const getNavigationHistory = (config: any, path: string | undefined) => {
+    if (path) {
+        let urlRoutes: string = config.name;
+        const pathArrayAll = path.split(".");
+        const arr: any = []
+        pathArrayAll.map((e: string, i: number) => {
+            if (i === 0) {
+                arr.push(e)
+                return;
+            }
+            arr.push(`${arr[i - 1]}.${e}`)
+        })
+        arr.map((e) => {
+            const data = _.get(config, e)
+            if (data) {
+                urlRoutes = urlRoutes + ` >    ${data?.name || data?.eventType}`
+            } else {
+                urlRoutes = urlRoutes + " > NewComponent";
+            }
+
+        })
+        return { pageName: urlRoutes }
+    }
+    return undefined;
+}
+
+export const saveFormdataInLocalStorage = (formData: any, path?: string) => {
+    let updatedFormdata: any;
+    if (path) {
+        const pageFormdata = getFormdataFromLocalStorage()
+        updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
+    } else {
+        updatedFormdata = buildConfig(formData)
+    }
+    localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata))
+    return updatedFormdata;
+}
+
+export const getFormdataFromLocalStorage = (path?: string) => {
+    const pageFormdata = localStorage.getItem("pageFormdata") ? JSON.parse(localStorage.getItem("pageFormdata")) : undefined;
+    let returnValue: any;
+    if (path) {
+        returnValue = _.get(pageFormdata, path)
+        returnValue = { ...returnValue, ...getNavigationHistory(pageFormdata, path) }
+    }
+    if (!returnValue) {
+        returnValue = getNavigationHistory(pageFormdata, path)
+    }
+    return returnValue || pageFormdata;
+
+}
+
+export async function saveHandler(store, service, submitHandler, pageName?: string) {
+    const id = store.searchParams?.get("id");
+    const path = store.searchParams?.get("path");
+    saveFormdataInLocalStorage(store.ctx.core.data, path);
+    const config = JSON.parse(localStorage.getItem("pageFormdata"));
+    if (_.isEmpty(store.ctx.core.errors)) {
+        try {
+            const saveReturn = await submitHandler(store, service, config);
+            navigateHandler(store, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords")
+        } catch (err) {
+            navigateHandler(store, false)
+        }
+    }
+}
+
+export const navigateHandler = (store, isSubmitted, pageName?: string | boolean) => {
+    if (isSubmitted) {
+        localStorage.removeItem("pageFormdata");
+        store.navigate(pageName || -1)
+        store.setNotify({
+            SuccessMessage: "Submit Successfully",
+            Success: true,
+        });
+    } else {
+        store.setValidation("ValidateAndShow");
+        store.setNotify({
+            Fail: true,
+            FailMessage: "Errors on Page"
+        });
+    }
+};
+
+export function okHandler(store) {
+    const path = store.searchParams?.get("path");
+    console.log(store.ctx.core.errors)
+    if (_.isEmpty(store.ctx.core.errors)) {
+        saveFormdataInLocalStorage(store.ctx.core.data, path)
+        store.navigate(-1)
+        store.setNotify({
+            SuccessMessage: "Save Successfully",
+            Success: true,
+        });
+    } else {
+        store.setValidation("ValidateAndShow");
+        store.setNotify({
+            Fail: true,
+            FailMessage: "Errors on Page"
+        })
+    }
+}

package/src/impaktapps-ui-builder/lib/index.ts

@@ -7,4 +7,4 @@ export { schema} from "../builder/build/buildUiSchema"
 export {default as buildConfig} from "../builder/build/buildConfig"
 export  {default as buildUiSchema} from "../builder/build/buildUiSchema"
 export  {buildSchema} from "../builder/build/buildUiSchema"
-export {default as clearPreviousCache} from "../builder/services/clearLocalStorage"
+export {default as clearFromLocalStorage} from "../builder/services/utils"

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

@@ -30,7 +30,7 @@ export const extractEvents = (eventConfig: any) => {
           return elem.eventType === "Success"
         })
         if (!(!!SuccessEvent) && event.eventType === "onLoad") {
-          event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType,lazyLoading:eventConfig.lazyLoading==="YES"?true:false })
+          event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
         eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
       });
@@ -59,7 +59,7 @@ export default (funcParams: funcParamsProps) => {
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: {downloadFile}, eventGroups
+    serviceHolder: { downloadFile }, eventGroups
   };
   return {
     setPage: async function () {
@@ -76,54 +76,33 @@ export default (funcParams: funcParamsProps) => {
               { ...funcParams.schema.properties, ...pre.properties, }
           }
         }
-        )
+      )
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
-      await executeRefreshHandler( {
+      await executeRefreshHandler({
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
     },
     onClick: async function () {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onClick[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
+      await this.callHandler("onClick")
     },
-    onFileDownload:async () =>{
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onDownload[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
+    onFileDownload: async function () {
+      await this.callHandler("onDownload")
     },
-    onFileUpload:async () =>{
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups?.onUpload[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        })
-      }
+    onFileUpload: async function () {
+      await this.callHandler("onUpload")
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
-        { key: "pageIndex", value: paginationValues.pagination.pageIndex  },
+        { key: "pageIndex", value: paginationValues.pagination.pageIndex },
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
       ]
-      const response =  await this.updateConfigApiBody(paginationValues, apiBody);
+      const response = await this.updateConfigApiBody(paginationValues, apiBody);
       return response?.data;
     },
     getSelectOptions: async function (param) {
@@ -175,6 +154,28 @@ export default (funcParams: funcParamsProps) => {
       }
       return LastCallResponse
     },
+    StepperBackHandler: async function (param) {
+      await this.callHandler("onStepperBack")
+      param.handleBack()
+    },
+    StepperSkipHandler: async function (param) {
+      await this.callHandler("onStepperSkip")
+      param.handleSkip()
+    },
+    StepperNextHandler: async function (param) {
+      await this.callHandler("onStepperNext")
+      param.handleNext()
+    },
+    callHandler: async function (eventType: string) {
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.[eventType]?.[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
+    },
     downloadFile: downloadFile
   };
 };

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

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

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

@@ -1,2 +0,0 @@
-declare const _default: () => void;
-export default _default;

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

@@ -1,3 +0,0 @@
-export declare const getNavigationHistory: (config: any, path: string | undefined) => {
-    pageName: string;
-};

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

@@ -1,2 +0,0 @@
-export declare const saveFormdataInLocalStorage: (formData: any, path?: string) => any;
-export declare const getFormdataFromLocalStorage: (path?: string) => 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;
-}

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

@@ -1,3 +0,0 @@
-export default () => {
- localStorage.removeItem("pageFormdata")   
-}

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

@@ -1,27 +0,0 @@
-import _ from "lodash";
-
-export const getNavigationHistory = (config: any, path: string|undefined) => {
-  if (path) {
-    let urlRoutes: string = config.name;
-    const pathArrayAll = path.split(".");
-    const arr:any = []
-    pathArrayAll.map((e: string, i: number) => {
-      if (i === 0) {
-        arr.push(e)
-        return;
-      }
-      arr.push(`${arr[i - 1]}.${e}`)
-    })
-    arr.map((e) => {
-      const data = _.get(config, e)
-      if(data){
-        urlRoutes = urlRoutes + ` >    ${data?.name || data?.eventType}`
-      }else{
-        urlRoutes = urlRoutes + " > NewComponent";
-      }
-     
-    })
-    return { pageName: urlRoutes }
-  }
-  return undefined;
-}

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

@@ -1,29 +0,0 @@
-import buildConfig  from "../build/buildConfig"; 
-import _ from "lodash";
-import { getNavigationHistory } from "./getNavigationHistory";
-
-export const saveFormdataInLocalStorage = (formData: any, path?: string) => {
-let updatedFormdata:any;
-  if (path) {
-    const pageFormdata = getFormdataFromLocalStorage()
-    updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
-  } else {
-    updatedFormdata = buildConfig(formData)
-  }
-  localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata))
-  return updatedFormdata;
-}
-
-export const getFormdataFromLocalStorage = (path?: string) => {
-  const pageFormdata = localStorage.getItem("pageFormdata")?JSON.parse(localStorage.getItem("pageFormdata")):undefined;
-  let returnValue: any;
-  if (path) {
-    returnValue = _.get(pageFormdata, path)
-    returnValue = { ...returnValue, ...getNavigationHistory(pageFormdata, path) }
-  }
-  if (!returnValue) {
-    returnValue = getNavigationHistory(pageFormdata, path)
-  }
-  return returnValue || pageFormdata;
-
-}