Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2147 | Rev 2795 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1459 stevensc 1 
import React from 'react'
2109 stevensc 2 
import { Controller } from 'react-hook-form'
1785 stevensc 3 
import {
4 
  FormControl,
5 
  InputLabel,
6 
  MenuItem,
7 
  Select as MuiSelect
8 
} from '@mui/material'
1459 stevensc 9 
 
1781 stevensc 10 
import FormErrorFeedback from '../form/FormErrorFeedback'
1459 stevensc 11 
 
1781 stevensc 12 
const Select = ({
2104 stevensc 13 
  label,
2114 stevensc 14 
  name = '',
2109 stevensc 15 
  control,
2110 stevensc 16 
  placeholder = 'Seleccione una opción',
2104 stevensc 17 
  defaultValue,
1459 stevensc 18 
  options = [],
2109 stevensc 19 
  rules,
2114 stevensc 20 
  value,
21 
  onChange,
2109 stevensc 22 
  error = null
1459 stevensc 23 
}) => {
24 
  return (
1782 stevensc 25 
    <FormControl fullWidth>
1785 stevensc 26 
      {label ? (
27 
        <InputLabel shrink htmlFor={name}>
28 
          {label}
29 
        </InputLabel>
30 
      ) : null}
2104 stevensc 31 
 
2114 stevensc 32 
      {control ? (
33 
        <Controller
34 
          name={name}
35 
          control={control}
36 
          rules={rules}
37 
          defaultValue={defaultValue}
38 
          render={(field) => (
39 
            <MuiSelect
40 
              {...field}
41 
              fullWidth
42 
              displayEmpty
43 
              sx={{
44 
                borderRadius: '4px'
45 
              }}
46 
            >
2147 stevensc 47 
              <MenuItem value='' disabled>
2146 stevensc 48 
                {placeholder}
49 
              </MenuItem>
2104 stevensc 50 
 
2114 stevensc 51 
              {options.map(({ name, value }) => (
52 
                <MenuItem key={value} value={value}>
53 
                  {name}
54 
                </MenuItem>
55 
              ))}
56 
            </MuiSelect>
57 
          )}
58 
        />
59 
      ) : (
60 
        <MuiSelect
61 
          name={name}
62 
          defaultValue={defaultValue}
63 
          value={value}
64 
          onChange={onChange}
65 
          fullWidth
66 
          displayEmpty
67 
          sx={{
68 
            borderRadius: '4px'
69 
          }}
70 
        >
2148 stevensc 71 
          <MenuItem value='' disabled>
72 
            {placeholder}
73 
          </MenuItem>
2109 stevensc 74 
 
2114 stevensc 75 
          {options.map(({ name, value }) => (
76 
            <MenuItem key={value} value={value}>
77 
              {name}
78 
            </MenuItem>
79 
          ))}
80 
        </MuiSelect>
81 
      )}
82 
 
1781 stevensc 83 
      {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
84 
    </FormControl>
1459 stevensc 85 
  )
86 
}
87 
 
1781 stevensc 88 
export default Select