impaktapps-ui-builder 0.0.591 → 0.0.592-alpha.2

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",

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 clearFromLocalStorage} from "../builder/services/utils"
+export {default as clearFromSessionStorage} from "../builder/services/utils"

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

@@ -207,7 +207,7 @@ const buildBodyFormat = (body: any[], formData: any, userValue: any, store: any)
       }
       else if (elem?.value?.startsWith("$local")) {
         const finalpath = elem.value.substring(7);
-        const value = JSON.parse(localStorage.getItem(finalpath) || '""')
+        const value = JSON.parse(sessionStorage.getItem(finalpath) || '""')
         finalBody[elem.key] = value;
       }
       else if (elem?.value?.startsWith("$")) {

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

@@ -12,7 +12,7 @@ const notifyUiSchema = {
   },
   layout: 6,
 };
-let formDataHolder = {}
+
 interface funcParamsProps {
   store: any,
   dynamicData: any,
@@ -62,6 +62,7 @@ export const extractEvents = (eventConfig: any) => {
 };
 export default (funcParams: funcParamsProps) => {
   eventGroups = {}
+  const formDataHolder = {}
   if (pageData) {
     if ((!isEmpty(pageData)) && typeof pageData === "object") {
       eventGroups = extractEvents(pageData?.config)
@@ -77,12 +78,12 @@ export default (funcParams: funcParamsProps) => {
     setPage: async function () {
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
-      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData")
+      const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData")
       if (pageBasicDetailString) {
         pageData = JSON.parse(pageBasicDetailString)
       } else {
         pageData = await funcParams.pageDataProvider();
-        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+        sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
           schema: pageData?.schema,
           uiSchema: pageData?.uiSchema, config: pageData?.config
         }))
@@ -157,7 +158,7 @@ export default (funcParams: funcParamsProps) => {
                   height: 0,
                   margin: 0,
                   top: 0,
-                  right: '82px',
+                  right: {xs: '12px', sm: '84px'},
                   position: 'absolute',
                   fontSize: '12px',
                   cursor: 'pointer',
@@ -170,7 +171,7 @@ export default (funcParams: funcParamsProps) => {
             {
               type: "Control",
               scope: "#/properties/text",
-
+    
               options: {
                 widget: "Box",
               },
@@ -180,6 +181,7 @@ export default (funcParams: funcParamsProps) => {
                   onClick: "backHandler"
                 },
                 style: {
+                  display: {xs: 'none', sm: "flex"},
                   textAlign: 'left',
                   lineHeight: 1,
                   height: 0,