impaktapps-ui-builder 0.0.596 → 0.0.962

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

@@ -45,7 +45,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                 widget: "SelectInputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Type",
                 },
@@ -59,7 +59,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Name",
                   options: [],
@@ -76,7 +76,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Label",
                   options: [],
@@ -92,7 +92,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                 widget: "SelectInputField",
               },
               config: {
-                layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Column Format",
         
@@ -103,7 +103,7 @@ export const componentBasicUiSchema: any = (theme)=>{
               type: "Control",
               scope: "#/properties/proc",
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
               },
               options: {
                 widget: "EmptyBox",
@@ -113,7 +113,7 @@ export const componentBasicUiSchema: any = (theme)=>{
               type: "Control",
               scope: "#/properties/proc",
               config: {
-                layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                layout: { xs: 0, sm: 0, md: 4, lg: 4 },
               },
               options: {
                 widget: "EmptyBox",
@@ -134,7 +134,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                         widget: "SelectInputField",
                       },
                       config: {
-                        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                         main: {
                           label: "Screen Size",
                         
@@ -149,7 +149,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                         widget: "InputField",
                       },
                       config: {
-                        layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                        layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                         main: {
                           label: "Value",
                           type:"number",
@@ -164,7 +164,7 @@ export const componentBasicUiSchema: any = (theme)=>{
                       type: "Control",
                       scope: "#/properties/proc",
                       config: {
-                        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+                        layout: { xs: 0, sm: 0, md: 4, lg: 4 },
                       },
                       options: {
                         widget: "EmptyBox",
@@ -364,17 +364,6 @@ export const componentBasicUiSchema: any = (theme)=>{
           },
         ]
       },
-
-    {
-      type: "Control",
-      scope: "#/properties/EmptyBox",
-      options: {
-        widget: "EmptyBox",
-      },
-      config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-      },
-    },
     {
       type: "Control",
       scope: "#/properties/EmptyBox",
@@ -382,7 +371,7 @@ export const componentBasicUiSchema: any = (theme)=>{
         widget: "EmptyBox",
       },
       config: {
-        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+        layout: { xs: 4, sm: 8 },
       },
     },
     {
@@ -393,7 +382,7 @@ export const componentBasicUiSchema: any = (theme)=>{
       },
 
       config: {
-        layout: 1.8,
+        layout: { xs: 4, sm: 2 },
         main: {
           name: "Ok",
           startIcon: "ApproveIcon",
@@ -403,9 +392,6 @@ export const componentBasicUiSchema: any = (theme)=>{
           onClick: "okHandler",
           size: "medium",
         },
-        style: {
-          float: "right",
-        },
       },
     },
     {
@@ -416,7 +402,7 @@ export const componentBasicUiSchema: any = (theme)=>{
       },
 
       config: {
-        layout: 1.8,
+        layout: { xs: 4, sm: 2 },
         main: {
           name: "Save & Exit",
           startIcon: "ApproveIcon",
@@ -426,9 +412,6 @@ export const componentBasicUiSchema: any = (theme)=>{
           onClick: "saveHandler",
           size: "medium",
         },
-        style: {
-          float: "right",
-        },
       },
     },
     {
@@ -500,7 +483,7 @@ export const componentBasicUiSchema: any = (theme)=>{
               height: 0,
               margin: 0,
               top: 0,
-              right: '90px',
+              right: {xs: '12px', sm: '84px'},
               position: 'absolute',
               fontSize: '12px',
               cursor: 'pointer',
@@ -523,6 +506,7 @@ export const componentBasicUiSchema: any = (theme)=>{
               onClick: "backHandler"
             },
             style: {
+              display: {xs: 'none', sm: "flex"},
               textAlign: 'left',
               lineHeight: 1,
               height: 0,
@@ -533,7 +517,7 @@ export const componentBasicUiSchema: any = (theme)=>{
               marginLeft: '2px',
               marginRight: 0,
               top: 3,
-              right: '20px',
+              right: '12px',
               position: 'absolute',
               ':hover': {
                 color: theme.palette.primary.dark,

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

@@ -23,7 +23,7 @@ export const PageMasterUiSchema: any = (theme) => {
               widget: "InputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
               main: {
                 label: "Name",
                 options: [],
@@ -42,7 +42,7 @@ export const PageMasterUiSchema: any = (theme) => {
               widget: "SelectInputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
               main: {
                 label: "Template",
                 options: [
@@ -63,7 +63,7 @@ export const PageMasterUiSchema: any = (theme) => {
               widget: "InputField",
             },
             config: {
-              layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+              layout: { xs: 6, sm: 6, md: 4, lg: 4 },
               main: {
                 label: "Label",
                 options: [],
@@ -72,6 +72,16 @@ export const PageMasterUiSchema: any = (theme) => {
               },
             },
           },
+          {
+            type: "Control",
+            scope: "#/properties/EmptyBox",
+            config: {
+              layout: { xs: 6, sm: 6, md: 0, lg: 0 },
+            },
+            options: {
+              widget: "EmptyBox",
+            },
+          },
         ],
       },
       {
@@ -287,7 +297,7 @@ export const PageMasterUiSchema: any = (theme) => {
           widget: "EmptyBox",
         },
         config: {
-          layout: { xs: 0, sm: 8, md: 8, lg: 8 },
+          layout: { xs: 8, sm: 10 },
         }
       },
       {
@@ -298,7 +308,7 @@ export const PageMasterUiSchema: any = (theme) => {
         },
 
         config: {
-          layout: 11.9,
+          layout: { xs: 4, sm: 2 },
           main: {
             name: "Save",
             startIcon: "ApproveIcon",
@@ -308,10 +318,6 @@ export const PageMasterUiSchema: any = (theme) => {
             onClick: "saveHandler",
             size: "medium",
           },
-          style: {
-            width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
-            float: "right",
-          },
         },
       },
       {
@@ -570,7 +576,7 @@ export const PageMasterUiSchema: any = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: '82px',
+                right: {xs: '12px', sm: '84px'},
                 position: 'absolute',
                 fontSize: '12px',
                 cursor: 'pointer',
@@ -583,7 +589,7 @@ export const PageMasterUiSchema: any = (theme) => {
           {
             type: "Control",
             scope: "#/properties/text",
-
+  
             options: {
               widget: "Box",
             },
@@ -593,6 +599,7 @@ export const PageMasterUiSchema: any = (theme) => {
                 onClick: "backHandler"
               },
               style: {
+                display: {xs: 'none', sm: "flex"},
                 textAlign: 'left',
                 lineHeight: 1,
                 height: 0,

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

@@ -47,7 +47,7 @@ export const EventUiSchema: any = (theme) => {
                   widget: "SelectInputField",
                 },
                 config: {
-                  layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+                  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                   main: {
                     label: "Event Type",
                     type: "text",
@@ -178,17 +178,7 @@ export const EventUiSchema: any = (theme) => {
           widget: "EmptyBox",
         },
         config: {
-          layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-        },
-      },
-      {
-        type: "Control",
-        scope: "#/properties/EmptyBox",
-        options: {
-          widget: "EmptyBox",
-        },
-        config: {
-          layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+          layout: { xs: 4, sm: 8 },
         },
       },
       {
@@ -199,7 +189,7 @@ export const EventUiSchema: any = (theme) => {
         },
 
         config: {
-          layout: 1.8,
+          layout: { xs: 4, sm: 2 },
           main: {
             name: "Ok",
             startIcon: "ApproveIcon",
@@ -222,7 +212,7 @@ export const EventUiSchema: any = (theme) => {
         },
 
         config: {
-          layout: 1.8,
+          layout: { xs: 4, sm: 2 },
           main: {
             name: "Save & Exit",
             startIcon: "ApproveIcon",
@@ -402,7 +392,7 @@ export const EventUiSchema: any = (theme) => {
                 height: 0,
                 margin: 0,
                 top: 0,
-                right: '82px',
+                right: {xs: '12px', sm: '84px'},
                 position: 'absolute',
                 fontSize: '12px',
                 cursor: 'pointer',
@@ -415,7 +405,7 @@ export const EventUiSchema: any = (theme) => {
           {
             type: "Control",
             scope: "#/properties/text",
-
+  
             options: {
               widget: "Box",
             },
@@ -425,6 +415,7 @@ export const EventUiSchema: any = (theme) => {
                 onClick: "backHandler"
               },
               style: {
+                display: {xs: 'none', sm: "flex"},
                 textAlign: 'left',
                 lineHeight: 1,
                 height: 0,

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

@@ -8,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 { getFormdataFromLocalStorage, okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { getFormdataFromSessionStorage, okHandler, saveFormdataInSessionStorage, saveHandler } from "./utils";
 const sectionLabels = {
   Select: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
   MultipleSelect: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
@@ -76,7 +76,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     refreshPage: refreshPage,
     getFormdata: function () {
       const path = store.searchParams?.get("path");
-      return getFormdataFromLocalStorage(path)
+      return getFormdataFromSessionStorage(path)
     },
     getSchema: function () {
       return ComponentSchema;
@@ -95,7 +95,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       if (path) {
         const path = store.searchParams?.get("path");
         const finalPath = `${path}.elements[${rowId}]`
@@ -108,33 +108,33 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     deleteComponents: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = localStorage.getItem('rowId');
+      const rowId = sessionStorage.getItem('rowId');
       store.formData.elements.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data, path)
       const data = path ? _.get(response, path) : response;
       store.setFormdata(data);
       if (shouldUpdateDialog) {
         store.updateDialog("popUpComponentSection");
       }
-      localStorage.removeItem('rowId');
+      sessionStorage.removeItem('rowId');
     },
     deleteEvent: function (shouldUpdateDialog: boolean = true) {
       const path = store.searchParams?.get("path");
-      const rowId = localStorage.getItem('rowId');
+      const rowId = sessionStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data, path)
       store.setFormdata(_.get(response, path));
       if (shouldUpdateDialog) {
         store.updateDialog("popUpEventSection")
       }
-      localStorage.removeItem('rowId');
+      sessionStorage.removeItem('rowId');
     },
     widgetAddClickHandler: function () {
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.elements[${store.formData.elements.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
@@ -145,7 +145,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
@@ -155,7 +155,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
@@ -164,20 +164,13 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
     },
     deletePopUpComponent: function () {
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId', rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId', rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEventSection");
     },
   }
-};
-
-
-
-
-
-
-
+};

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

@@ -1,7 +1,7 @@
 import { EventSchema } from "../elements/UiSchema/event/schema";
 import { EventUiSchema } from "../elements/UiSchema/event/uiSchema";
 import Component from "./component";
-import { okHandler, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { okHandler, saveFormdataInSessionStorage, saveHandler } from "./utils";
 import { APISection } from "../build/uischema/apiSection";
 import { getRadioInputField, getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
@@ -29,8 +29,20 @@ export default (
       if (handlerType) {
         if (handlerType === "custom") {
           uiSchema.elements[1].elements[0].elements[2] =  getRadioInputField("isSync","Run in Sync",["Yes","No"])
-          // uiSchema.elements[0].elements[0].elements[3] = emptyBox;
-          uiSchema.elements[1].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false)
+          uiSchema.elements[1].elements[0].elements[3] = {
+            type: "Control",
+            scope: "#/properties/emptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+          
+            config: {
+              layout: { xs: 0, sm: 6, md: 0, lg: 0 },
+              main: {},
+              style:{}
+            },
+          };
+          uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false)
           schema.required = ["eventType", "Handler", "eventCode"]
 
         } else if (handlerType === "api") {
@@ -38,12 +50,26 @@ export default (
           uiSchema.elements[1].elements[0].elements[3] = APISection;
           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" },
             { label: "Download Blob File", value: "downloadBlobFile" }
           ])
-          uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
+          uiSchema.elements[1].elements[0].elements[3] = {
+            type: "Control",
+            scope: "#/properties/emptyBox",
+            options: {
+              widget: "EmptyBox",
+            },
+          
+            config: {
+              layout: { xs: 6, sm: 6, md: 0, lg: 0 },
+              main: {},
+              style:{}
+            },
+          };
+          uiSchema.elements[1].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
           schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
         } else if (handlerType === "refresh") {
           uiSchema.elements[1].elements[0].elements[2] = emptyBox;
@@ -85,7 +111,7 @@ export default (
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${store.formData?.events?.length}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
@@ -94,7 +120,7 @@ export default (
     editEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       const path = store.searchParams?.get("path");
-      saveFormdataInLocalStorage(store.ctx.core.data, path)
+      saveFormdataInSessionStorage(store.ctx.core.data, path)
       const finalPath = `${path}.events[${rowId}]`
       store.searchParams.set("path", finalPath)
       store.setSearchParams(store.searchParams)
@@ -110,7 +136,7 @@ export default (
     },
     deletePopUpEvent: function(){
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpEvent");
     }
   }

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

@@ -2,7 +2,7 @@ import { PageMasterSchema } from "../elements/UiSchema/PageMaster/schema";
 import { PageMasterUiSchema } from "../elements/UiSchema/PageMaster/uiSchema";
 import _ from "lodash";
 import Component from "./component";
-import { getFormdataFromLocalStorage, saveFormdataInLocalStorage, saveHandler } from "./utils";
+import { getFormdataFromSessionStorage, saveFormdataInSessionStorage, saveHandler } from "./utils";
 
 
 interface funcParamsProps {
@@ -26,11 +26,11 @@ export default (funcParams: funcParamsProps) => {
     getFormdata: async function () {
       const id = store.searchParams?.get("id");
       const config: any = await funcParams.pageConfigProvider(id)
-      const formData = getFormdataFromLocalStorage()
+      const formData = getFormdataFromSessionStorage()
       if (formData) {
         return formData;
       }
-      saveFormdataInLocalStorage(config)
+      saveFormdataInSessionStorage(config)
       return config
     },
     getUiSchema: function () {
@@ -40,7 +40,7 @@ export default (funcParams: funcParamsProps) => {
       return PageMasterSchema;
     },
     backHandler: () => {
-      localStorage.removeItem("pageFormdata")
+      sessionStorage.removeItem("pageFormdata")
       store.navigate("/PageMasterRecords");
     },
     onAddClickHandler: function () {
@@ -48,7 +48,7 @@ export default (funcParams: funcParamsProps) => {
       if (!Array.isArray(store.formData.elements)) {
         store.formData.elements = []
       }
-      const response = saveFormdataInLocalStorage(store.ctx.core.data)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data)
       if (id) {
         store.navigate(
           `/Component?path=${`elements[${response?.elements.length}]`}&id=${id}`
@@ -72,33 +72,33 @@ export default (funcParams: funcParamsProps) => {
       if (!Array.isArray(store.formData.events)) {
         store.formData.events = []
       }
-      saveFormdataInLocalStorage(store.ctx.core.data)
+      saveFormdataInSessionStorage(store.ctx.core.data)
       const finalPath = `events[${store.formData.events.length}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     editEvent: function () {
       const rowId = dynamicData.path.split(".")[1];
       const id = store.searchParams?.get("id");
-      saveFormdataInLocalStorage(store.ctx.core.data)
+      saveFormdataInSessionStorage(store.ctx.core.data)
       const finalPath = `events[${rowId}]`
       store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
     },
     deleteEvent: function () {
-      const rowId = localStorage.getItem('rowId');
+      const rowId = sessionStorage.getItem('rowId');
       store.formData.events.splice(rowId, 1);
-      const response = saveFormdataInLocalStorage(store.ctx.core.data)
+      const response = saveFormdataInSessionStorage(store.ctx.core.data)
       store.setFormdata(response);
       store.updateDialog("popUpPageMasterEvent");
-      localStorage.removeItem('rowId');
+      sessionStorage.removeItem('rowId');
     },
     deletePopUpComponent: function(){
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpPageMasterComponent");
     },
     deletePopUpEvent: function(){
       const rowId = dynamicData.path.split(".")[1];
-      localStorage.setItem('rowId',rowId);
+      sessionStorage.setItem('rowId',rowId);
       store.updateDialog("popUpPageMasterEvent");
     },
   }

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

@@ -1,10 +1,10 @@
 import buildConfig from "../build/buildConfig";
 import _ from "lodash";
 
-const clearFromLocalStorage = () => {
-    localStorage.removeItem("pageFormdata")
+const clearFromSessionStorage = () => {
+    sessionStorage.removeItem("pageFormdata")
 }
-export default clearFromLocalStorage;
+export default clearFromSessionStorage;
 export const getNavigationHistory = (config: any, path: string | undefined) => {
     if (path) {
         let urlRoutes: string = config.name;
@@ -31,20 +31,20 @@ export const getNavigationHistory = (config: any, path: string | undefined) => {
     return undefined;
 }
 
-export const saveFormdataInLocalStorage = (formData: any, path?: string) => {
+export const saveFormdataInSessionStorage = (formData: any, path?: string) => {
     let updatedFormdata: any;
     if (path) {
-        const pageFormdata = getFormdataFromLocalStorage()
+        const pageFormdata = getFormdataFromSessionStorage()
         updatedFormdata = _.set(pageFormdata, path, buildConfig(formData));
     } else {
         updatedFormdata = buildConfig(formData)
     }
-    localStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata))
+    sessionStorage.setItem("pageFormdata", JSON.stringify(updatedFormdata))
     return updatedFormdata;
 }
 
-export const getFormdataFromLocalStorage = (path?: string) => {
-    const pageFormdata = localStorage.getItem("pageFormdata") ? JSON.parse(localStorage.getItem("pageFormdata")) : undefined;
+export const getFormdataFromSessionStorage = (path?: string) => {
+    const pageFormdata = sessionStorage.getItem("pageFormdata") ? JSON.parse(sessionStorage.getItem("pageFormdata")) : undefined;
     let returnValue: any;
     if (path) {
         returnValue = _.get(pageFormdata, path)
@@ -60,8 +60,8 @@ export const getFormdataFromLocalStorage = (path?: string) => {
 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"));
+    saveFormdataInSessionStorage(store.ctx.core.data, path);
+    const config = JSON.parse(sessionStorage.getItem("pageFormdata"));
     if (_.isEmpty(store.ctx.core.errors)) {
         try {
             const saveReturn = await submitHandler(store, service, config);
@@ -74,7 +74,7 @@ export async function saveHandler(store, service, submitHandler, pageName?: stri
 
 export const navigateHandler = (store, isSubmitted, pageName?: string | boolean) => {
     if (isSubmitted) {
-        localStorage.removeItem("pageFormdata");
+        sessionStorage.removeItem("pageFormdata");
         store.navigate(pageName || -1)
         store.setNotify({
             SuccessMessage: "Submit Successfully",
@@ -92,7 +92,7 @@ export const navigateHandler = (store, isSubmitted, pageName?: string | boolean)
 export function okHandler(store) {
     const path = store.searchParams?.get("path");
     if (_.isEmpty(store.ctx.core.errors)) {
-        saveFormdataInLocalStorage(store.ctx.core.data, path)
+        saveFormdataInSessionStorage(store.ctx.core.data, path)
         store.navigate(-1)
         store.setNotify({
             SuccessMessage: "Save Successfully",