OpenCTI-Platform · renovate · Feb 7, 2025 · Feb 7, 2025 · Feb 7, 2025 · Feb 7, 2025
diff --git a/opencti-platform/opencti-front/package.json b/opencti-platform/opencti-front/package.json
@@ -12,12 +12,12 @@
     "@fontsource/ibm-plex-sans": "5.1.0",
     "@graphiql/toolkit": "0.11.1",
     "@hello-pangea/dnd": "16.6.0",
-    "@mui/icons-material": "5.16.13",
+    "@mui/icons-material": "6.4.3",
     "@mui/lab": "5.0.0-alpha.175",
-    "@mui/material": "5.16.13",
-    "@mui/styles": "5.16.13",
-    "@mui/utils": "5.16.13",
-    "@mui/x-date-pickers": "6.20.2",
+    "@mui/material": "6.4.3",
+    "@mui/styles": "6.4.3",
+    "@mui/utils": "6.4.3",
+    "@mui/x-date-pickers": "7.26.0",
     "@rjsf/core": "5.24.1",
     "@rjsf/mui": "5.24.1",
     "@rjsf/utils": "5.24.1",

diff --git a/opencti-platform/opencti-front/src/components/AutocompleteField.jsx b/opencti-platform/opencti-front/src/components/AutocompleteField.jsx
@@ -82,9 +82,13 @@ const AutocompleteField = (props) => {
           <TextField
             {...{ ...params, inputProps }}
             {...textfieldprops}
-            InputProps={{
-              ...InputProps,
-              endAdornment: endAdornment ?? InputProps.endAdornment,
+            slotProps={{
+              textField: {
+                InputProps: {
+                  ...InputProps,
+                  endAdornment: endAdornment ?? InputProps.endAdornment,
+                },
+              },
             }}
             value={value}
             name={name}

diff --git a/opencti-platform/opencti-front/src/components/ColorPickerField.jsx b/opencti-platform/opencti-front/src/components/ColorPickerField.jsx
@@ -74,14 +74,18 @@ const ColorPickerField = (props) => {
         onChange={internalOnChange}
         onFocus={internalOnFocus}
         onBlur={internalOnBlur}
-        InputProps={{
-          endAdornment: (
-            <InputAdornment position="end">
-              <IconButton aria-label="open" onClick={handleClick} size="large">
-                <ColorLens />
-              </IconButton>
-            </InputAdornment>
-          ),
+        slotProps={{
+          textField: {
+            InputProps: {
+              endAdornment: (
+                <InputAdornment position="end">
+                  <IconButton aria-label="open" onClick={handleClick} size="large">
+                    <ColorLens/>
+                  </IconButton>
+                </InputAdornment>
+              ),
+            },
+          },
         }}
       />
       <Popover

diff --git a/opencti-platform/opencti-front/src/components/DeleteDialog.tsx b/opencti-platform/opencti-front/src/components/DeleteDialog.tsx
@@ -25,9 +25,9 @@ const DeleteDialog: React.FC<DeleteDialogProps> = ({
   return (
     <Dialog
       open={deletion.displayDelete}
-      PaperProps={{ elevation: 1 }}
+      slotProps={{ desktopPaper: { elevation: 1 } }}
       keepMounted={true}
-      TransitionComponent={Transition}
+      slots={{ desktopTransition: Transition }}
       onClose={onClose ?? deletion.handleCloseDelete}
     >
       <DialogContent>

diff --git a/opencti-platform/opencti-front/src/components/ExportButtons.jsx b/opencti-platform/opencti-front/src/components/ExportButtons.jsx
@@ -316,7 +316,7 @@ class ExportButtons extends Component {
           </MenuItem>
         </Menu>
         <Dialog
-          PaperProps={{ elevation: 1 }}
+          slotProps={{ desktopPaper: { elevation: 1 } }}
           open={exporting}
           keepMounted={true}
           fullScreen={true}

diff --git a/opencti-platform/opencti-front/src/components/ExternalLinkPopover.tsx b/opencti-platform/opencti-front/src/components/ExternalLinkPopover.tsx
@@ -32,10 +32,10 @@ const ExternalLinkPopover: FunctionComponent<ExternalLinkPopoverProps> = ({
   };
   return (
     <Dialog
-      PaperProps={{ elevation: 1 }}
+      slotProps={{ desktopPaper: { elevation: 1 } }}
       open={displayExternalLink}
       keepMounted={true}
-      TransitionComponent={Transition}
+      slots={{ desktopTransition: Transition }}
       onClose={handleCloseExternalLink}
     >
       <DialogContent>

diff --git a/opencti-platform/opencti-front/src/components/SearchInput.jsx b/opencti-platform/opencti-front/src/components/SearchInput.jsx
@@ -112,48 +112,52 @@ const SearchInput = (props) => {
           onSubmit(value);
         }
       }}
-      InputProps={{
-        startAdornment: (
-          <InputAdornment position="start">
-            <Search fontSize="small" />
-          </InputAdornment>
-        ),
-        endAdornment: variant === 'topBar' && (
-          <InputAdornment position="end">
-            <Tooltip title={t_i18n('Advanced search')}>
-              <IconButton
-                component={Link}
-                to="/dashboard/search"
-                size="medium"
-                color={
-                   location.pathname.includes('/dashboard/search')
-                    && !location.pathname.includes('/dashboard/search_bulk')
-                     ? 'primary'
-                     : 'inherit'
-                    }
-              >
-                <BiotechOutlined fontSize='medium'/>
-              </IconButton>
-            </Tooltip>
-            <Tooltip title={t_i18n('Bulk search')}>
-              <IconButton
-                component={Link}
-                to="/dashboard/search_bulk"
-                size="medium"
-                color={
-                location.pathname.includes('/dashboard/search_bulk')
-                  ? 'primary'
-                  : 'inherit'
-              }
-              >
-                <ContentPasteSearchOutlined fontSize="medium"/>
-              </IconButton>
-            </Tooltip>
-          </InputAdornment>
-        ),
-        classes: {
-          root: classRoot,
-          input: classInput,
+      slotProps={{
+        textField: {
+          InputProps: {
+            startAdornment: (
+              <InputAdornment position="start">
+                <Search fontSize="small"/>
+              </InputAdornment>
+            ),
+            endAdornment: variant === 'topBar' && (
+            <InputAdornment position="end">
+              <Tooltip title={t_i18n('Advanced search')}>
+                <IconButton
+                  component={Link}
+                  to="/dashboard/search"
+                  size="medium"
+                  color={
+                                      location.pathname.includes('/dashboard/search')
+                                      && !location.pathname.includes('/dashboard/search_bulk')
+                                        ? 'primary'
+                                        : 'inherit'
+                                  }
+                >
+                  <BiotechOutlined fontSize='medium'/>
+                </IconButton>
+              </Tooltip>
+              <Tooltip title={t_i18n('Bulk search')}>
+                <IconButton
+                  component={Link}
+                  to="/dashboard/search_bulk"
+                  size="medium"
+                  color={
+                                      location.pathname.includes('/dashboard/search_bulk')
+                                        ? 'primary'
+                                        : 'inherit'
+                                  }
+                >
+                  <ContentPasteSearchOutlined fontSize="medium"/>
+                </IconButton>
+              </Tooltip>
+            </InputAdornment>
+            ),
+            classes: {
+              root: classRoot,
+              input: classInput,
+            },
+          },
         },
       }}
       {...otherProps}

diff --git a/opencti-platform/opencti-front/src/components/TextField.jsx b/opencti-platform/opencti-front/src/components/TextField.jsx
@@ -92,21 +92,25 @@ const TextField = (props) => {
       onFocus={internalOnFocus}
       onBlur={internalOnBlur}
       onPaste={internalOnPaste}
-      InputProps={{
-        startAdornment,
-        endAdornment: askAi && (
-          <TextFieldAskAI
-            currentValue={value}
-            setFieldValue={(val) => {
-              setFieldValue(name, val);
-              if (typeof onSubmit === 'function') {
-                onSubmit(name, val || '');
-              }
-            }}
-            format="text"
-            disabled={props.disabled}
-          />
-        ),
+      slotProps={{
+        textField: {
+          InputProps: {
+            startAdornment,
+            endAdornment: askAi && (
+            <TextFieldAskAI
+              currentValue={value}
+              setFieldValue={(val) => {
+                setFieldValue(name, val);
+                if (typeof onSubmit === 'function') {
+                  onSubmit(name, val || '');
+                }
+              }}
+              format="text"
+              disabled={props.disabled}
+            />
+            ),
+          },
+        },
       }}
     />
   );

diff --git a/opencti-platform/opencti-front/src/components/TimePickerField.jsx b/opencti-platform/opencti-front/src/components/TimePickerField.jsx
@@ -87,7 +87,7 @@ const TimePickerField = (props) => {
       onAccept={internalOnAccept}
       onChange={internalOnChange}
       views={views}
-      inputFormat={inputFormat}
+      format={inputFormat}
       slotProps={{
         textField: {
           ...textFieldProps,

diff --git a/opencti-platform/opencti-front/src/components/dataGrid/DataTableFilters.tsx b/opencti-platform/opencti-front/src/components/dataGrid/DataTableFilters.tsx
@@ -235,8 +235,8 @@ const DataTableFilters = ({
       {redirectionModeEnabled && (
         <Dialog
           open={openSettings}
-          PaperProps={{ elevation: 1 }}
-          TransitionComponent={Transition}
+          slotProps={{ desktopPaper: { elevation: 1 } }}
+          slots={{ desktopTransition: Transition }}
           onClose={() => setOpenSettings(false)}
           maxWidth="xs"
           fullWidth

diff --git a/opencti-platform/opencti-front/src/components/fields/BulkTextField/BulkTextModal.tsx b/opencti-platform/opencti-front/src/components/fields/BulkTextField/BulkTextModal.tsx
@@ -53,7 +53,7 @@ const BulkTextModal = ({
       open={open}
       onClose={onClose}
       fullWidth={true}
-      PaperProps={{ elevation: 1 }}
+      slotProps={{ desktopPaper: { elevation: 1 } }}
     >
       <DialogTitle>{title || t_i18n('Create multiple entities')}</DialogTitle>
       <DialogContent style={{ display: 'flex', flexDirection: 'column', gap: '24px' }}>

diff --git a/opencti-platform/opencti-front/src/components/fields/EntitySelectWithTypes.tsx b/opencti-platform/opencti-front/src/components/fields/EntitySelectWithTypes.tsx
@@ -50,21 +50,25 @@ const EntitySelectWithTypes: FunctionComponent<EntitySelectWithTypesProps> = ({
       renderInput={(paramsInput) => (
         <TextField
           {...paramsInput}
-          InputProps={{
-            ...paramsInput.InputProps,
-            sx: { gap: 1 },
-            startAdornment: value
-              ? <ItemIcon type={value.type} color={value.color} />
-              : null,
-            endAdornment: (
-              <SearchScopeElement
-                name={'id'}
-                disabled={disabled}
-                searchScope={searchScope}
-                setSearchScope={setSearchScope}
-                availableRelationFilterTypes={undefined}
-              />
-            ),
+          slotProps={{
+            textField: {
+              InputProps: {
+                ...paramsInput.InputProps,
+                sx: { gap: 1 },
+                startAdornment: value
+                  ? <ItemIcon type={value.type} color={value.color}/>
+                  : null,
+                endAdornment: (
+                  <SearchScopeElement
+                    name={'id'}
+                    disabled={disabled}
+                    searchScope={searchScope}
+                    setSearchScope={setSearchScope}
+                    availableRelationFilterTypes={undefined}
+                  />
+                ),
+              },
+            },
           }}
           label={label}
           size="small"

diff --git a/opencti-platform/opencti-front/src/components/fields/RichTextField.tsx b/opencti-platform/opencti-front/src/components/fields/RichTextField.tsx
@@ -125,7 +125,7 @@ const RichTextField = ({
 
       {fullScreen ? (
         <Dialog
-          PaperProps={{ elevation: 1 }}
+          slotProps={{ desktopPaper: { elevation: 1 } }}
           open={fullScreen}
           onClose={() => setFullScreen(false)}
           fullScreen

diff --git a/opencti-platform/opencti-front/src/components/filters/FilterChipPopover.tsx b/opencti-platform/opencti-front/src/components/filters/FilterChipPopover.tsx
@@ -332,11 +332,15 @@ export const FilterChipPopover: FunctionComponent<FilterChipMenuProps> = ({
         renderInput={(paramsInput) => (
           <TextField
             {...paramsInput}
-            InputProps={{
-              ...paramsInput.InputProps,
-              endAdornment: isStixObjectTypes.includes(fKey)
-                ? renderSearchScopeSelection(fKey)
-                : paramsInput.InputProps.endAdornment,
+            slotProps={{
+              textField: {
+                InputProps: {
+                  ...paramsInput.InputProps,
+                  endAdornment: isStixObjectTypes.includes(fKey)
+                    ? renderSearchScopeSelection(fKey)
+                    : paramsInput.InputProps.endAdornment,
+                },
+              },
             }}
             label={t_i18n(fLabel)}
             variant="outlined"
@@ -455,7 +459,7 @@ export const FilterChipPopover: FunctionComponent<FilterChipMenuProps> = ({
         vertical: 'bottom',
         horizontal: 'left',
       }}
-      PaperProps={{ elevation: 1, style: { marginTop: 10 } }}
+      slotProps={{ desktopPaper: { elevation: 1, style: { marginTop: 10 } } }}
     >
       {filterDefinition?.subFilters && filterDefinition.subFilters.length > 1
         ? <div

diff --git a/opencti-platform/opencti-front/src/components/list_lines/ListLines.jsx b/opencti-platform/opencti-front/src/components/list_lines/ListLines.jsx
@@ -587,8 +587,8 @@ class ListLines extends Component {
           {handleSwitchRedirectionMode && (
           <Dialog
             open={this.state.openSettings}
-            PaperProps={{ elevation: 1 }}
-            TransitionComponent={Transition}
+            slotProps={{ desktopPaper: { elevation: 1 } }}
+            slots={{ desktopTransition: Transition }}
             onClose={this.handleCloseSettings.bind(this)}
             maxWidth="xs"
             fullWidth={true}

diff --git a/opencti-platform/opencti-front/src/private/components/DashboardSettings.jsx b/opencti-platform/opencti-front/src/private/components/DashboardSettings.jsx
@@ -111,8 +111,8 @@ const DashboardSettings = () => {
       </Fab>
       <Dialog
         open={open}
-        PaperProps={{ elevation: 1 }}
-        TransitionComponent={Transition}
+        slotProps={{ desktopPaper: { elevation: 1 } }}
+        slots={{ desktopTransition: Transition }}
         onClose={handleClose}
         maxWidth="xs"
         fullWidth={true}

diff --git a/opencti-platform/opencti-front/src/private/components/TimeoutLock.tsx b/opencti-platform/opencti-front/src/private/components/TimeoutLock.tsx
@@ -227,7 +227,7 @@ const TimeoutLock: React.FunctionComponent = () => {
       }}
       disableEscapeKeyDown={true}
       maxWidth="sm"
-      PaperProps={{ elevation: 1 }}
+      slotProps={{ desktopPaper: { elevation: 1 } }}
       sx={{
         backdropFilter: 'blur(15px)',
         marginTop: `${bannerHeightNumber}px`,

diff --git a/...i-front/src/private/components/analyses/external_references/ExternalReferenceCreation.tsx b/...i-front/src/private/components/analyses/external_references/ExternalReferenceCreation.tsx
@@ -314,7 +314,7 @@ const ExternalReferenceCreation: FunctionComponent<ExternalReferenceCreationProp
           </Fab>
         )}
         <Dialog
-          PaperProps={{ elevation: 1 }}
+          slotProps={{ desktopPaper: { elevation: 1 } }}
           open={isFABReplaced || handleCloseContextual ? openContextual : open}
           onClose={isFABReplaced || handleCloseContextual ? handleCloseContextual : handleClose}
         >

diff --git a/...i-front/src/private/components/analyses/external_references/ExternalReferenceDeletion.tsx b/...i-front/src/private/components/analyses/external_references/ExternalReferenceDeletion.tsx
@@ -92,10 +92,10 @@ ExternalReferenceDeletionProps
         </Button>
       </Security>
       <Dialog
-        PaperProps={{ elevation: 1 }}
+        slotProps={{ desktopPaper: { elevation: 1 } }}
         open={displayDelete}
         keepMounted={true}
-        TransitionComponent={Transition}
+        slots={{ desktopTransition: Transition }}
         onClose={handleCloseDelete}
       >
         <DialogContent>