IRIS-3791-create-reusable-component-for-search-results

src/commons/mail-message-renderer.tsx

@@ -27,7 +27,7 @@ import React, {
 import { Trans } from 'react-i18next';
 import styled from 'styled-components';
 import { ParticipantRole } from '../carbonio-ui-commons/constants/participants';
-import { EditorAttachmentFiles, MailMessage, MailMessagePart, Participant } from '../types';
+import type { EditorAttachmentFiles, MailMessage, MailMessagePart, Participant } from '../types';
 
 import { getOriginalContent, getQuotedTextOnly } from './get-quoted-text-util';
 import { isAvailableInTrusteeList } from './utils';
@@ -461,8 +461,6 @@ const MailMessageRenderer: FC<{ mailMsg: MailMessage; onLoadChange: () => void }
 	mailMsg,
 	onLoadChange
 }) => {
-	// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-	// @ts-ignore
 	const parts = findAttachments(mailMsg.parts ?? [], []);
 
 	useEffect(() => {

src/commons/preview-eml/get-actions-row.ts

@@ -6,7 +6,7 @@
 
 import { t } from '@zextras/carbonio-shell-ui';
 import { map } from 'lodash';
-import { MailMessage } from '../../types';
+import type { MailMessage } from '../../types';
 import { getAttachmentsDownloadLink } from '../../views/app/detail-panel/preview/utils';
 
 export const getActionsRow = ({ msg }: { msg: MailMessage }): string => `

src/commons/preview-eml/get-attachments.ts

@@ -6,7 +6,7 @@
 
 import { find, map } from 'lodash';
 import { DefaultTheme } from 'styled-components';
-import { MailMessage } from '../../types';
+import type { MailMessage } from '../../types';
 import { humanFileSize } from '../../views/app/detail-panel/preview/file-preview';
 import { getAttachmentIconColors } from '../../views/app/detail-panel/preview/utils';
 import { getFileExtension } from '../utilities';

src/commons/preview-eml/get-eml-content.ts

@@ -6,7 +6,7 @@
 
 import { filter, forEach, isEmpty, map, reduce } from 'lodash';
 import { DefaultTheme } from 'styled-components';
-import { MailMessage } from '../../types';
+import type { MailMessage } from '../../types';
 import {
 	findAttachments,
 	plainTextToHTML,

src/commons/preview-eml/get-eml-header.ts

@@ -7,7 +7,7 @@
 import { filter } from 'lodash';
 import moment from 'moment';
 import { DefaultTheme } from 'styled-components';
-import { MailMessage } from '../../types';
+import type { MailMessage } from '../../types';
 import { getAvatarLabel } from '../useGetAvatarLabel';
 import { banner } from './banner';
 import { getActionsRow } from './get-actions-row';

src/commons/preview-eml/get-participant-header.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 import { map } from 'lodash';
-import { Participant } from '../../types';
+import type { Participant } from '../../types';
 
 export const getParticipantHeader = (participants: Participant[], type: string): string => {
 	const participantsList = map(

src/commons/utilities.tsx

@@ -5,7 +5,8 @@
  */
 import { isNil } from 'lodash';
 import { DefaultTheme } from 'styled-components';
-import { AttachmentPart, EditorAttachmentFiles } from '../types';
+import type { EditorAttachmentFiles } from '../types/editor';
+import type { AttachmentPart } from '../types/messages';
 
 const FileExtensionRegex = /^.+\.([^.]+)$/;
 

src/commons/utils.tsx

@@ -6,7 +6,7 @@
 import moment from 'moment';
 import { find, isArray } from 'lodash';
 import { Account, t } from '@zextras/carbonio-shell-ui';
-import { Participant } from '../types';
+import type { Participant } from '../types';
 
 export const getTimeLabel = (date: number): string => {
 	const momentDate = moment(date);