impaktapps-ui-builder 0.0.376 → 0.0.378

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

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

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

@@ -22,6 +22,6 @@ declare const _default: (funcParams: funcParamsProps) => {
     onReset: (functionParameters: any) => Promise<void>;
     callHandler: (eventType: string, functionParameters?: any) => Promise<void>;
     downloadFile: (obj: any) => void;
-    download: (response: 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.376",
+    "version": "0.0.378",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -10,7 +10,7 @@ const Stepper = {
 
     config: {
         main: {
-            steps:[{label:"First"}, {label:"Second"},{label: "Third"}],
+            steps: [{ label: "First" }, { label: "Second" }, { label: "Third" }],
             resetButton: false,
             resetText: "Reset",
             orientation: "vertical"
@@ -24,11 +24,14 @@ 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.label = config.sectionLabels.map((e, i: number) => {
+        stepper.config.main.steps = config.sectionLabels.map((e, i: number) => {
             return { label: e.label, id: i }
         });
     }

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" ? true : false
+    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true
   };
   if (config.DragAvailable) {
     table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false

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

@@ -67,14 +67,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) => {
@@ -182,15 +182,15 @@ const buildUiSchema = (config: any) => {
     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,17 +299,25 @@ 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
+          header: e.label || e.name,
+          size:  sizeMap[e.name]|| 180
         }
       })
     }

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

@@ -1,3 +1,4 @@
+import { createLayoutFormat } from "./buildConfig";
 import WrapperSection from "./uischema/wrapperSection";
 import _ from "lodash";
 
@@ -8,5 +9,8 @@ export const buildWrapperSection = (config,componentScope) =>{
     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

@@ -1,3 +1,4 @@
+
 import _ from "lodash";
 const EmptyBox = {
   type: "Control",
@@ -246,13 +247,14 @@ export const buildPropertiesSection = function (type: String) {
     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" },
         ]),
-        EmptyBox,
+
         getArrayControl("sectionLabels", "label")
 
       ]
@@ -374,6 +376,7 @@ 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

@@ -163,6 +163,20 @@ 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

@@ -65,7 +65,7 @@ export const EventSchema = {
       oneOf: [
         { title: "RankProvider", const: "RankProvider" },
         { title: "Download File", const: "downloadFile" },
-        { title: "Download", const: "download" },
+        { title: "Download", const: "download" }
       ]
     },
     body: {

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

@@ -35,6 +35,7 @@ const sectionLabels = {
   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,6 +36,7 @@ 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/runtime/services/downloadFile.ts

@@ -1,27 +1,37 @@
-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 clickDownloadLink = (response: any, service) => {
+    let url = `${service.defaults.baseURL}/${response.path}`;
+    if (response?.params) {
+        const keysArray = Object.keys(response?.params);
+        keysArray.map((e, i) => {
+            if (i === 0) {
+                url = url + `?${e}=${response?.params[e]}`
+            } else {
+                url = url + `&${e}=${response?.params[e]}`
+            }
 
-    export  const download = (response: any) => {
-        const url = window.URL.createObjectURL(new Blob([response.data]));
-        const link = document.createElement('a');
-        link.href = url;
-        link.setAttribute('download', `${response.headers.filename}`); 
-        document.body.appendChild(link);
-        link.click();
-        link.parentNode.removeChild(link);
-       };
+        })
+    }
+    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

@@ -87,7 +87,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.serviceHolder[params.config.inBuiltFunctionType](parameter,params.service)
 }
 
 async function executeCustomHandler(params: handlersProps) {

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

@@ -1,5 +1,5 @@
 import _, { isEmpty } from "lodash";
-import { download, downloadFile } from "./downloadFile";
+import { clickDownloadLink, downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
@@ -62,7 +62,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 }, eventGroups
+    serviceHolder: { downloadFile ,download:clickDownloadLink}, eventGroups
   };
   return {
     setPage: async function () {
@@ -192,7 +192,7 @@ export default (funcParams: funcParamsProps) => {
       }
     },
     downloadFile: downloadFile,
-    download:download
+    download:clickDownloadLink,
   };
 };