@centreon/ui 24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.5 → 24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.5",
+  "version": "24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.6",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/components/Zoom/Minimap.tsx

@@ -29,13 +29,16 @@ const Minimap = ({
     zoom
   });
 
+  const finalHeight = Math.max(contentClientRect?.height || 0, height);
+  const finalWidth = Math.max(contentClientRect?.width || 0, width);
+
   return (
     <g className={classes.minimap} clipPath="url(#zoom-clip)">
       <rect
         className={classes.minimapBackground}
-        height={Math.max(contentClientRect?.height || 0, height)}
+        height={finalHeight}
         rx={radius}
-        width={Math.max(contentClientRect?.width || 0, width)}
+        width={finalWidth}
       />
       {children}
       <rect
@@ -49,9 +52,9 @@ const Minimap = ({
       <rect
         data-testid="minimap-interaction"
         fill="transparent"
-        height={Math.max(contentClientRect?.height || 0, height)}
+        height={finalHeight}
         rx={radius}
-        width={Math.max(contentClientRect?.width || 0, width)}
+        width={finalWidth}
         onMouseDown={transformTo}
         onMouseMove={move}
         onWheel={zoomInOut}

package/src/components/Zoom/localPoint.ts

@@ -4,7 +4,6 @@ import type {
   TouchEvent as ReactTouchEvent
 } from 'react';
 
-import { has } from 'ramda';
 import { Point } from '@visx/point';
 
 type EventType =
@@ -44,16 +43,7 @@ const getXAndYFromEvent = (event?: EventType): PointCoords => {
     };
   }
 
-  const boundingClientRect = has('getBoundingClientRect', event.target)
-    ? event.target.getBoundingClientRect()
-    : null;
-
-  if (!boundingClientRect) return { ...DEFAULT_POINT };
-
-  return {
-    x: boundingClientRect.x + boundingClientRect.width / 2,
-    y: boundingClientRect.y + boundingClientRect.height / 2
-  };
+  return { ...DEFAULT_POINT };
 };
 
 export const localPoint = (event: EventType): PointCoords | null => {