impaktapps-ui-builder 0.0.366 → 0.0.369

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

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

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

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

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

@@ -22,5 +22,6 @@ declare const _default: (funcParams: funcParamsProps) => {
     onReset: (functionParameters: any) => Promise<void>;
     callHandler: (eventType: string, functionParameters?: any) => Promise<void>;
     downloadFile: (obj: any) => void;
+    downloadBlobFile: (response: any) => void;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.366",
+    "version": "0.0.369",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -0,0 +1,45 @@
+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;
+    DataGrid.config.main.useWrapper = config.useWrapper === "NO" ? false : true;
+    if (config.elevation) {
+        DataGrid.config.main.elevation = +config.elevation;
+    }
+    if (config.height) {
+        DataGrid.config.main.height = `${config.height}px`;
+    }
+    if (config.label) {
+        DataGrid.config.main.label = config.label;
+    }
+    if (config.layout) {
+        DataGrid.config.layout = createLayoutFormat(config.layout)
+    }
+    if (config.style) {
+        DataGrid.config.style = JSON.parse(config.style)
+    }
+    return DataGrid;
+}

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

@@ -36,6 +36,7 @@ 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: {},
@@ -166,6 +167,9 @@ 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;

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

@@ -53,9 +53,9 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
       },
     },
   }
-} ;
-const sizeHolder = getArrayControl("sizeHolder","keyName","Component Name");
-sizeHolder.options.detail.elements[1] =   {
+};
+const sizeHolder = getArrayControl("sizeHolder", "keyName", "Component Name");
+sizeHolder.options.detail.elements[1] = {
   type: "Control",
   scope: `#/properties/value`,
 
@@ -180,6 +180,12 @@ const GraphSection = {
 export const buildPropertiesSection = function (type: String) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+    case "DataGrid":
+      uiSchema.elements = [
+        getRadioInputField("useWrapper", "use Item Wrapper", ["YES", "NO"]),
+        getInputField("elevation", "Item Wrapper Elevation"),
+      ]
+      break;
     case "Stepper":
       uiSchema.elements = [
         getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),

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

@@ -10,6 +10,7 @@ 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" },

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

@@ -14,4 +14,14 @@ export  const downloadFile = (obj: any) => {
   
     URL.revokeObjectURL(url);
     document.body.removeChild(link);
-    };
+    };
+
+    export  const downloadBlobFile = (response: any) => {
+         const url = window.URL.createObjectURL(new Blob([response.data]));
+         const link = document.createElement('a');
+         link.href = url;
+         link.setAttribute('download', `${response.headers.data}`); 
+         document.body.appendChild(link);
+         link.click();
+         link.parentNode.removeChild(link);
+        };

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

@@ -1,5 +1,5 @@
 import _, { isEmpty } from "lodash";
-import { downloadFile } from "./downloadFile";
+import { downloadBlobFile, downloadFile } from "./downloadFile";
 import { executeEvents, executeRefreshHandler } from "./events";
 import { handlersProps } from "./interface";
 let compType: string;
@@ -191,7 +191,8 @@ export default (funcParams: funcParamsProps) => {
         }
       }
     },
-    downloadFile: downloadFile
+    downloadFile: downloadFile,
+    downloadBlobFile:downloadBlobFile,
   };
 };