impaktapps-ui-builder 0.0.382456 → 0.0.382460

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

@@ -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,72 +39,234 @@ 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 (!(!!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 })
       });
     }
   }
-
   extractsConfigEvents(eventConfig)
   if (eventConfig?.elements) {
     eventConfig.elements.forEach(extractEvents);
   }
   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)
+  const formDataHolder = {}
+  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 }, eventGroups
+    serviceHolder: { downloadFile, download: doDownload, ...funcParams.functionsProvider }, eventGroups,
+    functionsProvider: funcParams.functionsProvider, formDataHolder
   };
   return {
     setPage: async function () {
       funcParams.store.setFormdata({});
+      funcParams.store.newData = {};
+      const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData")
+      if (pageBasicDetailString) {
+        pageData = JSON.parse(pageBasicDetailString)
+      } else {
+        pageData = await funcParams.pageDataProvider();
+        sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
+          schema: pageData?.schema,
+          uiSchema: pageData?.uiSchema, config: pageData?.config
+        }))
+      }
+      const config = pageData?.config;
+      const uiSchema = pageData?.uiSchema;
+      const event = new CustomEvent('pageNameChanged', {
+        detail: { pageName: config.label }
+      });
+      window.dispatchEvent(event)
+      const theme = funcParams?.store?.theme?.myTheme;
+      uiSchema.elements.push(
+
+        {
+          type: "HorizontalLayout",
+          config: {
+            main: {
+              direction: "row",
+            },
+            style: {
+              flexDirection: "row",
+              position: "absolute",
+              bottom: 0,
+              height: "fit-content",
+              overflow: "hidden",
+              zIndex: 1000,
+              width: "inherit",
+            },
+          },
+          elements: [
+            {
+              type: "Control",
+              scope: "#/properties/FooterText",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Copywriter@ACT21.IO",
+                },
+                style: {
+                  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,
+                  transform: "translate(-50%, 0%)",
+                },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/FooterBackIcon",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  iconName: "PrevIcon",
+                  onClick: "backHandler",
+                  width: "fit-content",
+                },
+                style: {
+                  fill: theme?.palette?.primary?.main,
+                  width: 20,
+                  height: 0,
+                  // margin: 0,
+                  top: 0,
+                  right: { xs: "12px", sm: "84px" },
+                  position: "absolute",
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  ":hover": {
+                    fill: theme?.palette?.primary?.dark,
+                  },
+                  marginRight: "13px",
+                },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/FooterBackHandlerText",
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Previous Page",
+                  onClick: "backHandler",
+                },
+                style: {
+                  display: { xs: "none", sm: "flex" },
+                  textAlign: "left",
+                  lineHeight: 1,
+                  height: 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,
+                  },
+                  marginRight: "4px",
+                },
+              },
+            },
+          ],
+        }
+      );
+      const schema = pageData?.schema ?? { type: "object", properties: {} };
+      eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        serviceHolder: this, eventGroups
+        functionsProvider: funcParams.functionsProvider,
+        serviceHolder: this, eventGroups, formDataHolder
       }
+      await executeRefreshHandler({
+        config: {}, componentName: "",
+        store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
+        serviceHolder: this, eventGroups, formDataHolder
+      })
       funcParams.store.setSchema(
         (pre: any) => {
           return {
-            ...funcParams.schema, properties:
-              { ...funcParams.schema.properties, ...pre.properties, }
+            ...schema,...pre, properties:
+              { ...schema.properties, ...pre.properties, }
           }
         }
       )
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
-      await executeRefreshHandler({
-        config: {}, componentName: "",
-        store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        serviceHolder: this, eventGroups
-      })
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
+    },
+    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: 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)
+    },
+    onRowMovement: async function (paginationValues) {
+      const apiBody = [
+        { key: "direction", value: paginationValues.rowMovement.direction },
+        { key: "movedRowId", value: paginationValues.rowMovement.movedRowId },
+        { key: "targetRowId", value: paginationValues.rowMovement.targetRowId || [] }
+      ]
+      await this.callExecuteEvents({ path: paginationValues?.path }, apiBody, "onRowMovement");
+      const response = await this.callExecuteEvents({ path: paginationValues?.path }, apiBody, "onLoad");
+      return response?.data;
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
@@ -105,7 +276,7 @@ export default (funcParams: funcParamsProps) => {
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
       ]
-      const response = await this.updateConfigApiBody(paginationValues, apiBody);
+      const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response?.data;
     },
     getSelectOptions: async function (param) {
@@ -114,7 +285,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.callExecuteEvents(param, apiBody);
+        return response?.data;
       }
     },
     onChange: async function () {
@@ -136,9 +308,9 @@ export default (funcParams: funcParamsProps) => {
         }))
       }
     },
-    updateConfigApiBody: async function (paramValue, apiBody) {
+    callExecuteEvents: async function (paramValue, apiBody, eventType: string) {
       let LastCallResponse = undefined;
-      for (const eventConfig of eventGroups?.onLoad[paramValue.path]) {
+      for (const eventConfig of eventGroups?.[eventType]?.[paramValue.path]) {
         if (eventConfig.body) {
           eventConfig.body = [
             ...eventConfig.body,
@@ -181,28 +353,18 @@ export default (funcParams: funcParamsProps) => {
     callHandler: async function (eventType: string, functionParameters?: any) {
       const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
       if (eventGroups?.[eventType]?.[path] !== undefined) {
-        for (const eventConfig of eventGroups?.[eventType]?.[path]) {
+        Promise.all(eventGroups?.[eventType]?.[path].map((eventConfig) => {
           executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
+          executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
           })
-        }
+        }))
       }
     },
     downloadFile: downloadFile,
-    download:doDownload,
+    download: doDownload,
+    ...funcParams.functionsProvider
   };
 };
-
-
-
-
-
-
-
-
-
-
-

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

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