@centreon/ui 24.4.71 → 24.4.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "24.4.71",
+  "version": "24.4.72",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/TopCounterElements/TopCounterLayout.tsx

@@ -1,11 +1,13 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 import { makeStyles } from 'tss-react/mui';
 
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import { Badge, ClickAwayListener } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import type { SvgIcon } from '@mui/material';
+import { Badge, ClickAwayListener } from '@mui/material';
+
+import useCloseOnLegacyPage from './useCloseOnLegacyPage';
 
 const useStyles = makeStyles()((theme) => ({
   button: {
@@ -113,8 +115,8 @@ const TopCounterLayout = ({
 }: TopCounterLayoutProps): JSX.Element => {
   const { classes, cx } = useStyles();
   const [toggled, setToggled] = useState(false);
-
   const subMenuId = title.replace(/[^A-Za-z]/, '-');
+  useCloseOnLegacyPage({ setToggled });
 
   useEffect(() => {
     const closeMenu = (): void => setToggled(false);

package/src/TopCounterElements/useCloseOnLegacyPage.tsx

@@ -0,0 +1,39 @@
+import { Dispatch, SetStateAction, useEffect } from 'react';
+
+import { useLocation } from 'react-router-dom';
+
+interface Props {
+  setToggled: Dispatch<SetStateAction<boolean>>;
+}
+const useCloseOnLegacyPage = ({ setToggled }: Props): void => {
+  const { pathname, search } = useLocation();
+  const isLegacyRoute = pathname.includes('main.php');
+
+  const closeSubMenu = (): void => {
+    setToggled(false);
+  };
+
+  useEffect(() => {
+    const iframe = document.getElementById('main-content') as HTMLIFrameElement;
+
+    if (!isLegacyRoute) {
+      return () => undefined;
+    }
+
+    const closeSubMenuOnLegacyPage = (): void => {
+      iframe.contentWindow?.document?.addEventListener('click', closeSubMenu);
+    };
+
+    iframe.addEventListener('load', closeSubMenuOnLegacyPage);
+
+    return () => {
+      iframe.removeEventListener('load', closeSubMenuOnLegacyPage);
+      iframe.contentWindow?.document?.removeEventListener(
+        'click',
+        closeSubMenu
+      );
+    };
+  }, [pathname, search]);
+};
+
+export default useCloseOnLegacyPage;