From f0e3571b1a2a066c6aa3053b791876a5e30d755f Mon Sep 17 00:00:00 2001
From: MarcosPierasNL <pieras.marcos@gmail.com>
Date: Tue, 27 Aug 2024 10:27:50 +0200
Subject: [PATCH] fix: manage different types of tooltip content & styles
tooltip content box
---
.../visualizations/paohvis/components/HyperRangeBlock.tsx | 8 +++++++-
.../vis/visualizations/paohvis/components/RowLabels.tsx | 8 +++++++-
2 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx b/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx
index a90c9f44e..c17730c49 100644
--- a/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx
+++ b/libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx
@@ -193,7 +193,13 @@ export const HyperEdgeRangesBlock: React.FC<HyperEdgeRangesBlockProps> = ({
</TooltipTrigger>
<TooltipContent>
<div>
- <span>{row.data[indexRows]}</span>
+ <span className="overflow-hidden text-ellipsis whitespace-normal max-w-[300px] max-h-[100px] block">
+ {row.data[indexRows] !== undefined &&
+ row.data[indexRows] !== '' &&
+ (typeof row.data[indexRows] !== 'object' || Array.isArray(row.data[indexRows]))
+ ? row.data[indexRows].toString()
+ : 'NoData'}
+ </span>
</div>
</TooltipContent>
</Tooltip>
diff --git a/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx b/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx
index 7744fb88e..d7c97eb13 100644
--- a/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx
+++ b/libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx
@@ -131,7 +131,13 @@ export const RowLabels = ({
</TooltipTrigger>
<TooltipContent>
<div>
- <span>{row.data[indexRows]}</span>
+ <span className="overflow-hidden text-ellipsis whitespace-normal max-w-[300px] max-h-[100px] block">
+ {row.data[indexRows] !== undefined &&
+ row.data[indexRows] !== '' &&
+ (typeof row.data[indexRows] !== 'object' || Array.isArray(row.data[indexRows]))
+ ? row.data[indexRows].toString()
+ : 'NoData'}
+ </span>
</div>
</TooltipContent>
</Tooltip>
--
GitLab