@visns-studio/visns-components 5.1.10 → 5.1.12

package/package.json

@@ -77,7 +77,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.1.10",
+    "version": "5.1.12",
     "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 }) {
@@ -19,6 +20,15 @@ function Breadcrumb({ data, page }) {
             ? getNestedData(data, page.parentTitleKey)
             : null;
 
+    // Function to handle titleKey when it's a nested path like 'event_detail.name'
+    const getTitleData = (data, titleKey) => {
+        if (typeof titleKey === 'string' && titleKey.includes('.')) {
+            const keys = titleKey.split('.'); // Split the nested path by "."
+            return getNestedData(data, keys); // Use getNestedData to fetch the nested value
+        }
+        return data[titleKey]; // If not nested, return the direct data
+    };
+
     return (
         <h1>
             {page?.parentTitle && page?.parentUrl && (
@@ -71,9 +81,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/generic/GenericDetail.jsx

@@ -502,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');