impaktapps-ui-builder 0.0.596 → 0.0.962

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

@@ -90,7 +90,6 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
   } else {
     if (eventGropus?.onLoad) {
       result = Object.keys(eventGropus?.onLoad)
-      result.push(result[0]);
     }
   }
   return result;
@@ -147,7 +146,7 @@ function executeCustomHandler(params: handlersProps) {
 }
 
 function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any, service: any, formDataHolder: any) {
-  if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
+  if (eventConfig.type === "Select"  && handlerResponse?.data && !_.isEmpty(handlerResponse?.data)) {
     store.setSchema((pre) => {
       return {
         ...pre, properties: {
@@ -159,7 +158,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
       }
     })
   }
-  else if (eventConfig.type === "MultipleSelect" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
+  else if (eventConfig.type === "MultipleSelect" && handlerResponse?.data && !_.isEmpty(handlerResponse?.data)) {
     store.setSchema((pre) => {
       return {
         ...pre, properties: {
@@ -175,7 +174,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
     })
   }
   else if (eventConfig.type === "page") {
-    if ((!_.isEmpty(handlerResponse?.data)) && handlerResponse?.data) {
+    if (!(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
       store.newData = {
         ...store.newData,
         ...handlerResponse?.data
@@ -207,7 +206,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

@@ -78,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
         }))
@@ -101,22 +101,20 @@ export default (funcParams: funcParamsProps) => {
           type: "HorizontalLayout",
           config: {
             main: {
-              direction: 'row'
+              direction: "row",
             },
             style: {
               flexDirection: "row",
               position: "absolute",
               bottom: 0,
-              marginBottom: '-8px',
-              height: 'fit-content',
-              overflow: 'hidden',
+              height: "fit-content",
+              overflow: "hidden",
               zIndex: 1000,
-              width: 'inherit'
-            }
+              width: "inherit",
+            },
           },
           elements: [
             {
-
               type: "Control",
               scope: "#/properties/FooterText",
               options: {
@@ -124,96 +122,88 @@ export default (funcParams: funcParamsProps) => {
               },
               config: {
                 main: {
-                  heading: "Copywriter@ACT21.IO"
+                  heading: "Copywriter@ACT21.IO",
                 },
                 style: {
-                  color: theme?.palette?.text.disabled || "#AFAFAF",
-                  fontSize: '12px',
-                  textAlign: 'center',
-                  lineHeight: 1,
-                  width: 'fit-content',
-                  left: '50%',
-                  position: 'relative',
+                  color: theme?.palette?.text?.disabled || "#AFAFAF",
+                  fontSize: "12px",
+                  textAlign: "center",
+                  lineHeight: 2,
+                  width: "fit-content",
+                  left: "50%",
+                  position: "relative",
                   margin: 0,
                   flexGrow: 1,
-                  height: 0
-                }
+                  height: 0,
+                  transform: "translate(-50%, 0%)",
+                },
               },
             },
             {
               type: "Control",
-              scope: "#/properties/backIcon",
+              scope: "#/properties/FooterBackIcon",
               options: {
                 widget: "Box",
               },
               config: {
                 main: {
-                  iconName: 'PrevIcon',
+                  iconName: "PrevIcon",
                   onClick: "backHandler",
-                  width: 'fit-content',
+                  width: "fit-content",
                 },
                 style: {
-                  fill: theme.palette.primary.main,
+                  fill: theme?.palette?.primary?.main,
                   width: 20,
                   height: 0,
-                  margin: 0,
+                  // margin: 0,
                   top: 0,
-                  right: '82px',
-                  position: 'absolute',
-                  fontSize: '12px',
-                  cursor: 'pointer',
-                  ':hover': {
-                    fill: theme.palette.primary.dark,
-                  }
-                }
-              }
+                  right: { xs: "12px", sm: "84px" },
+                  position: "absolute",
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  ":hover": {
+                    fill: theme?.palette?.primary?.dark,
+                  },
+                  marginRight: "13px",
+                },
+              },
             },
             {
               type: "Control",
-              scope: "#/properties/text",
-
+              scope: "#/properties/FooterBackHandlerText",
               options: {
                 widget: "Box",
               },
               config: {
                 main: {
                   heading: "Previous Page",
-                  onClick: "backHandler"
+                  onClick: "backHandler",
                 },
                 style: {
-                  textAlign: 'left',
+                  display: { xs: "none", sm: "flex" },
+                  textAlign: "left",
                   lineHeight: 1,
                   height: 0,
-                  width: 'fit-content',
-                  color: theme.palette.primary.main,
-                  fontSize: "12px",
-                  cursor: 'pointer',
-                  marginLeft: '2px',
-                  marginRight: 0,
+                  width: "fit-content",
+                  color: theme?.palette?.primary?.main,
+                  fontSize: "14px",
+                  cursor: "pointer",
+                  marginLeft: "2px",
+        
                   top: 3,
-                  right: '12px',
-                  position: 'absolute',
-                  ':hover': {
-                    color: theme.palette.primary.dark,
-                  }
-                }
+                  right: "12px",
+                  position: "absolute",
+                  ":hover": {
+                    color: theme?.palette?.primary?.dark,
+                  },
+                  marginRight: "4px",
+                },
               },
             },
-          ]
+          ],
         }
       );
       const schema = pageData?.schema ?? { type: "object", properties: {} };
-      funcParams.store.setSchema(
-        (pre: any) => {
-          return {
-            ...schema, properties:
-              { ...schema.properties, ...pre.properties, }
-          }
-        }
-      )
-      uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(uiSchema);
-      eventGroups = {}
       eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {}, componentName: "",
@@ -226,7 +216,16 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups, formDataHolder
       })
-     
+      funcParams.store.setSchema(
+        (pre: any) => {
+          return {
+            ...schema,...pre, properties:
+              { ...schema.properties, ...pre.properties, }
+          }
+        }
+      )
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
     },
     onCellRenderer: (cellParams) => {
       if (eventGroups.onCellRenderer) {

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

@@ -1,15 +0,0 @@
-declare const _default: {
-    type: string;
-    scope: string;
-    options: {
-        widget: string;
-    };
-    elements: any[];
-    config: {
-        main: {
-            onMount: string;
-            columns: {};
-        };
-    };
-};
-export default _default;

package/src/impaktapps-ui-builder/builder/build/uischema/lazyLoadingTable.ts

@@ -1,15 +0,0 @@
-export default {
-    type: "Control",
-    scope: "#/properties/LazyLoadingTable",
-    options: {
-      widget: "LazyLoadingTable",
-    },
-    elements:[],
-    config: {
-      main: {
-        onMount:"onMount",
-        columns: {
-        },
-      },
-    },
-  };