Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2110 | Rev 2146 | 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 
            >
47 
              <MenuItem value=''>{placeholder}</MenuItem>
2104 stevensc 48 
 
2114 stevensc 49 
              {options.map(({ name, value }) => (
50 
                <MenuItem key={value} value={value}>
51 
                  {name}
52 
                </MenuItem>
53 
              ))}
54 
            </MuiSelect>
55 
          )}
56 
        />
57 
      ) : (
58 
        <MuiSelect
59 
          name={name}
60 
          defaultValue={defaultValue}
61 
          value={value}
62 
          onChange={onChange}
63 
          fullWidth
64 
          displayEmpty
65 
          sx={{
66 
            borderRadius: '4px'
67 
          }}
68 
        >
69 
          <MenuItem value=''>{placeholder}</MenuItem>
2109 stevensc 70 
 
2114 stevensc 71 
          {options.map(({ name, value }) => (
72 
            <MenuItem key={value} value={value}>
73 
              {name}
74 
            </MenuItem>
75 
          ))}
76 
        </MuiSelect>
77 
      )}
78 
 
1781 stevensc 79 
      {error ? <FormErrorFeedback>{error}</FormErrorFeedback> : null}
80 
    </FormControl>
1459 stevensc 81 
  )
82 
}
83 
 
1781 stevensc 84 
export default Select