impaktapps-ui-builder 0.0.347 → 0.0.350

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

@@ -5,7 +5,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     getFormdata: () => any;
     getSchema: () => any;
     okHandler: () => void;
-    savePageHandler: () => Promise<void>;
+    saveHandler: () => Promise<void>;
     onChange: () => void;
     editComponents: () => void;
     deleteComponents: () => void;

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

@@ -76,9 +76,9 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
         };
         required: string[];
     };
-    savePageHandler: () => Promise<void>;
-    onChange: () => void;
     okHandler: () => void;
+    saveHandler: () => Promise<void>;
+    onChange: () => void;
     addEvent: () => void;
     editEvent: () => void;
     deleteEvent: () => void;

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

@@ -1,5 +1,3 @@
-export declare function saveHandler(store: any, service: any, submitHandler: any, config: any): Promise<boolean>;
-export declare const navigation: (store: any, isSubmitted: any, pageName?: string | undefined) => void;
 interface funcParamsProps {
     store: any;
     dynamicData: any;
@@ -51,7 +49,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     };
     backHandler: () => void;
     onAddClickHandler: () => void;
-    savePageHandler: () => Promise<void>;
+    saveHandler: () => Promise<void>;
     Edit_Components: () => void;
     Delete_Components: () => void;
     eventAddHandler: () => void;

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

@@ -0,0 +1,10 @@
+declare const clearFromLocalStorage: () => void;
+export default clearFromLocalStorage;
+export declare const getNavigationHistory: (config: any, path: string | undefined) => {
+    pageName: string;
+};
+export declare const saveFormdataInLocalStorage: (formData: any, path?: string) => any;
+export declare const getFormdataFromLocalStorage: (path?: string) => any;
+export declare function saveHandler(store: any, service: any, submitHandler: any, pageName: string): Promise<void>;
+export declare const navigateHandler: (store: any, isSubmitted: any, pageName?: string | boolean) => void;
+export declare function okHandler(store: any): void;

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

@@ -6,4 +6,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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.347",
+    "version": "0.0.350",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -278,7 +278,7 @@ export const componentBasicUiSchema: any = {
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "savePageHandler",
+          onClick: "saveHandler",
           size: "small",
         },
         style: {

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

@@ -375,7 +375,7 @@ export const PageMasterUiSchema: any = {
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "savePageHandler",
+          onClick: "saveHandler",
           size: "small",
         },
         style: {

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

@@ -297,7 +297,7 @@ export const EventUiSchema: any = {
           variant: "contained",
           color: "info",
           type: "text",
-          onClick: "savePageHandler",
+          onClick: "saveHandler",
           size: "small",
         },
         style: {

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

@@ -1,7 +1,6 @@
 import _ from "lodash";
 import { ComponentSchema } from "../elements/UiSchema/Component/schema"; 
 import { componentBasicUiSchema } from "../elements/UiSchema/Component/uiSchema";
-import { getFormdataFromLocalStorage, saveFormdataInLocalStorage } from "./saveHandler";
 import { CoreSection } from "../build/uischema/coreSection";
 import { EventSection } from "../build/uischema/eventSection";
 import { buildPropertiesSection } from "../build/uischema/buildPropertiesSection";
@@ -9,7 +8,7 @@ import { StyleSection } from "../build/uischema/styleSection";
 import { TableSection } from "../build/uischema/tableSection";
 import { ValueTab } from "../build/uischema/valueTab";
 import { ValidationSection } from "../build/uischema/validationSections";
-import { navigation, saveHandler } from "./pageMaster";
+import { getFormdataFromLocalStorage, okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
 const sectionLabels = {
   Select: ["Core", "Properties","Value", "style", "Event","Validation"],
   MultipleSelect: ["Core", "Properties","Value", "style", "Event","Validation"],
@@ -77,33 +76,8 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     getSchema: function () {
       return ComponentSchema;
     },
-    okHandler: function () {
-      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"
-        })
-      }
-    },
-    savePageHandler: async () => {
-      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"));
-      const isSubmitted = await saveHandler(store, service, submitHandler,config);
-      navigation(store,isSubmitted,`/PageMaster?id=${id}`)
-    },
-
+    okHandler:()=>okHandler(store),
+    saveHandler: async ()=> await saveHandler(store,service,submitHandler,"PageMaster"),
     onChange: function () {
       if (
         store?.formData?.type !== store?.newData?.type &&

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

@@ -1,9 +1,8 @@
-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  { navigation, saveHandler } from "./pageMaster";
 import { getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
 import _ from "lodash";
@@ -11,7 +10,7 @@ import _ from "lodash";
 export default (
   store: any,
   dynamicData: any,
-  submitHandler: any, 
+  submitHandler: any,
   service: any
 ) => {
   return {
@@ -20,63 +19,54 @@ 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,submitHandler,service).getFormdata,
+    getFormData: Component(store, dynamicData, submitHandler, service).getFormdata,
     getUiSchema: function () {
       return EventUiSchema;
     },
     getSchema: () => {
       return EventSchema;
     },
-    savePageHandler: async () => {
-      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"));
-      const isSubmitted = await saveHandler(store, service, submitHandler,config);
-      navigation(store,isSubmitted,`/PageMaster?id=${id}`)
-    },
-
+    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)
       }
     },
-    
-    okHandler: Component(store, dynamicData,submitHandler,service).okHandler,
     addEvent: function () {
       const path = store.searchParams?.get("path");
       if (!Array.isArray(store.formData.events)) {
@@ -98,7 +88,7 @@ export default (
       this.setPage()
 
     },
-    deleteEvent: Component(store, dynamicData,submitHandler,service).deleteEvent,
+    deleteEvent: Component(store, dynamicData, submitHandler, service).deleteEvent,
     backHandler: function () {
       store.navigate(-1)
     },

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

@@ -2,38 +2,8 @@ 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";
 
-export async function saveHandler(store, service, submitHandler, config) {
-  let isTrue = false;
-  if (_.isEmpty(store.ctx.core.errors)) {
-    try {
-      const saveReturn = await submitHandler(store, service,config);
-      isTrue = true;
-    } catch (err) {
-      isTrue = false;
-    }
-  }
-  return isTrue;
-}
-export const navigation = (store, isSubmitted, pageName?:string|undefined) => {
-  if (isSubmitted) {
-    localStorage.removeItem("pageFormdata");
-    // store.navigate(id ? `/PageMaster?id=${id}` : '/PageMasterRecords');
-    store.navigate(pageName||-1)
-    store.setNotify({
-      SuccessMessage: "Submit Successfully",
-      Success: true,
-    });
-  } else {
-    store.setValidation("ValidateAndShow");
-    store.setNotify({
-      Fail: true,
-      FailMessage: "Errors on Page"
-    });
-  }
-};
 
 interface funcParamsProps {
   store: any,
@@ -83,12 +53,7 @@ export default (funcParams: funcParamsProps) => {
         `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
       );
     },
-    savePageHandler: async () => {
-      saveFormdataInLocalStorage(store.ctx.core.data);
-      const config = JSON.parse(localStorage.getItem("pageFormdata"));
-      const isSubmitted = await saveHandler(store, service, submitHandler,config);
-      navigation(store,isSubmitted)
-    },
+    saveHandler: async ()=> await saveHandler(store,service,submitHandler,"/PageMasterRecords"),
     Edit_Components: Component(store, dynamicData, submitHandler, service).editComponents,
     Delete_Components: Component(store, dynamicData, submitHandler, service).deleteComponents,
     eventAddHandler: function () {

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}` : pageName)
+        } 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/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/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;
-
-}