[frontend] Hide actions in Data tab according to capability (#8243)

opencti-platform/opencti-front/src/private/components/analyses/external_references/ExternalReferenceFileImportViewer.tsx

@@ -188,6 +188,7 @@ ExternalReferenceFileImportViewerBaseProps
               }
             }}
             size={undefined}
+            placeholderIfNoRights={<div style={{ height: 47 }}/>}
           />
         </div>
         <div className="clearfix" />

opencti-platform/opencti-front/src/private/components/analyses/external_references/ExternalReferenceStixCoreObjects.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import * as R from 'ramda';
 import { createFragmentContainer, graphql } from 'react-relay';
 import Paper from '@mui/material/Paper';
 import Typography from '@mui/material/Typography';
@@ -27,10 +26,8 @@ const useStyles = makeStyles((theme) => ({
 const ExternalReferenceStixCoreObjectsComponent = ({ externalReference }) => {
   const classes = useStyles();
   const { t_i18n } = useFormatter();
-  const stixCoreObjects = R.map(
-    (n) => n?.node,
-    externalReference.references?.edges ?? [],
-  );
+  const stixCoreObjects = (externalReference.references?.edges ?? [])
+    .map((n) => n?.node);
   return (
     <div style={{ height: '100%' }}>
       <Typography variant="h4" gutterBottom={true}>

opencti-platform/opencti-front/src/private/components/common/files/FileUploader.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useRef, useState } from 'react';
+import React, { FunctionComponent, ReactElement, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { graphql } from 'react-relay';
 import { CloudUploadOutlined } from '@mui/icons-material';
@@ -50,6 +50,7 @@ interface FileUploaderProps {
   accept?: string;
   size: 'small' | 'large' | 'medium' | undefined;
   nameInCallback?: boolean;
+  placeholderIfNoRights?: ReactElement;
 }
 
 const FileUploader: FunctionComponent<FileUploaderProps> = ({
@@ -58,6 +59,7 @@ const FileUploader: FunctionComponent<FileUploaderProps> = ({
   accept,
   size,
   nameInCallback,
+  placeholderIfNoRights = <span />,
 }) => {
   const { t_i18n } = useFormatter();
   const uploadRef = useRef<HTMLInputElement | null>(null);
@@ -116,7 +118,7 @@ const FileUploader: FunctionComponent<FileUploaderProps> = ({
   const hasSelectedFile = !!selectedFile;
 
   return (
-    <Security needs={[KNOWLEDGE_KNUPLOAD]}>
+    <Security needs={[KNOWLEDGE_KNUPLOAD]} placeholder={placeholderIfNoRights}>
       <React.Fragment>
         {accept ? (
           <input

opencti-platform/opencti-front/src/private/components/common/files/workbench/WorkbenchFileViewer.jsx

@@ -14,8 +14,8 @@ import { TEN_SECONDS } from '../../../../../utils/Time';
 import inject18n from '../../../../../components/i18n';
 import WorkbenchFileLine from './WorkbenchFileLine';
 import WorkbenchFileCreator from './WorkbenchFileCreator';
-import { KNOWLEDGE_KNASKIMPORT, KNOWLEDGE_KNUPDATE } from "../../../../../utils/hooks/useGranted";
-import Security from "../../../../../utils/Security";
+import { KNOWLEDGE_KNASKIMPORT } from '../../../../../utils/hooks/useGranted';
+import Security from '../../../../../utils/Security';
 
 const interval$ = interval(TEN_SECONDS);
 
@@ -62,7 +62,7 @@ const WorkbenchFileViewerBase = ({
         <Typography variant="h4" gutterBottom={true} style={{ float: 'left' }}>
           {t('Analyst workbenches')}
         </Typography>
-        <Security needs={[KNOWLEDGE_KNASKIMPORT]}>
+        <Security needs={[KNOWLEDGE_KNASKIMPORT]} placeholder={<div style={{ height: 22 }}/>}>
           <IconButton
             color="primary"
             aria-label="Add"