[CO-1748] Settings filter

src/types/filters/index.d.ts

@@ -3,6 +3,7 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
+
 import { ChipProps } from '@zextras/carbonio-design-system';
 
 export type FilterTest = Record<string, string | Array<any>>;
@@ -94,3 +95,11 @@ export type FilterActions = {
 		}
 	];
 };
+export type MarkAsOption = {
+	label: string;
+	value: { actionFlag: { flagName: string }[] };
+};
+export type MailFilterTag = {
+	label: string;
+	color?: number;
+};

src/views/settings/filters/parts/create-filter-modal.tsx

@@ -14,7 +14,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { CreateFilterContext } from './create-filter-context';
 import ModalFooter from './create-filter-modal-footer';
 import DefaultCondition from './create-filters-conditions/default';
-import FilterTestConditionRow from './filter-test-condition-row';
+import FilterConditionsPanel from './filter-conditions-panel';
 import FilterActionConditions from './new-filter-action-conditions';
 import { getButtonInfo } from './utils';
 import ModalHeader from '../../../../carbonio-ui-commons/components/modals/modal-header';
@@ -196,7 +196,7 @@ const CreateFilterModal: FC<ComponentProps> = ({
 					maxWidth="100%"
 					width="100%"
 				>
-					<FilterTestConditionRow compProps={filterTestConditionRowProps} />
+					<FilterConditionsPanel compProps={filterTestConditionRowProps} />
 					<Padding top="medium" />
 					<Divider />
 					<FilterActionConditions compProps={filterActionProps} />

src/views/settings/filters/parts/create-outgoing-filter-modal.tsx

@@ -13,7 +13,7 @@ import { map, omit, reduce } from 'lodash';
 import { CreateFilterContext } from './create-filter-context';
 import ModalFooter from './create-filter-modal-footer';
 import DefaultCondition from './create-filters-conditions/default';
-import FilterTestConditionRow from './filter-test-condition-row';
+import FilterConditionsPanel from './filter-conditions-panel';
 import FilterActionConditions from './new-filter-action-conditions';
 import { getButtonInfo } from './utils';
 import ModalHeader from '../../../../carbonio-ui-commons/components/modals/modal-header';
@@ -203,7 +203,7 @@ const CreateOutgoingFilterModal: FC<ComponentProps> = ({
 					maxWidth="100%"
 					width="100%"
 				>
-					<FilterTestConditionRow compProps={filterTestConditionRowProps} />
+					<FilterConditionsPanel compProps={filterTestConditionRowProps} />
 					<Padding top="medium" />
 					<Divider />
 					<FilterActionConditions compProps={filterActionProps} />

src/views/settings/filters/parts/custom-select.tsx

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 import React, { FC, ReactElement, useMemo } from 'react';
+
 import { Row, Select, Text, Padding, Icon, Container } from '@zextras/carbonio-design-system';
 import { map } from 'lodash';
+
 import {
 	ColorContainer,
 	TextUpperCase
@@ -80,7 +82,7 @@ const getItems = (items: Array<{ label: string; value: any }>): GetItemsReturnTy
 
 const CustomSelect: FC<{
 	onChange: (arg: any) => void;
-	defaultSelection: { label: string; value: any };
+	defaultSelection?: { label: string; value: any };
 	label: string;
 	items: Array<{ label: string; value: any }>;
 	background?: string;