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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | 12x 12x 12x 12x 12x 12x 12x 205x 205x 262x | import { Autocomplete as MuiAutocomplete, AutocompleteProps as MuiAutocompleteProps, } from "@material-ui/lab"; import classNames from "classnames"; import React from "react"; import makeStyles from "utils/makeStyles"; import TextField from "./TextField"; const useStyles = makeStyles({ root: { display: "block", }, }); export type AutocompleteProps< T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined > = Omit< MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" > & { id: string; error?: string; endAdornment?: React.ReactNode; label?: string; placeholder?: string; helperText?: string; variant?: "filled" | "standard" | "outlined" | undefined; }; export default function Autocomplete< T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined >({ className, error, helperText, id, label, placeholder, variant = "standard", endAdornment, ...otherProps }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) { const classes = useStyles(); return ( <MuiAutocomplete {...otherProps} className={classNames(classes.root, className)} id={id} renderInput={(params) => ( <TextField variant={variant} {...params} error={!!error} label={label} placeholder={placeholder} helperText={error || helperText} InputProps={ endAdornment ? { ...params.InputProps, endAdornment: ( <> {params.InputProps.endAdornment} {endAdornment} </> ), } : params.InputProps } /> )} ></MuiAutocomplete> ); } |