-
-
Notifications
You must be signed in to change notification settings - Fork 658
/
LegalValueLabel.tsx
57 lines (54 loc) · 1.63 KB
/
LegalValueLabel.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import type { ILegalValue } from 'interfaces/context';
import {
StyledContainer,
StyledValue,
StyledDescription,
} from './LegalValueLabel.styles';
import type React from 'react';
import { FormControlLabel } from '@mui/material';
import { Highlighter } from 'component/common/Highlighter/Highlighter';
interface ILegalValueTextProps {
legal: ILegalValue;
control: React.ReactElement;
filter?: string;
}
export const LegalValueLabel = ({
legal,
control,
filter,
}: ILegalValueTextProps) => {
return (
<StyledContainer>
<FormControlLabel
value={legal.value}
control={control}
sx={{ width: '100%' }}
label={
<>
<StyledValue>
<Highlighter search={filter}>
{legal.value}
</Highlighter>
</StyledValue>
<StyledDescription>
<Highlighter search={filter}>
{legal.description}
</Highlighter>
</StyledDescription>
</>
}
/>
</StyledContainer>
);
};
export const filterLegalValues = (
legalValues: ILegalValue[],
filter: string,
): ILegalValue[] => {
return legalValues.filter((legalValue) => {
return (
legalValue.value.toLowerCase().includes(filter.toLowerCase()) ||
legalValue.description?.toLowerCase().includes(filter.toLowerCase())
);
});
};