@visns-studio/visns-components 5.1.9 → 5.1.11

package/package.json

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

package/src/components/crm/Breadcrumb.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
+import dayjs from 'dayjs';
 import { CircleChevronRight } from 'akar-icons';
 
 function Breadcrumb({ data, page }) {
@@ -71,9 +72,15 @@ function Breadcrumb({ data, page }) {
                             ))}
                         </>
                     ) : (
+                        // If titleKey is a single string, display the corresponding data
                         <>
-                            {page.titleText && <span>{page.titleText} </span>}
-                            <span>{data[page.titleKey]}</span>
+                            {page?.titleType && page.titleType === 'date'
+                                ? dayjs(data[page.titleKey]).format(
+                                      page.titleFormat
+                                          ? page.titleFormat
+                                          : 'DD/MM/YYYY'
+                                  )
+                                : getTitleData(data, page.titleKey)}
                         </>
                     )}
                 </>

package/src/components/crm/Field.jsx

@@ -25,8 +25,6 @@ import VisnsDropZone from '../cms/DropZone';
 
 import 'react-toggle/style.css';
 import 'react-datepicker/dist/react-datepicker.css';
-import Item from '../cms/sorting/Item';
-
 function Field({
     api,
     autocompleteCallback,
@@ -102,6 +100,13 @@ function Field({
                 filter.sort = settings.order.sort;
             }
 
+            if (settings?.customParams) {
+                filter = {
+                    ...filter,
+                    ...settings.customParams,
+                };
+            }
+
             CustomFetch(settings.url, 'POST', filter, function (result) {
                 setOptions(result.data);
 
@@ -144,8 +149,6 @@ function Field({
                 break;
         }
 
-        console.info(settings);
-
         switch (settings.size) {
             case 'full':
                 setFormItemClass(`${styles.formItem} ${styles.fwItem}`);
@@ -159,10 +162,6 @@ function Field({
         }
     }, [settings, counter]);
 
-    useEffect(() => {
-        console.info(formItemClass);
-    }, [formItemClass]);
-
     const fetchChildDropdownData = (s, v) => {
         let filter = {};
 

package/src/components/crm/QrCode.jsx

@@ -27,10 +27,6 @@ const QrCode = ({ config, dataId }) => {
         fetchQrCode(config);
     }, []);
 
-    useEffect(() => {
-        console.info(qrCodeData);
-    }, [qrCodeData]);
-
     return (
         <>
             <div className={styles.gridtxt} ref={contentRef}>

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

@@ -165,7 +165,6 @@ function GenericDashboard({ setting }) {
     useEffect(() => {
         // Fetch data whenever filters are updated
         if (Object.keys(filters).length > 0) {
-            console.info(filters);
             fetchData(filters);
         }
     }, [filters]);

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

@@ -196,8 +196,6 @@ function GenericDetail({
 
     const handleOcrTemplateSave = async () => {
         try {
-            console.info(data);
-
             const res = await CustomFetch(
                 `${activeTabConfig.form.url}/${data.id}`,
                 'PUT',
@@ -504,12 +502,37 @@ function GenericDetail({
 
         const renderDateTime = () => formatDateTimeValue(value);
 
-        const renderFile = () =>
-            value ? (
-                <a href={value} target="_blank">
-                    Download
-                </a>
-            ) : null;
+        const renderFile = () => {
+            if (value) {
+                return (
+                    <a href={value} target="_blank">
+                        Download
+                    </a>
+                );
+            } else {
+                let fileData = null;
+
+                if (item.relation?.length > 0) {
+                    item.relation.forEach((r, rKey) => {
+                        if (rKey === 0) {
+                            fileData = data[r];
+                        } else {
+                            fileData = fileData[r];
+                        }
+                    });
+                }
+
+                if (fileData && fileData.temporary_url) {
+                    return (
+                        <a href={fileData.temporary_url} target="_blank">
+                            Download
+                        </a>
+                    );
+                } else {
+                    return null;
+                }
+            }
+        };
 
         const renderExist = () => (truncatedValue ? 'Yes' : 'No');