Merge remote-tracking branch 'origin/main' into eslint/fix-unused-import-rule

# Conflicts:
#	src/pages/common/paper-form.tsx

Author: achour94

package-lock.json

@@ -16,7 +16,7 @@
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@gridsuite/commons-ui": "0.139.0",
+        "@gridsuite/commons-ui": "0.142.0",
         "@hookform/resolvers": "^4.1.3",
         "@mui/icons-material": "^5.18.0",
         "@mui/lab": "5.0.0-alpha.175",
@@ -30,8 +30,8 @@
         "date-fns": "^4.1.0",
         "notistack": "^3.0.2",
         "oidc-client": "^1.11.5",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
         "react-hook-form": "^7.62.0",
         "react-hook-form-mui": "^7.6.2",
         "react-intl": "^7.1.11",
@@ -71,8 +71,8 @@
         "@types/license-checker": "^25.0.6",
         "@types/node": "^22.18.1",
         "@types/prop-types": "^15.7.15",
-        "@types/react": "^18.3.24",
-        "@types/react-dom": "^18.3.7",
+        "@types/react": "^19.2.2",
+        "@types/react-dom": "^19.2.1",
         "@types/react-redux": "^7.1.34",
         "@types/react-window": "^1.8.8",
         "@vitejs/plugin-react": "^5.0.4",

package.json

@@ -12,7 +12,10 @@ import { Paper, PaperProps } from '@mui/material';
  * <Paper> is defined in <Dialog> without generics, which default to `PaperProps => PaperProps<'div'>`,
  *   so we must trick typescript check with a cast
  */
-const PaperForm: FunctionComponent<PaperProps<'form'> & { untypedProps?: PaperProps }> = (props, _context) => {
+const PaperForm: FunctionComponent<PaperProps<'form'> & { untypedProps: PaperProps }> = (props: {
+    [x: string]: any;
+    untypedProps: PaperProps;
+}) => {
     const { untypedProps, ...formProps } = props;
     const othersProps = untypedProps as PaperProps<'form'>; //trust me ts
     return <Paper component="form" {...formProps} {...(othersProps ?? {})} />;

src/pages/common/paper-form.tsx

@@ -18,7 +18,7 @@ export function useCsvExport<TData>({
     intl,
     language,
 }: {
-    gridRef: RefObject<GridTableRef<TData>>;
+    gridRef: RefObject<GridTableRef<TData> | null>;
     columns: ColDef[];
     tableNameId: string;
     intl: IntlShape;
@@ -32,7 +32,7 @@ export function useCsvExport<TData>({
                 disabled={false}
                 skipColumnHeaders={false}
                 language={language}
-                exportDataAsCsv={(params) => gridRef?.current?.aggrid?.api?.exportDataAsCsv(params)}
+                getData={(params) => gridRef?.current?.aggrid?.api?.exportDataAsCsv(params)}
             />
         ),
         [gridRef, columns, intl, language, tableNameId]

src/pages/common/use-csv-export.tsx

@@ -25,7 +25,7 @@ import { GridTableRef } from '../../components/Grid';
 import PaperForm from '../common/paper-form';
 
 export interface AddGroupDialogProps {
-    gridRef: RefObject<GridTableRef<GroupInfos>>;
+    gridRef: RefObject<GridTableRef<GroupInfos> | null>;
     open: boolean;
     setOpen: (open: boolean) => void;
 }

src/pages/groups/add-group-dialog.tsx

@@ -21,7 +21,7 @@ import { useSelector } from 'react-redux';
 import { AppState } from '../../redux/reducer';
 
 export interface GroupsTableProps {
-    gridRef: RefObject<GridTableRef<GroupInfos>>;
+    gridRef: RefObject<GridTableRef<GroupInfos> | null>;
     onRowClicked: (event: RowClickedEvent<GroupInfos>) => void;
     setOpenAddGroupDialog: (open: boolean) => void;
 }

src/pages/groups/groups-table.tsx

@@ -25,7 +25,7 @@ import { GridTableRef } from '../../components/Grid';
 import PaperForm from '../common/paper-form';
 
 export interface AddProfileDialogProps {
-    gridRef: RefObject<GridTableRef<UserProfile>>;
+    gridRef: RefObject<GridTableRef<UserProfile> | null>;
     open: boolean;
     setOpen: (open: boolean) => void;
 }

src/pages/profiles/add-profile-dialog.tsx

@@ -18,7 +18,7 @@ import ValidityCellRenderer from './validity-cell-renderer';
 import { useTableSelection } from '../../utils/hooks';
 
 export interface ProfilesTableProps {
-    gridRef: RefObject<GridTableRef<UserProfile>>;
+    gridRef: RefObject<GridTableRef<UserProfile> | null>;
     onRowClicked: (event: RowClickedEvent<UserProfile>) => void;
     setOpenAddProfileDialog: (open: boolean) => void;
 }

src/pages/profiles/profiles-table.tsx

@@ -25,7 +25,7 @@ import { GridTableRef } from '../../components/Grid';
 import PaperForm from '../common/paper-form';
 
 export interface AddUserDialogProps {
-    gridRef: RefObject<GridTableRef<UserInfos>>;
+    gridRef: RefObject<GridTableRef<UserInfos> | null>;
     open: boolean;
     setOpen: (open: boolean) => void;
 }

src/pages/users/add-user-dialog.tsx

@@ -21,7 +21,7 @@ import { AppState } from '../../redux/reducer';
 import { useCsvExport } from '../common/use-csv-export';
 
 export interface UsersTableProps {
-    gridRef: RefObject<GridTableRef<UserInfos>>;
+    gridRef: RefObject<GridTableRef<UserInfos> | null>;
     onRowClicked: (event: RowClickedEvent<UserInfos>) => void;
     setOpenAddUserDialog: (open: boolean) => void;
 }