impaktapps-ui-builder 0.0.409-m → 0.0.409-o

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

@@ -1,18 +1,19 @@
-export declare const extractEvents: (eventConfig: any) => any;
 interface funcParamsProps {
     store: any;
     dynamicData: any;
-    config: any;
-    uiSchema: any;
-    schema: any;
     service: any;
     userValue: any;
+    functionsProvider?: Record<string, any>;
 }
+export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
-    onClick: () => Promise<void>;
-    onFileDownload: () => Promise<void>;
-    onFileUpload: () => Promise<void>;
+    onCellRenderer: (cellParams: any) => {};
+    onClick: () => void;
+    onMount: () => void;
+    onFileDownload: () => void;
+    onFileUpload: () => void;
+    backHandler: () => void;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;

package/package.json

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

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

@@ -6,6 +6,7 @@ import { APISection } from "../build/uischema/apiSection";
 import { getRadioInputField, getSelectField, getTextArea } from "../build/uischema/buildPropertiesSection";
 import { refreshSectionUiSchema } from "../build/uischema/refresh";
 import _ from "lodash";
+import emptyBox from "../build/uischema/emptyBox";
 
 export default (
   store: any,
@@ -28,7 +29,8 @@ export default (
       if (handlerType) {
         if (handlerType === "custom") {
           uiSchema.elements[1].elements[0].elements[2] =  getRadioInputField("isSync","Run in Sync",["Yes","No"])
-          uiSchema.elements[1].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false)
+          uiSchema.elements[1].elements[0].elements[3] = emptyBox;
+          uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false)
           schema.required = ["eventType", "Handler", "eventCode"]
 
         } else if (handlerType === "api") {

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,14 @@ const notifyUiSchema = {
   layout: 6,
 };
 
+interface funcParamsProps {
+  store: any,
+  dynamicData: any,
+  service: any,
+  userValue: any,
+  functionsProvider?: Record<string, any>
+}
+
 export const extractEvents = (eventConfig: any) => {
   function extractsConfigEvents(eventConfigObj: any) {
     if (eventConfigObj.events) {
@@ -46,41 +54,53 @@ export const extractEvents = (eventConfig: any) => {
   }
   return eventGroups;
 };
-
-interface funcParamsProps {
-  store: any,
-  dynamicData: any,
-  config: any,
-  uiSchema: any,
-  schema: any,
-  service: any,
-  userValue: any,
-}
 export default (funcParams: funcParamsProps) => {
-  eventGroups = {}
-  eventGroups = extractEvents(funcParams.config)
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile, download: doDownload }, eventGroups
+    serviceHolder: { downloadFile, download: doDownload, ...funcParams.functionsProvider }, eventGroups,
+    functionsProvider: funcParams.functionsProvider,
   };
   return {
     setPage: async function () {
-      funcParams.store.setFormdata({});
-      funcParams.store.setSchema(
-        (pre: any) => {
-          return {
-            ...funcParams.schema, properties:
-              { ...funcParams.schema.properties, ...pre.properties, }
+      funcParams.store.setFormdata({})
+      const data = JSON.stringify({
+        pageName: funcParams.store.pageName
+      });
+      let pageData;
+      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData")
+      if (pageBasicDetailString) {
+        pageData = JSON.parse(pageBasicDetailString)
+      } else {
+        const pageId = await funcParams.service
+          .post("/page/getByName", data, {
+            headers: {
+              "Content-Type": "application/json",
+            },
+          });
+        const response = await funcParams.service.get(
+          `/page/getById?id=${pageId?.data?.id}`,
+          {
+            headers: {
+              "Content-Type": "application/json",
+            },
           }
-        }
-      )
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
-      await asyncOperation()
+        );
+        pageData = response.data;
+        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,
+        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this, eventGroups
       }
       await executeRefreshHandler({
@@ -88,15 +108,47 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
+      funcParams.store.setSchema(
+        (pre: any) => {
+          return {
+            ...schema, properties:
+              { ...schema.properties, ...pre.properties, }
+          }
+        }
+      )
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
+
+    },
+    onCellRenderer: (cellParams) => {
+      let finalResponse = {};
+      // cellParams.spanRef.current.style.color = "yellow";
+      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
+        })
+      }
+      console.log("finalResponse >> >> >> ", finalResponse)
+      return finalResponse
+    },
+    onClick: function () {
+      this.callHandler("onClick")
+    },
+    onMount: function () {
+      this.callHandler("onMount")
     },
-    onClick: async function () {
-      await this.callHandler("onClick")
+    onFileDownload: function () {
+      this.callHandler("onDownload")
     },
-    onFileDownload: async function () {
-      await this.callHandler("onDownload")
+    onFileUpload: function () {
+      this.callHandler("onUpload")
     },
-    onFileUpload: async function () {
-      await this.callHandler("onUpload")
+    backHandler: function () {
+      funcParams.store.navigate(-1)
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
@@ -115,7 +167,8 @@ export default (funcParams: funcParamsProps) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ]
-        return await this.updateConfigApiBody(param, apiBody)
+        const response = await this.updateConfigApiBody(param, apiBody);
+        return response?.data;
       }
     },
     onChange: async function () {
@@ -184,7 +237,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
@@ -192,18 +245,9 @@ export default (funcParams: funcParamsProps) => {
         }
       }
     },
+
     downloadFile: downloadFile,
     download: doDownload,
+    ...funcParams.functionsProvider
   };
 };
-
-
-
-
-
-
-
-
-
-
-