Merge branch 'main' into fix_export_csv_export_button_status

Author: sBouzols

package-lock.json

@@ -10,48 +10,48 @@
     },
     "dependencies": {
         "@emotion/react": "^11.14.0",
-        "@emotion/styled": "^11.14.0",
-        "@gridsuite/commons-ui": "0.123.0",
+        "@emotion/styled": "^11.14.1",
+        "@gridsuite/commons-ui": "0.126.0",
         "@hello-pangea/dnd": "^18.0.1",
-        "@hookform/resolvers": "^4.0.0",
-        "@mui/icons-material": "^5.16.14",
+        "@hookform/resolvers": "^4.1.3",
+        "@mui/icons-material": "^5.18.0",
         "@mui/lab": "5.0.0-alpha.175",
-        "@mui/material": "^5.16.14",
-        "@mui/x-charts": "^7.25.0",
-        "@mui/x-tree-view": "^7.28.1",
+        "@mui/material": "^5.18.0",
+        "@mui/x-charts": "^7.29.1",
+        "@mui/x-tree-view": "^7.29.1",
         "@powsybl/network-viewer": "1.11.0",
-        "@reduxjs/toolkit": "^2.5.1",
+        "@reduxjs/toolkit": "^2.9.0",
         "@svgdotjs/svg.js": "^3.2.4",
-        "@xyflow/react": "^12.4.2",
+        "@xyflow/react": "^12.8.4",
         "ag-grid-community": "^33.1.0",
-        "ag-grid-react": "^33.1.0",
+        "ag-grid-react": "^33.3.2",
         "clsx": "^2.1.1",
-        "core-js": "^3.40.0",
+        "core-js": "^3.45.1",
         "eventemitter3": "^5.0.1",
         "localized-countries": "^2.0.0",
-        "mathjs": "^14.2.1",
-        "mui-nested-menu": "^4.0.0",
+        "mathjs": "^14.7.0",
+        "mui-nested-menu": "^4.0.1",
         "plotly.js-basic-dist-min": "^2.35.3",
         "qs": "^6.14.0",
         "react": "^18.3.1",
         "react-csv-downloader": "^3.3.0",
         "react-dom": "^18.3.1",
-        "react-grid-layout": "^1.5.1",
-        "react-hook-form": "^7.54.2",
-        "react-intl": "^7.1.6",
+        "react-grid-layout": "^1.5.2",
+        "react-hook-form": "^7.62.0",
+        "react-intl": "^7.1.11",
         "react-papaparse": "^4.4.0",
         "react-plotly.js": "^2.6.0",
         "react-redux": "^9.2.0",
         "react-resizable": "^3.0.5",
-        "react-resizable-panels": "^2.1.7",
-        "react-router": "^7.4.1",
-        "react-virtualized-auto-sizer": "^1.0.25",
+        "react-resizable-panels": "^2.1.9",
+        "react-router": "^7.8.2",
+        "react-virtualized-auto-sizer": "^1.0.26",
         "react-window": "^1.8.11",
         "reconnecting-websocket": "^4.4.0",
         "redux": "^5.0.1",
         "typeface-roboto": "^1.1.13",
-        "uuid": "^11.0.5",
-        "yup": "^1.6.1"
+        "uuid": "^11.1.0",
+        "yup": "^1.7.0"
     },
     "overrides": {
         "@powsybl/network-viewer": {
@@ -75,11 +75,11 @@
         "licenses-check": "license-checker --summary --excludePrivatePackages --production --onlyAllow \"$( jq -r .onlyAllow[] license-checker-config.json | tr '\n' ';')\" --excludePackages \"$( jq -r .excludePackages[] license-checker-config.json | tr '\n' ';')\""
     },
     "devDependencies": {
-        "@babel/helper-builder-react-jsx": "^7.25.9",
+        "@babel/helper-builder-react-jsx": "^7.27.1",
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@babel/preset-env": "^7.26.8",
-        "@babel/preset-react": "^7.26.3",
-        "@babel/preset-typescript": "^7.26.0",
+        "@babel/preset-env": "^7.28.3",
+        "@babel/preset-react": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
         "@types/core-js": "^2.5.8",
         "@types/eslint": "^8.56.12",
         "@types/eslint-config-prettier": "^6.11.3",
@@ -89,44 +89,44 @@
         "@types/license-checker": "^25.0.6",
         "@types/localized-countries": "^2.0.3",
         "@types/lucene-escape-query": "^1.0.2",
-        "@types/node": "^22.13.4",
+        "@types/node": "^22.18.1",
         "@types/plotly.js-basic-dist-min": "^2.12.4",
-        "@types/qs": "^6.9.18",
-        "@types/react": "^18.3.18",
-        "@types/react-dom": "^18.3.5",
+        "@types/qs": "^6.14.0",
+        "@types/react": "^18.3.24",
+        "@types/react-dom": "^18.3.7",
         "@types/react-grid-layout": "^1.3.5",
         "@types/react-plotly.js": "^2.6.3",
         "@types/react-resizable": "^3.0.8",
         "@types/react-window": "^1.8.8",
         "@typescript-eslint/eslint-plugin": "^7.18.0",
         "@typescript-eslint/parser": "^7.18.0",
-        "@vitejs/plugin-react": "^4.3.4",
+        "@vitejs/plugin-react": "^4.7.0",
         "babel-eslint": "^10.1.0",
         "babel-preset-vite": "^1.1.3",
         "eslint": "^8.57.1",
-        "eslint-config-prettier": "^10.1.1",
+        "eslint-config-prettier": "^10.1.8",
         "eslint-config-react-app": "^7.0.1",
         "eslint-import-resolver-typescript": "3.8.3",
         "eslint-plugin-flowtype": "^8.0.3",
-        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-jsx-a11y": "^6.10.2",
-        "eslint-plugin-prettier": "^5.2.5",
-        "eslint-plugin-react": "^7.37.4",
+        "eslint-plugin-prettier": "^5.5.4",
+        "eslint-plugin-react": "^7.37.5",
         "eslint-plugin-react-hooks": "^4.6.2",
-        "eslint-plugin-react-refresh": "^0.4.19",
+        "eslint-plugin-react-refresh": "^0.4.20",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
         "license-checker": "^25.0.1",
-        "prettier": "^3.5.3",
+        "prettier": "^3.6.2",
         "prettier-plugin-properties": "^0.3.0",
         "svgo": "^3.3.2",
         "ts-node": "^10.9.2",
-        "type-fest": "^4.34.1",
-        "typescript": "~5.5.4",
-        "vite": "^6.2.2",
+        "type-fest": "^4.41.0",
+        "typescript": "~5.6.3",
+        "vite": "^6.3.6",
         "vite-plugin-eslint": "^1.8.1",
-        "vite-plugin-svgr": "^4.3.0",
+        "vite-plugin-svgr": "^4.5.0",
         "vite-tsconfig-paths": "^5.1.4"
     }
 }

package.json

@@ -5,15 +5,15 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import { Box, ListItemText, MenuItem, Select, Theme } from '@mui/material';
+import { Box, ListItemText, MenuItem, Select } from '@mui/material';
 import { UUID } from 'crypto';
 import { RemoveRedEye, VisibilityOff } from '@mui/icons-material';
 import { RootNetworkMetadata } from '../graph/menus/network-modifications/network-modification-menu.type';
 import { useSyncNavigationActions } from 'hooks/use-sync-navigation-actions';
-import { mergeSx } from '@gridsuite/commons-ui';
+import { mergeSx, type MuiStyles } from '@gridsuite/commons-ui';
 
 const styles = {
-    selectRoot: (theme: Theme) => ({
+    selectRoot: (theme) => ({
         height: theme.spacing(4),
         width: theme.spacing(15),
         paddingTop: theme.spacing(1),
@@ -22,7 +22,7 @@ const styles = {
     selectInput: { display: 'flex', gap: 1, alignItems: 'center' },
     selectItem: { gap: 1 },
     hiddenItem: { display: 'none' },
-};
+} as const satisfies MuiStyles;
 
 interface RootNetworkSelectProps {
     currentRootNetworkUuid: UUID | null;

src/components/breadcrumbs/root-network-select.tsx

@@ -7,6 +7,7 @@
 
 import { MoreHoriz } from '@mui/icons-material';
 import { Box, Breadcrumbs as MuiBreadcrumbs, Tooltip } from '@mui/material';
+import { type MuiStyles } from '@gridsuite/commons-ui';
 import { CurrentTreeNode } from '../graph/tree-node.type';
 import { useSelector } from 'react-redux';
 import { AppState } from '../../redux/reducer';
@@ -21,7 +22,7 @@ const styles = {
         alignItems: 'center',
         flexWrap: 'nowrap',
     },
-};
+} as const satisfies MuiStyles;
 
 export interface StudyPathBreadcrumbsProps {
     studyName: string | undefined;

src/components/breadcrumbs/study-path-breadcrumbs.tsx

@@ -6,16 +6,14 @@
  */
 
 import { Box, Checkbox, Tooltip } from '@mui/material';
-import { Theme } from '@mui/material/styles';
 import { ReactNode, useEffect, useRef, useState } from 'react';
-
 import { isBlankOrEmpty } from 'components/utils/validation-functions';
 import { ICellRendererParams } from 'ag-grid-community';
 import { CustomCellRendererProps } from 'ag-grid-react';
-import { mergeSx } from '@gridsuite/commons-ui';
+import { mergeSx, type MuiStyles } from '@gridsuite/commons-ui';
 
 const styles = {
-    tableCell: (theme: Theme) => ({
+    tableCell: (theme) => ({
         fontSize: 'small',
         cursor: 'inherit',
         display: 'flex',
@@ -35,7 +33,7 @@ const styles = {
     numericValue: {
         marginLeft: 'inherit',
     },
-};
+} as const satisfies MuiStyles;
 
 export const BooleanCellRenderer = (props: any) => {
     const isChecked = props.value;

src/components/custom-aggrid/cell-renderers.tsx

@@ -12,7 +12,7 @@ import { useIntl } from 'react-intl';
 import { SelectChangeEvent } from '@mui/material/Select/SelectInput';
 import { useCustomAggridFilter } from './hooks/use-custom-aggrid-filter';
 import { isNonEmptyStringOrArray } from '../../../utils/types-utils';
-import { mergeSx } from '@gridsuite/commons-ui';
+import { mergeSx, type MuiStyles } from '@gridsuite/commons-ui';
 import { BooleanFilterValue } from './utils/aggrid-filters-utils';
 import { CustomAggridFilterParams, FILTER_DATA_TYPES, FILTER_TEXT_COMPARATORS } from './custom-aggrid-filter.type';
 
@@ -22,7 +22,7 @@ const styles = {
         maxWidth: '40%',
         paddingRight: '0px',
     },
-};
+} as const satisfies MuiStyles;
 
 export const CustomAggridBooleanFilter: FunctionComponent<CustomAggridFilterParams> = ({
     api,

src/components/custom-aggrid/custom-aggrid-filters/custom-aggrid-boolean-filter.tsx

@@ -5,16 +5,16 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import React from 'react';
-import { Select, MenuItem } from '@mui/material';
-import { SelectChangeEvent } from '@mui/material/Select/SelectInput';
+import { MenuItem, Select, type SelectChangeEvent } from '@mui/material';
 import { useIntl } from 'react-intl';
+import { type MuiStyles } from '@gridsuite/commons-ui';
 
 const styles = {
     input: {
         minWidth: '250px',
         maxWidth: '40%',
     },
-};
+} as const satisfies MuiStyles;
 
 interface CustomAggridComparatorSelectorProps {
     value: string;

src/components/custom-aggrid/custom-aggrid-filters/custom-aggrid-comparator-selector.tsx

@@ -8,6 +8,7 @@ import { ChangeEvent, FunctionComponent, useCallback, useEffect, useState } from
 import { Grid, IconButton, InputAdornment, TextField, Typography } from '@mui/material';
 import { useIntl } from 'react-intl';
 import ClearIcon from '@mui/icons-material/Clear';
+import { type MuiStyles } from '@gridsuite/commons-ui';
 import { CustomAggridComparatorSelector } from './custom-aggrid-comparator-selector';
 import { SelectChangeEvent } from '@mui/material/Select/SelectInput';
 import { useCustomAggridFilter } from './hooks/use-custom-aggrid-filter';
@@ -33,7 +34,7 @@ const styles = {
             MozAppearance: 'textfield',
         },
     },
-};
+} as const satisfies MuiStyles;
 
 const CustomAggridDurationFilter: FunctionComponent<CustomAggridFilterParams> = ({ api, colId, filterParams }) => {
     const intl = useIntl();

src/components/custom-aggrid/custom-aggrid-filters/custom-aggrid-duration-filter.tsx

@@ -6,6 +6,7 @@
  */
 import React, { ComponentType, MouseEvent, useMemo, useState } from 'react';
 import { Popover } from '@mui/material';
+import { type MuiStyles } from '@gridsuite/commons-ui';
 import { CustomFilterIcon } from './custom-filter-icon';
 import { useCustomAggridFilter } from './hooks/use-custom-aggrid-filter';
 import { CustomAggridAutocompleteFilterParams } from './custom-aggrid-autocomplete-filter';
@@ -19,7 +20,7 @@ const styles = {
     autoCompleteInput: {
         width: '30%',
     },
-};
+} as const satisfies MuiStyles;
 
 interface CustomAggridFilterWrapperParams<F extends CustomAggridFilterParams> {
     filterComponent: ComponentType<F>;

src/components/custom-aggrid/custom-aggrid-filters/custom-aggrid-filter.tsx

@@ -5,11 +5,11 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 import React, { useMemo } from 'react';
-import { TextField, Grid, InputAdornment, IconButton } from '@mui/material';
+import { Grid, IconButton, InputAdornment, TextField } from '@mui/material';
 import ClearIcon from '@mui/icons-material/Clear';
 import { DisplayRounding } from '../display-rounding';
 import { useIntl } from 'react-intl';
-import { mergeSx } from '@gridsuite/commons-ui';
+import { mergeSx, type MuiStyles } from '@gridsuite/commons-ui';
 import { FILTER_DATA_TYPES } from './custom-aggrid-filter.type';
 
 const styles = {
@@ -25,7 +25,7 @@ const styles = {
             MozAppearance: 'textfield',
         },
     },
-};
+} as const satisfies MuiStyles;
 
 interface CustomAggridTextFilterProps {
     value: unknown;