impaktapps-ui-builder 0.0.409 → 0.0.411

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

@@ -1,6 +1,6 @@
 import _, { isEmpty } from "lodash";
 import { doDownload, downloadFile } from "./downloadFile";
-import { asyncOperation, executeEvents, executeRefreshHandler } from "./events";
+import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
 let eventGroups: any = {};
@@ -13,6 +13,15 @@ const notifyUiSchema = {
   layout: 6,
 };
 
+interface funcParamsProps {
+  store: any,
+  dynamicData: any,
+  service: any,
+  userValue: any,
+  pageDataProvider: any,
+  functionsProvider?: Record<string, any>
+}
+let pageData: any = false;
 export const extractEvents = (eventConfig: any) => {
   function extractsConfigEvents(eventConfigObj: any) {
     if (eventConfigObj.events) {
@@ -30,9 +39,15 @@ export const extractEvents = (eventConfig: any) => {
           return elem.eventType === "Success"
         })
         if (!(!!SuccessEvent) && event.eventType === "onLoad") {
+          if (!(!!event.events)) {
+            event.events = [];
+          }
           event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
         if (!(!!SuccessEvent) && (event.eventType === "onBack" || event.eventType === "onNext" || event.eventType === "onReset")) {
+          if (!(!!event.events)) {
+            event.events = [];
+          }
           event.events.push({ Handler: `${event.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
         }
         eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
@@ -46,30 +61,38 @@ export const extractEvents = (eventConfig: any) => {
   }
   return eventGroups;
 };
-
-interface funcParamsProps {
-  store: any,
-  dynamicData: any,
-  config: any,
-  uiSchema: any,
-  schema: any,
-  service: any,
-  userValue: any,
-  functionsProvider?: Record<string, any>
-}
 export default (funcParams: funcParamsProps) => {
   eventGroups = {}
-  eventGroups = extractEvents(funcParams.config)
+  if (pageData) {
+    if ((!isEmpty(pageData)) && typeof pageData === "object") {
+      eventGroups = extractEvents(pageData?.config)
+    }
+  }
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile, download: doDownload ,...funcParams.functionsProvider}, eventGroups,
+    serviceHolder: { downloadFile, download: doDownload, ...funcParams.functionsProvider }, eventGroups,
     functionsProvider: funcParams.functionsProvider,
   };
   return {
     setPage: async function () {
-      funcParams.store.setFormdata({});
-      const demoData = await asyncOperation();
+      funcParams.store.setFormdata({})
+
+      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData")
+      if (pageBasicDetailString) {
+        pageData = JSON.parse(pageBasicDetailString)
+      } else {
+        pageData = await funcParams.pageDataProvider();
+        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+          schema: pageData?.schema,
+          uiSchema: pageData?.uiSchema, config: pageData?.config
+        }))
+      }
+      const config = pageData?.config;
+      const uiSchema = pageData?.uiSchema;
+      const schema = pageData?.schema ?? { type: "object", properties: {} };
+      eventGroups = {}
+      eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
@@ -81,33 +104,48 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
-      const demoData2 = await asyncOperation();
       funcParams.store.setSchema(
         (pre: any) => {
           return {
-            ...funcParams.schema, properties:
-              { ...funcParams.schema.properties, ...pre.properties, }
+            ...schema, properties:
+              { ...schema.properties, ...pre.properties, }
           }
         }
       )
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
-     
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
+
     },
-    onClick: async function () {
-      await this.callHandler("onClick")
+    onCellRenderer: (cellParams) => {
+      if (eventGroups.onCellRenderer) {
+        let finalResponse = {};
+        const path = funcParams.dynamicData?.tableButtonPath || funcParams?.dynamicData?.path?.split(".")[0];
+        for (const eventConfig of eventGroups?.onCellRenderer[path]) {
+          executeEventsParameters.store.functionParameters = cellParams
+          finalResponse = executeEvents({
+            ...executeEventsParameters,
+            config: eventConfig,
+            componentName: path
+          })
+        }
+        return finalResponse
+      }
+      return {}
+    },
+    onClick: function () {
+      this.callHandler("onClick")
     },
-    onMount: async function () {
-      await this.callHandler("onMount")
+    onMount: function () {
+      this.callHandler("onMount")
     },
-    onFileDownload: async function () {
-      await this.callHandler("onDownload")
+    onFileDownload: function () {
+      this.callHandler("onDownload")
     },
-    onFileUpload: async function () {
-      await this.callHandler("onUpload")
+    onFileUpload: function () {
+      this.callHandler("onUpload")
     },
-    backHandler:function(){
-           funcParams.store.navigate(-1)
+    backHandler: function () {
+      funcParams.store.navigate(-1)
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
@@ -126,7 +164,7 @@ export default (funcParams: funcParamsProps) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ]
-        const response =  await this.updateConfigApiBody(param, apiBody);
+        const response = await this.updateConfigApiBody(param, apiBody);
         return response?.data;
       }
     },
@@ -196,7 +234,7 @@ export default (funcParams: funcParamsProps) => {
       if (eventGroups?.[eventType]?.[path] !== undefined) {
         for (const eventConfig of eventGroups?.[eventType]?.[path]) {
           executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
+          executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
@@ -204,19 +242,9 @@ export default (funcParams: funcParamsProps) => {
         }
       }
     },
+
     downloadFile: downloadFile,
     download: doDownload,
     ...funcParams.functionsProvider
   };
 };
-
-
-
-
-
-
-
-
-
-
-