impaktapps-ui-builder 0.0.412-mtreemap.9 → 0.0.591

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

@@ -89,6 +89,118 @@ export default (funcParams: funcParamsProps) => {
       }
       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,
+              marginBottom: '-8px',
+              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: 1,
+                  width: 'fit-content',
+                  left: '50%',
+                  position: 'relative',
+                  margin: 0,
+                  flexGrow: 1,
+                  height: 0
+                }
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/backIcon",
+              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: '82px',
+                  position: 'absolute',
+                  fontSize: '12px',
+                  cursor: 'pointer',
+                  ':hover': {
+                    fill: theme.palette.primary.dark,
+                  }
+                }
+              }
+            },
+            {
+              type: "Control",
+              scope: "#/properties/text",
+
+              options: {
+                widget: "Box",
+              },
+              config: {
+                main: {
+                  heading: "Previous Page",
+                  onClick: "backHandler"
+                },
+                style: {
+                  textAlign: 'left',
+                  lineHeight: 1,
+                  height: 0,
+                  width: 'fit-content',
+                  color: theme.palette.primary.main,
+                  fontSize: "12px",
+                  cursor: 'pointer',
+                  marginLeft: '2px',
+                  marginRight: 0,
+                  top: 3,
+                  right: '12px',
+                  position: 'absolute',
+                  ':hover': {
+                    color: theme.palette.primary.dark,
+                  }
+                }
+              },
+            },
+          ]
+        }
+      );
       const schema = pageData?.schema ?? { type: "object", properties: {} };
       eventGroups = {}
       eventGroups = extractEvents(config);
@@ -96,15 +208,13 @@ export default (funcParams: funcParamsProps) => {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         functionsProvider: funcParams.functionsProvider,
-        serviceHolder: this, eventGroups
+        serviceHolder: this, eventGroups, formDataHolder
       }
       await executeRefreshHandler({
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-        serviceHolder: this, eventGroups,formDataHolder
+        serviceHolder: this, eventGroups, formDataHolder
       })
-     const jsonres =  await fetch('https://jsonplaceholder.typicode.com/todos/1');
-     const result = await jsonres.json()
       funcParams.store.setSchema(
         (pre: any) => {
           return {
@@ -147,6 +257,16 @@ export default (funcParams: funcParamsProps) => {
     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 = [
         { key: "size", value: paginationValues.pagination.pageSize },
@@ -155,7 +275,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) {
@@ -164,7 +284,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.callExecuteEvents(param, apiBody);
         return response?.data;
       }
     },
@@ -187,9 +307,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,
@@ -230,7 +350,6 @@ export default (funcParams: funcParamsProps) => {
       }
     },
     callHandler: async function (eventType: string, functionParameters?: any) {
-      formDataHolder = {}
       const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
       if (eventGroups?.[eventType]?.[path] !== undefined) {
         Promise.all(eventGroups?.[eventType]?.[path].map((eventConfig) => {