impaktapps-ui-builder 0.0.310 → 0.0.312

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

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

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

@@ -11,6 +11,8 @@ interface funcParamsProps {
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
     onClick: () => Promise<void>;
+    onFileDownload: () => Promise<void>;
+    onFileUpload: () => Promise<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.310",
+    "version": "0.0.312",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -0,0 +1,35 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+const FileInput = {
+    type: "Control",
+    scope: "#/properties/docAggrementCopy",
+    options: {
+      widget: "FileInput",
+    },
+    config: {
+      layout: 11.5,
+      main: {
+        required: false,
+        onUpload: "onFileUpload",
+        onDownload:"onFileDownload",
+        label:"Aggrement Copy"
+        // iconStyleDefault:true,
+      },
+      style: {
+        backgroundColor: "none",
+      },
+    },
+  };
+  export const buildFileInput = (config,componentScope) => {
+    const box: any = _.cloneDeep(FileInput);
+    box.scope = componentScope;
+    box.config.main.heading = config.label
+    if(config.layout){
+      box.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.style) {
+      box.config.style = JSON.parse(config.style)
+    }
+    return box;
+}

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

@@ -33,6 +33,7 @@ import { buildRadio } from "./buildRadio";
 import { buildEmptyBox } from "./buildEmptyBox";
 import { buildArray } from "./buildArray";
 import { buildAdhaarField, buildPanField } from "./buildAadharCard";
+import { buildFileInput } from "./buildFileInput";
 export let schema = {
   type: "object",
   properties: {},
@@ -163,6 +164,9 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "FileInput":
+      elements = buildFileInput(config, componentScope);
+      break;
     case "AadharcardText":
       elements = buildAdhaarField(config, componentScope);
       break;

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -13,6 +13,7 @@ export const ComponentSchema: any = {
         { title: "Date", const: "Date" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
+        { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },

package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts

@@ -41,6 +41,8 @@ export const EventSchema = {
         { title: "Click Event", const: "onClick" },
         { title: "onStart", const: "onStart" },
         { title: "Load Event", const: "onLoad" },
+        { title: "File Upload Event", const: "onUpload" },
+        { title: "File Download Event", const: "onDownload" },
         { title: "Change Event", const: "onChange" },
         { title: "Success", const: "Success" },
         { title: "Fail", const: "Fail" }

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

@@ -42,8 +42,8 @@ async function executeEventsHandler(params: handlersProps) {
     return await executeRefreshHandler(params)
   }
   else if (params.config.Handler === "mergeFormdata") {
-    const result = mergeFormdata(
-      params.parentEventOutput, params.componentName, params.config, params.store)
+    const result = await mergeFormdata(
+      params.parentEventOutput, params.componentName, params.config, params.store,params.service)
     return result;
   }
 }
@@ -86,7 +86,7 @@ async function executeCustomHandler(params: handlersProps) {
   return response;
 }
 
-function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any) {
+async function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any,service:any) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse?.data) && handlerResponse?.data)) {
     store.setSchema((pre) => {
       return {
@@ -122,6 +122,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
   else {
     if (handlerResponse) {
       store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
+      const demoData =  await service.get("https://jsonplaceholder.typicode.com/posts/1");
     }
   }
 }

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

@@ -70,7 +70,6 @@ export default (funcParams: funcParamsProps) => {
         serviceHolder: this, eventGroups
       }
       funcParams.store.setSchema(
-        // funcParams.schema
         (pre: any) => {
           return {
             ...funcParams.schema, properties:
@@ -85,10 +84,6 @@ export default (funcParams: funcParamsProps) => {
         store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
         serviceHolder: this, eventGroups
       })
-    
-
-     
-    
     },
     onClick: async function () {
       const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
@@ -100,6 +95,26 @@ export default (funcParams: funcParamsProps) => {
         })
       }
     },
+    onFileDownload:async () =>{
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.onFileDownload[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
+    },
+    onFileUpload:async () =>{
+      const path = funcParams.dynamicData?.tableButtonPath || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of eventGroups?.onFileUpload[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        })
+      }
+    },
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },