impaktapps-ui-builder 0.0.382 → 0.0.384-alpha.0

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

@@ -1,2 +1 @@
 export declare const downloadFile: (obj: any) => void;
-export declare const doDownload: (response: any, service: any) => void;

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

@@ -17,11 +17,6 @@ declare const _default: (funcParams: funcParamsProps) => {
     getSelectOptions: (param: any) => Promise<any>;
     onChange: () => Promise<void>;
     updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
-    onBack: (functionParameters: any) => Promise<void>;
-    onNext: (functionParameters: any) => Promise<void>;
-    onReset: (functionParameters: any) => Promise<void>;
-    callHandler: (eventType: string, functionParameters?: any) => Promise<void>;
     downloadFile: (obj: any) => void;
-    download: (response: any, service: any) => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.382",
+    "version": "0.0.384-alpha.0",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -24,7 +24,7 @@ const FileInput = {
   export const buildFileInput = (config,componentScope) => {
     const box: any = _.cloneDeep(FileInput);
     box.scope = componentScope;
-    box.config.main.label = config.label
+    box.config.main.heading = config.label
     if(config.layout){
       box.config.layout = createLayoutFormat(config.layout)
     }

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

@@ -21,7 +21,7 @@ const RadioUiSchema = {
   export const buildRadio = (config,componentScope) => {
     const Radio: any = _.cloneDeep(RadioUiSchema);
     Radio.scope = componentScope;
-    Radio.config.main.label = config.label
+    Radio.config.main.heading = config.label
     if(config.layout){
         Radio.config.layout = createLayoutFormat(config.layout)
     }

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

@@ -16,7 +16,7 @@ export const buildTable = (config: any, componentScope: string) => {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
   };
   if (config.ColumnResizingAvailable) {
-    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true
+    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? true : false
   };
   if (config.DragAvailable) {
     table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false

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

@@ -34,9 +34,6 @@ import { buildEmptyBox } from "./buildEmptyBox";
 import { buildArray } from "./buildArray";
 import { buildAdhaarField, buildPanField } from "./buildAadharCard";
 import { buildFileInput } from "./buildFileInput";
-import { buildStepper } from "./buildStepper";
-import { buildPopUp } from "./buildPop";
-import { buildDataGrid } from "./buildDataGrid";
 export let schema = {
   type: "object",
   properties: {},
@@ -67,14 +64,14 @@ function buildRule(configObj: any, tableName?: string, arrayHolderName?: boolean
       }
     }
   } else if ((configObj.type === "Select" || configObj.type === "MultipleSelect") && configObj.value?.length > 0) {
-    if (configObj.type === "Select") {
+    if (configObj.type === "Select" ) {
       schema.properties[configObj.name] = {
         oneOf: configObj.value.map((e) => {
           return { const: e.value, title: e.label }
         })
       }
     }
-    else if (configObj.type === "MultipleSelect") {
+    else if (configObj.type === "MultipleSelect" ) {
       schema.properties[configObj.name] = {
         items: {
           oneOf: configObj.value.map((e) => {
@@ -167,30 +164,21 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
-    case "DataGrid":
-      elements = buildDataGrid(config, componentScope);
-      break;
-    case "Stepper":
-      elements = buildStepper(config, componentScope);
-      break;
-    case "PopUp":
-      elements = buildPopUp(config, componentScope);
-      break;
     case "FileInput":
       elements = buildFileInput(config, componentScope);
       break;
     case "AadharcardText":
       elements = buildAdhaarField(config, componentScope);
       break;
-    case "PanCardText":
+      case "PanCardText":
       elements = buildPanField(config, componentScope);
       break;
-    case "TabSection":
-      elements = buildTabSection(config, componentScope);
-      break;
+      case "TabSection":
+        elements = buildTabSection(config, componentScope);
+        break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
-      break;
+    break;
     case "WrapperSection":
       elements = buildWrapperSection(config, componentScope);
       break;
@@ -299,25 +287,17 @@ const buildUiSchema = (config: any) => {
       return elements;
     }
     else if (config.type == "Table") {
-      const sizeMap = {}
-      if (config.sizeHolder) {
-         config.sizeHolder.map((e, i) => {
-          sizeMap[e.keyName] = e.value
-        });
-      }
       elements.elements = config.elements.map((e, elemInd) => {
         if (e.type) {
           return {
             accessorKey: e.name,
             header: e.label || e.name,
-            size: sizeMap[e.name]|| 180,
             widget: buildUiSchema(e)
           }
         }
         return {
           accessorKey: e.name,
-          header: e.label || e.name,
-          size:  sizeMap[e.name]|| 180
+          header: e.label || e.name
         }
       })
     }

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

@@ -1,4 +1,3 @@
-import { createLayoutFormat } from "./buildConfig";
 import WrapperSection from "./uischema/wrapperSection";
 import _ from "lodash";
 
@@ -6,11 +5,5 @@ export const buildWrapperSection = (config,componentScope) =>{
     const wrapper: any = _.cloneDeep(WrapperSection);
     wrapper.config.main.label = config.label;
     wrapper.config.main.divider = config.divider === "YES" ? true : false;
-    if (config.style) {
-        wrapper.config.style = JSON.parse(config.style)
-      }
-      if (config.layout) {
-        wrapper.config.layout = createLayoutFormat(config.layout)
-      }
     return wrapper;
 }

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

@@ -19,61 +19,6 @@ const EmptyBox = {
     },
   },
 };
-const cardLayout =  {
-  type: "Control",
-  scope: "#/properties/cardLayout",
-  layout: 11.5,
-  options: {
-    detail: {
-      type: "HorizontalLayout",
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/key",
-          options: {
-            widget: "SelectInputField",
-          },
-          config: {
-            layout: {
-              xs: 11,
-              sm: 11,
-              md: 5.5,
-              lg: 5.5,
-            },
-            main: {
-              label: "Screen Size",
-            
-            },
-          },
-        },
-        {
-          type: "Control",
-          scope: "#/properties/value",
-
-          options: {
-            widget: "InputField",
-          },
-          config: {
-            layout: {
-              xs: 11,
-              sm: 11,
-              md: 5.5,
-              lg: 5.5,
-            },
-            main: {
-              label: "Value",
-              type:"number",
-              // freeSolo:true,
-              helperText:'Number should be in range of 0 to 12',
-              errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
-             
-            },
-          },
-        },
-      ],
-    },
-  },
-};
 const getArrayControl = (parentScope: string, childScope: string, childLabel?: string,) => {
   return {
     type: "Control",
@@ -108,27 +53,7 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
       },
     },
   }
-};
-const sizeHolder = getArrayControl("sizeHolder", "keyName", "Component Name");
-sizeHolder.options.detail.elements[1] = {
-  type: "Control",
-  scope: `#/properties/value`,
-
-  options: {
-    widget: "InputField",
-  },
-  config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
-    },
-    main: {
-      label: "Size",
-    },
-  },
-};
+}
 const getInputField = (scope: String, label: String) => {
   return {
     type: "Control",
@@ -235,38 +160,6 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-    case "DataGrid":
-      uiSchema.elements = [
-        getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
-        getInputField("elevation", "Card Elevation"),
-        getInputField("height", "Grid height"),
-        getInputField("justifyContent", "justifyContent"),
-        cardLayout,
-      ]
-      break;
-    case "Stepper":
-      uiSchema.elements = [
-        getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
-        getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
-        getInputField("resetText", "Reset Text"),
-        getInputField("completeText", "Complete Text"),
-        getSelectField("orientation", "Orientation Type", [
-          { label: "Horizontal", value: "horizontal" },
-          { label: "Vertical", value: "vertical" },
-        ]),
-
-        getArrayControl("sectionLabels", "label")
-
-      ]
-      break;
-    case "PopUp":
-      uiSchema.elements = [
-        getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
-        getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
-        getInputField("maxWidth", "Max. Width"),
-        EmptyBox
-      ]
-      break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
@@ -376,7 +269,6 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
         getInputField("selectKey", "Selection Key"),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
-        sizeHolder
       ]
       break;
     case "Radio":

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

@@ -10,7 +10,6 @@ export const ComponentSchema: any = {
         { title: "Card", const: "card" },
         { title: "CheckBox", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
-        { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
@@ -20,13 +19,11 @@ export const ComponentSchema: any = {
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
         { title: "PanCardText", const: "PanCardText" },
-        { title: "Popup Container", const: "PopUp" },
         { title: "ProgressBar", const: "ProgressBar" },
         { title: "ProgressBar Card", const: "ProgressBarCard" },
         { title: "Select", const: "Select" },
         { title: "Slider", const: "Slider" },
         { title: "SpeedoMeter", const: "SpeedoMeter" },
-        { title: "Stepper Container", const: "Stepper" },
         { title: "Radio", const: "Radio" },
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
@@ -38,11 +35,6 @@ export const ComponentSchema: any = {
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },]
     },
-    orientation:{
-      oneOf: [
-      { title: "Horizontal", const: "horizontal" },
-      { title: "Vertical", const: "vertical" },
-    ]},
     method: {
       type: "string",
       oneOf: [
@@ -73,27 +65,6 @@ export const ComponentSchema: any = {
         },
       },
     },
-    cardLayout: {
-      type: "array",
-      items: {
-        type: "object",
-        properties: {
-          key: {
-            type: "string",
-            oneOf: [
-              { title: "Extra Small", const: "xs" },
-              { title: "Small", const: "sm" },
-              { title: "Medium", const: "md" },
-              { title: "Large", const: "lg" },
-            ],
-          },
-          value: {
-            // type: "string",
-      
-          },
-        },
-      },
-    },
     value: {
       type: "array",
       items: {
@@ -163,20 +134,6 @@ export const ComponentSchema: any = {
         },
       },
     },
-    sizeHolder: {
-      type: "array",
-      items: {
-        type: "object",
-        properties: {
-          keyName: {
-            type: "string",
-          },
-          value:{
-            type:"string"
-          }
-        },
-      },
-    },
     legendLabels: {
       type: "array",
       items: {

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

@@ -39,15 +39,12 @@ export const EventSchema = {
       type: "string",
       oneOf: [
         { title: "Click Event", const: "onClick" },
-        { title: "Load Event", const: "onLoad" },
-        { title: "Change Event", const: "onChange" },
-        { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
-     
+        { title: "Load Event", const: "onLoad" },
         { title: "File Upload Event", const: "onUpload" },
-        { title: "Back Event", const: "onBack" },
-        { title: "Next Event", const: "onNext" },
         { title: "File Download Event", const: "onDownload" },
+        { title: "Change Event", const: "onChange" },
+        { title: "Success", const: "Success" },
         { title: "Fail", const: "Fail" }
       ]
     },
@@ -65,7 +62,6 @@ export const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" }
       ]
     },
     body: {

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

@@ -33,9 +33,6 @@ const sectionLabels = {
   Radio:["Core", "Properties", "style", "Event","Validation"],
   Text:["Core","Properties","style", "Event","Validation"],
   TextArea:["Core","Properties","style", "Event","Validation"],
-  PopUp: ["Core", "Components","Properties", "style"],
-  Stepper: ["Core", "Components","Properties","Event", "style"],
-  DataGrid: ["Core", "Components","Properties","Event", "style"],
 }
 
 

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

@@ -36,7 +36,6 @@ export default (
           uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
             { label: "RankProvider", value: "RankProvider" },
             { label: "Download File", value: "downloadFile" },
-            { label: "Download Blob File", value: "downloadBlobFile" }
           ])
           uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
           schema.required = ["eventType", "Handler", "inBuiltFunctionType"]

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

@@ -65,7 +65,7 @@ export async function saveHandler(store, service, submitHandler, pageName?: stri
     if (_.isEmpty(store.ctx.core.errors)) {
         try {
             const saveReturn = await submitHandler(store, service, config);
-            navigateHandler(store, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords")
+            navigateHandler(store, true, pageName ? `/${pageName}?id=${saveReturn.id}` : "/PageMasterRecords")
         } catch (err) {
             navigateHandler(store, false)
         }

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

@@ -1,32 +1,17 @@
-export const downloadFile = (obj: any) => {
+export  const downloadFile = (obj: any) => {
     const typeArr = obj.name.split(".");
     const data = obj.data;
     const finalData = window.atob(data);
-    let file;
-    file = new File([finalData], typeArr[typeArr.length - 1]);
-
+    let file ;
+    file = new File([finalData],  typeArr[typeArr.length - 1] );
+    
     const url = URL.createObjectURL(file);
     const link = document.createElement("a");
-    link.href = typeArr[typeArr.length - 1] === 'pdf' ? 'data:application/octet-stream;base64,' + data : url;
+    link.href = typeArr[typeArr.length - 1] === 'pdf' ?'data:application/octet-stream;base64,' + data: url;
     link.download = `${obj.name}`;
     document.body.appendChild(link);
     link.click();
-
+  
     URL.revokeObjectURL(url);
     document.body.removeChild(link);
-};
-
-export const doDownload = (response: any, service) => {
-    let url = `${service.defaults.baseURL}/${response.path}`;
-    if (response?.params) {
-        const keysArray = Object.keys(response?.params);
-        keysArray.map((e, i) => {
-            url = url + `${i === 0?"?":"&"}${e}=${response?.params[e]}`
-        })
-    }
-    const link = document.createElement('a');
-    link.href = url;
-    document.body.appendChild(link);
-    link.click();
-    link.parentNode.removeChild(link);
-};
+    };

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

@@ -44,18 +44,9 @@ async function executeEventsHandler(params: handlersProps) {
   }
   else if (params.config.Handler === "mergeFormdata") {
     const result = await mergeFormdata(
-      params.parentEventOutput, params.componentName, params.config, params.store, params.service)
+      params.parentEventOutput, params.componentName, params.config, params.store,params.service)
     return result;
   }
-  else if (params.config.Handler === "onBackHandler") {
-    return params.store.functionParameters?.handleBack()
-  }
-  else if (params.config.Handler === "onNextHandler") {
-    return params.store.functionParameters?.handleNext()
-  }
-  else if (params.config.Handler === "onResetHandler") {
-    return params.store.functionParameters?.handleReset()
-  }
 }
 export async function executeRefreshHandler(params: handlersProps) {
   const compToRefresh: string[] = getRefreshElements(params.config, params.eventGroups)
@@ -87,7 +78,7 @@ async function executeInBuiltFunctionHandler(params: handlersProps) {
     const makeFunc = eval(params.config.funcParametersCode)
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
   }
-  params.serviceHolder[params.config.inBuiltFunctionType](parameter,params.service)
+  params.serviceHolder[params.config.inBuiltFunctionType](parameter)
 }
 
 async function executeCustomHandler(params: handlersProps) {
@@ -96,7 +87,7 @@ async function executeCustomHandler(params: handlersProps) {
   return response;
 }
 
-async function mergeFormdata(handlerResponse: any, componentName: string, eventConfig: any, store: any, service: 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 {
@@ -117,7 +108,7 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
             ...pre.properties?.[componentName],
             type: "array",
             items: {
-              oneOf: handlerResponse?.data
+              oneOf: handlerResponse.data
             }
           }
         }
@@ -132,7 +123,7 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
   else {
     if (handlerResponse) {
       store.setFormdata((pre) => { return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data } });
-      const demoData = await asyncOperation();
+      const demoData =  await service.get("https://jsonplaceholder.typicode.com/posts/1");
     }
   }
 }
@@ -174,7 +165,7 @@ async function shouldEventExecute(params: handlersProps) {
   if (startEvent?.length > 0) {
     const response = await executeEventsHandler({ ...params, config: startEvent[0] });
     return response;
-  } else {
+  }else{
     return true
   }
 }
@@ -212,15 +203,3 @@ export function getRefreshElements(eventConfig: any, eventGropus: any) {
   return result;
 }
 
-
-function asyncOperation() {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      const success = true;
-      if (success) {
-        resolve("Operation completed successfully!");
-        reject(new Error("Operation failed!"));
-      }
-    }, 50);
-  });
-}