@visns-studio/visns-components 4.8.12 → 4.8.13

package/package.json

@@ -75,7 +75,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "4.8.12",
+    "version": "4.8.13",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/generic/GenericIndex.jsx

@@ -32,6 +32,7 @@ function useConfig(setting, tabs, filters, setRowsSelected, tableSetting) {
 
     useEffect(() => {
         setConfig({
+            export: setting.export || {},
             ajaxSetting: setting.ajaxSetting,
             form: setting.form,
             columns: setting.columns,
@@ -216,6 +217,37 @@ function GenericIndex({
         }
     }, [rowsSelected, setting?.functions?.checkboxUpdate]);
 
+    const handleExport = async (e) => {
+        try {
+            if (e) {
+                e.preventDefault();
+            }
+
+            console.info(config, setting);
+
+            const res = await Download(
+                config.export.url,
+                config.export.method,
+                {}
+            );
+
+            if (res.data.error) {
+                toast.error(res.data.error);
+            } else {
+                // Assuming the response contains a Blob or similar data
+                if (res.data && res.data instanceof Blob) {
+                    const fileName = `${config.export.filename}`;
+                    saveAs(res.data, fileName);
+                } else {
+                    // Handle the case where the response is not a Blob
+                    toast.error('Invalid file format received.');
+                }
+            }
+        } catch (err) {
+            console.error(err);
+        }
+    };
+
     const renderTable = useCallback(() => {
         const isConfigValid = (config) => {
             return (
@@ -387,6 +419,14 @@ function GenericIndex({
                     </button>
                 </div>
             )}
+
+            {setting.export?.label && (
+                <div className={styles.polActions}>
+                    <button className={styles.btn} onClick={handleExport}>
+                        {setting.export.label}
+                    </button>
+                </div>
+            )}
         </>
     );
 }