@visns-studio/visns-components 5.1.3 → 5.1.4

package/package.json

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

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

@@ -520,16 +520,25 @@ function GenericDetail({
             }
 
             // Split the string on both '\n' and '<br>' using a regular expression.
-            const lines = truncatedValue.split(/<br>|\\n/);
+            // Also handles any additional whitespace around the line breaks.
+            const lines = truncatedValue
+                .split(/<br\s*\/?>|\n/)
+                .map((line) => line.trim());
 
             if (lines.length === 0) {
                 return null;
             }
 
+            console.info(lines);
+
             return (
                 <>
                     {lines.map((line, index) => (
-                        <p key={index}>{line}</p>
+                        <React.Fragment key={index}>
+                            {line}
+                            {index < lines.length - 1 && <br />}{' '}
+                            {/* Add <br /> between lines */}
+                        </React.Fragment>
                     ))}
                 </>
             );