Select Select.tsx

0% Statements 0/5

0% Branches 0/2

0% Functions 0/4

0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
 
import { SxProps, TooltipProps } from '@mui/material';
 
import SelectT, { SelectStyles } from './SelectT';
import './styles.scss';
 
export interface SelectProps {
  className?: string;
  disabled?: boolean;
  errorText?: string | string[];
  editable?: boolean;
  fixedMenu?: boolean;
  fullWidth?: boolean;
  helperText?: string | string[];
  hideArrow?: boolean;
  id?: string;
  label?: string;
  onBlur?: () => void;
  onChange: (newValue: string) => void;
  onFocus?: () => void;
  options?: string[];
  placeholder?: string;
  readonly?: boolean;
  selectedValue?: string;
  selectStyles?: SelectStyles;
  sx?: SxProps;
  tooltipTitle?: TooltipProps['title'];
  warningText?: string | string[];
}
 
export default function Select(props: SelectProps): JSX.Element {
  const toString = (option: string) => option;
 
  return (
    <SelectT
      {...props}
      isEqual={(A: string, B: string) => A === B}
      renderOption={toString}
      toT={toString}
      displayLabel={(option: any) => (option as string) || ''}
    />
  );
}