@centreon/ui 24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.10 → 24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.10",
+  "version": "24.4.1-MON-34377-implement-tree-chart-on-centreon-ui.12",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",
@@ -82,7 +82,7 @@
     "@vitejs/plugin-react": "^4.2.1",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "axios-mock-adapter": "^1.22.0",
-    "cypress": "^13.7.0",
+    "cypress": "^13.7.1",
     "identity-obj-proxy": "^3.0.0",
     "jest-transform-stub": "^2.0.0",
     "mochawesome": "^7.1.3",

package/src/components/Zoom/Zoom.cypress.spec.tsx

@@ -196,7 +196,7 @@ describe('Zoom', () => {
     cy.findByTestId('zoom-content').should(
       'have.attr',
       'transform',
-      'matrix(1, 0, 0, 1, 200, 0)'
+      'matrix(1, 0, 0, 1, 0, 0)'
     );
 
     cy.makeSnapshot();

package/src/components/Zoom/useZoom.ts

@@ -6,6 +6,9 @@ import { equals, isNil } from 'ramda';
 import { localPoint } from './localPoint';
 import { ZoomState } from './models';
 
+const isLeftMouseButtonClicked = (e): boolean =>
+  !isNil(e.nativeEvent.which) && equals(e.nativeEvent.which, 1);
+
 interface UseZoomState {
   dragEnd: () => void;
   dragStart: (zoom: ProvidedZoom<SVGSVGElement> & ZoomState) => (e) => void;
@@ -14,19 +17,17 @@ interface UseZoomState {
 }
 
 export const useZoom = (): UseZoomState => {
-  const [startTranslate, setStartTranslate] = useState<Translate | undefined>(
-    undefined
-  );
-  const [startPoint, setStartPoint] = useState<Point | undefined>(undefined);
+  const [startTranslate, setStartTranslate] = useState<Translate | null>(null);
+  const [startPoint, setStartPoint] = useState<Point | null>(null);
 
   const dragStart = useCallback(
     (zoom: ProvidedZoom<SVGSVGElement> & ZoomState) =>
       (e): void => {
-        if (!isNil(e.nativeEvent.which) && !equals(e.nativeEvent.which, 1)) {
+        if (!isLeftMouseButtonClicked(e)) {
           return;
         }
         const { translateX, translateY } = zoom.transformMatrix;
-        setStartPoint(localPoint(e) || undefined);
+        setStartPoint(localPoint(e) || null);
         setStartTranslate({ translateX, translateY });
       },
     []
@@ -56,8 +57,8 @@ export const useZoom = (): UseZoomState => {
     [startPoint, startTranslate]
   );
   const dragEnd = useCallback((): void => {
-    setStartPoint(undefined);
-    setStartTranslate(undefined);
+    setStartPoint(null);
+    setStartTranslate(null);
   }, []);
 
   return {