@visns-studio/visns-components 3.1.6 → 3.1.7

package/components/crm/Form.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { motion } from 'framer-motion';
 import { toast } from 'react-toastify';
+import { saveAs } from 'file-saver';
 import moment from 'moment';
 import parse from 'html-react-parser';
 import _ from 'lodash';
@@ -11,6 +12,7 @@ import { CircleX } from 'akar-icons';
 import '@inovua/reactdatagrid-community/index.css';
 
 import CustomFetch from './Fetch';
+import Download from './Download';
 import Field from './Field';
 import Table from './DataGrid';
 
@@ -377,8 +379,34 @@ function Form({
         );
     };
 
+    const handleDownload = async (e) => {
+        try {
+            if (e) {
+                e.preventDefault();
+            }
+
+            const extension = formSettings.download.extension;
+            const filename = formSettings.download.filename;
+            const method = 'POST';
+            const url = formSettings.download.url;
+
+            const res = await Download(url, method, formData);
+
+            // Using file-saver to save the file
+            const blob = new Blob([res.data], {
+                type: 'application/octet-stream',
+            });
+            saveAs(blob, `${filename}.${extension}`);
+        } catch (error) {
+            console.error(error);
+        }
+    };
+
     const handleSubmit = (e) => {
-        e.preventDefault();
+        if (e) {
+            e.preventDefault();
+        }
+
         let fields = formSettings.fields;
         let _inputClass = inputClass;
         let validation = '';
@@ -1098,6 +1126,12 @@ function Form({
                     )}
                 </form>
                 <div className="polActions">
+                    {formSettings?.download?.button?.label && (
+                        <button className="btn" onClick={handleDownload}>
+                            {formSettings.download.button.label}
+                        </button>
+                    )}
+
                     <button className="btn" onClick={handleSubmit}>
                         {formSettings?.save?.button?.label
                             ? formSettings.save.button.label

package/package.json

@@ -7,6 +7,7 @@
         "array-move": "^4.0.0",
         "awesome-debounce-promise": "^2.1.0",
         "axios": "^1.6.5",
+        "file-saver": "^2.0.5",
         "framer-motion": "^10.18.0",
         "html-react-parser": "^5.1.1",
         "lodash": "^4.17.21",
@@ -46,7 +47,7 @@
         "react-dom": "^17.0.1"
     },
     "name": "@visns-studio/visns-components",
-    "version": "3.1.6",
+    "version": "3.1.7",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "index.js",
     "scripts": {