add material symbols icons (#759)

* Add material symbols icon dependecy
---------

Signed-off-by: souissimai <[email protected]>

Author: souissimai

package-lock.json

@@ -36,6 +36,7 @@
     "dependencies": {
         "@ag-grid-community/locale": "^33.1.0",
         "@hello-pangea/dnd": "^18.0.1",
+        "@material-symbols/svg-400": "^0.31.2",
         "@react-querybuilder/dnd": "^8.2.0",
         "@react-querybuilder/material": "^8.2.0",
         "autosuggest-highlight": "^3.3.4",

package.json

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import LeftPanelClose from '@material-symbols/svg-400/outlined/left_panel_close.svg?react';
+import { useTheme } from '@mui/material';
+
+export function LeftPanelCloseIcon() {
+    const theme = useTheme();
+
+    return (
+        <LeftPanelClose
+            style={{
+                width: 24,
+                height: 24,
+                fill: theme.palette.text.primary,
+            }}
+        />
+    );
+}

src/components/icons/LeftPanelCloseIcon.tsx

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+import LeftPanelOpen from '@material-symbols/svg-400/outlined/left_panel_open.svg?react';
+import { useTheme } from '@mui/material';
+
+export function LeftPanelOpenIcon() {
+    const theme = useTheme();
+
+    return (
+        <LeftPanelOpen
+            style={{
+                width: 24,
+                height: 24,
+                fill: theme.palette.text.primary,
+            }}
+        />
+    );
+}

src/components/icons/LeftPanelOpenIcon.tsx

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export { LeftPanelOpenIcon } from './LeftPanelOpenIcon';
+export { LeftPanelCloseIcon } from './LeftPanelCloseIcon';

src/components/icons/index.ts

@@ -20,3 +20,4 @@ export * from './snackbarProvider';
 export * from './topBar';
 export * from './treeViewFinder';
 export * from './notifications';
+export * from './icons';