@totalsoft/rocket-ui/dist/components/themes/common/overrides/Autocomplete.js

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

export default function Autocomplete(theme) {
    return {
        MuiAutocomplete: {
            styleOverrides: {
                inputRoot: (props) => !props.ownerState.multiple && {
                    '& .MuiAutocomplete-input': {
                        width: 'fit-content',
                        minWidth: 'fit-content'
                    }
                },
                input: {
                    display: 'flex',
                    whiteSpace: 'nowrap'
                },
                noOptions: {
                    ...theme.typography.defaultFont,
                    padding: `${theme.spacing()}px ${theme.spacing(2)}px`,
                    color: 'textSecondary'
                },
                option: {
                    div: {
                        ...theme.typography.defaultFont,
                        display: 'block',
                        whiteSpace: 'nowrap',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        width: '100%'
                    }
                }
            }
        }
    };
}
//# sourceMappingURL=Autocomplete.js.map