impaktapps-ui-builder 0.0.382 → 0.0.383

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

@@ -1,5 +1,5 @@
-import _, { isEmpty } from "lodash";
-import { doDownload, downloadFile } from "./downloadFile";
+import _ from "lodash";
+import { downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
@@ -30,10 +30,7 @@ export const extractEvents = (eventConfig: any) => {
           return elem.eventType === "Success"
         })
         if (!(!!SuccessEvent) && event.eventType === "onLoad") {
-          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")) {
-          event.events.push({ Handler: `${event.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false })
+          event.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType,lazyLoading:eventConfig.lazyLoading==="YES"?true:false })
         }
         eventGroups[event.eventType][eventConfigObj.name].push({ ...event, type: compType })
       });
@@ -62,7 +59,7 @@ export default (funcParams: funcParamsProps) => {
   let executeEventsParameters: handlersProps = {
     config: {}, componentName: "",
     store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
-    serviceHolder: { downloadFile ,download:doDownload}, eventGroups
+    serviceHolder: {downloadFile}, eventGroups
   };
   return {
     setPage: async function () {
@@ -79,33 +76,54 @@ export default (funcParams: funcParamsProps) => {
               { ...funcParams.schema.properties, ...pre.properties, }
           }
         }
-      )
+        )
       funcParams.uiSchema.elements.push(notifyUiSchema);
       funcParams.store.setUiSchema(funcParams.uiSchema);
-      await executeRefreshHandler({
+      await executeRefreshHandler( {
         config: {}, componentName: "",
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
     },
     onClick: async function () {
-      await this.callHandler("onClick")
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.onClick[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
     },
-    onFileDownload: async function () {
-      await this.callHandler("onDownload")
+    onFileDownload:async () =>{
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.onDownload[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
     },
-    onFileUpload: async function () {
-      await this.callHandler("onUpload")
+    onFileUpload:async () =>{
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.onUpload[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
     },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
-        { key: "pageIndex", value: paginationValues.pagination.pageIndex },
+        { key: "pageIndex", value: paginationValues.pagination.pageIndex  },
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: paginationValues.globalFilter ?? '' }
       ]
-      const response = await this.updateConfigApiBody(paginationValues, apiBody);
+      const response =  await this.updateConfigApiBody(paginationValues, apiBody);
       return response?.data;
     },
     getSelectOptions: async function (param) {
@@ -157,42 +175,7 @@ export default (funcParams: funcParamsProps) => {
       }
       return LastCallResponse
     },
-    onBack: async function (functionParameters) {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onBack", functionParameters)
-      if (eventGroups?.["onBack"]?.[path] === undefined) {
-        functionParameters?.handleBack()
-      }
-    },
-    onNext: async function (functionParameters) {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onNext", functionParameters)
-      if (eventGroups?.["onNext"]?.[path] === undefined) {
-        functionParameters?.handleNext()
-      }
-    },
-    onReset: async function (functionParameters) {
-      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
-      await this.callHandler("onReset", functionParameters)
-      if (eventGroups?.["onReset"]?.[path] === undefined) {
-        functionParameters?.handleReset()
-      }
-    },
-    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]) {
-          executeEventsParameters.store.functionParameters = functionParameters
-          await executeEvents({
-            ...executeEventsParameters,
-            config: eventConfig,
-            componentName: path
-          })
-        }
-      }
-    },
-    downloadFile: downloadFile,
-    download:doDownload,
+    downloadFile: downloadFile
   };
 };
 

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

@@ -1 +0,0 @@
-export declare const buildDataGrid: (config: any, componentScope: any) => any;

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

@@ -1 +0,0 @@
-export declare const buildPopUp: (config: any, componentScope: any) => any;

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

@@ -1 +0,0 @@
-export declare const buildStepper: (config: any, componentScope: any) => any;

package/src/impaktapps-ui-builder/builder/build/buildDataGrid.ts

@@ -1,51 +0,0 @@
-import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
-
-const dataGrid = {
-    "type": "Control",
-    "scope": "#/properties/dataGrid",
-    "layout": 12,
-    "options": {
-        "widget": "DataGrid"
-    },
-    elements: [
-    ],
-    "config": {
-        "main": {
-            // "label": "Data Grid",
-            elevation: 0,
-            useWrapper: false
-        },
-        style: {
-
-        }
-    }
-};
-
-export const buildDataGrid = (config, componentScope) => {
-    const DataGrid: any = _.cloneDeep(dataGrid);
-    DataGrid.scope = componentScope;
-    if (config.elevation) {
-        DataGrid.config.main.elevation = +config.elevation;
-    }
-    DataGrid.config.main.divider = config.divider === "NO" ? false : true;
-    if (config.height) {
-        DataGrid.config.main.height = `${config.height}px`;
-    }
-    if (config.justifyContent) {
-        DataGrid.config.main.justifyContent = config.justifyContent;
-    }
-    if (config.label) {
-        DataGrid.config.main.label = config.label;
-    }
-    if (config.layout) {
-        DataGrid.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.cardLayout) {
-        DataGrid.config.cardLayout = createLayoutFormat(config.cardLayout)
-    }
-    if (config.style) {
-        DataGrid.config.style = JSON.parse(config.style)
-    }
-    return DataGrid;
-}

package/src/impaktapps-ui-builder/builder/build/buildPop.ts

@@ -1,43 +0,0 @@
-import { createLayoutFormat } from "./buildConfig";
-import WrapperSection from "./uischema/wrapperSection";
-import _ from "lodash";
-
-const PopUP =  {
-    type: "Control",
-    scope: "#/properties/text",
-    options: {
-      widget: "PopUp",
-    },
-    config: {
-      layout: {
-        xs: 12,
-        sm: 12,
-        md: 12,
-        lg: 12,
-      },
-      main: {
-        label: "PopUp",
-        fullScreen:false,
-        fullWidth:false,
-        maxWidth:false,
-        alignItems:false,
-        spacing:2
-      },
-      style:{}
-    },
-  }
-export const buildPopUp = (config,componentScope) =>{
-    const popup: any = _.cloneDeep(PopUP);
-    popup.scope = componentScope;
-    popup.config.main.title = config.label;
-    popup.config.main.fullScreen = config.fullScreen === "YES" ? true : false;
-    popup.config.main.fullWidth = config.fullWidth === "YES" ? true : false;
-    popup.config.main.maxWidth = config.maxWidth||false;
-    if (config.layout) {
-      popup.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.style) {
-      PopUP.config.style = JSON.parse(config.style)
-  }
-    return popup;
-}

package/src/impaktapps-ui-builder/builder/build/buildStepper.ts

@@ -1,45 +0,0 @@
-import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
-
-const Stepper = {
-    type: "Control",
-    scope: "#/properties/Stepper",
-    options: {
-        widget: "Stepper",
-    },
-
-    config: {
-        main: {
-            steps: [{ label: "First" }, { label: "Second" }, { label: "Third" }],
-            resetButton: false,
-            resetText: "Reset",
-            orientation: "vertical"
-        },
-    },
-    "elements":
-        [],
-};
-
-export const buildStepper = (config, componentScope) => {
-    const stepper: any = _.cloneDeep(Stepper);
-    stepper.scope = componentScope;
-    stepper.config.main.resetButton = config.resetButton === "YES" ? true : false;
-    if (config.defaultButtonAvailable) {
-        stepper.config.main.defaultButtonAvailable = config.defaultButtonAvailable === "YES" ? true : false;
-    }
-    stepper.config.main.resetText = config.resetText || "ResetData";
-    stepper.config.main.completeText = config.completeText || "Complete Text";
-    stepper.config.main.orientation = config.orientation || "horizontal";
-    if (config.sectionLabels) {
-        stepper.config.main.steps = config.sectionLabels.map((e, i: number) => {
-            return { label: e.label, id: i }
-        });
-    }
-    if (config.layout) {
-        stepper.config.layout = createLayoutFormat(config.layout)
-    }
-    if (config.style) {
-        stepper.config.style = JSON.parse(config.style)
-    }
-    return stepper;
-}