drf-react-by-schema
Version:
Components and Tools for building a React App having Django Rest Framework (DRF) as server
225 lines (224 loc) • 7.17 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const styles_1 = require("@mui/material/styles");
const locale_1 = require("@mui/material/locale");
const locales_1 = require("@mui/x-data-grid/locales");
const locales_2 = require("@mui/x-date-pickers/locales");
locales_1.ptBR.components.MuiDataGrid.defaultProps.localeText = Object.assign(Object.assign({}, locales_1.ptBR.components.MuiDataGrid.defaultProps.localeText), { toolbarQuickFilterPlaceholder: 'Buscar...', toolbarQuickFilterLabel: 'Buscar', toolbarQuickFilterDeleteIconLabel: 'Limpar busca' });
const palette = {
avatars: [
'#e60049',
'#0bb4ff',
'#50e991',
'#e6d800',
'#9b19f5',
'#ffa300',
'#dc0ab4',
'#b3d4ff',
'#00bfa0',
],
avatarsMore: [
'#023fa5',
'#8e063b',
'#d33f6a',
'#11c638',
'#ef9708',
'#0fcfc0',
'#f79cd4',
'#7d87b9',
'#bb7784',
'#4a6fe3',
'#8595e1',
'#b5bbe3',
'#e6afb9',
'#e07b91',
'#8dd593',
'#c6dec7',
'#ead3c6',
'#f0b98d',
'#9cded6',
'#d5eae7',
'#f3e1eb',
'#f6c4e1',
'#bec1d4',
'#d6bcc0',
],
topBarButton: {
main: '#ffffff',
},
producao: {
main: '#e60049',
contrastText: '#fff',
},
empreendimento: {
main: '#0bb4ff',
contrastText: '#fff',
},
comercializacao: {
main: '#ffa300',
contrastText: '#fff',
},
credito: {
main: '#dc0ab4',
contrastText: '#fff',
},
certificacao: {
main: '#9b19f5',
contrastText: '#fff',
},
background: {
default: '#D9D9D9',
},
primary: {
main: '#3949AB',
},
secondary: {
main: '#9ca4d5',
contrastText: '#fff',
},
successButton: {
main: '#CDDC39',
contrastText: '#fff',
},
success: {
main: '#0e0',
contrastText: '#fff',
semaphoric: '#0e0',
},
error: {
main: '#d32f2f',
semaphoric: '#f66',
},
warning: {
main: '#ee0',
semaphoric: '#ee0',
},
selectedItem: {
main: '#2962FF',
},
tableColumnHeader: {
main: '#ECEFF1',
},
formCard: {
main: '#FFF',
},
};
const defaultTheme = (0, styles_1.createTheme)({
palette,
components: {
MuiButton: {
styleOverrides: {
contained: {
// borderRadius: 50
},
},
},
MuiTextField: {
styleOverrides: {
root: {
'&.Mui-required .MuiFormLabel-asterisk': {
// color: '#F00'
},
},
},
},
MuiListItemButton: {
styleOverrides: {
root: {
'&.Mui-selected, :hover': {
color: palette.selectedItem.main,
'& .MuiListItemIcon-root': {
color: palette.selectedItem.main,
},
},
'&.Mui-selected:hover': {
color: palette.selectedItem.main,
'& .MuiListItemIcon-root': {
color: palette.selectedItem.main,
},
},
'&.disabled': {
opacity: 0.5,
},
},
},
},
MuiDataGrid: {
styleOverrides: {
root: {
backgroundColor: palette.formCard.main,
// Target the Virtual Scroller directly
'& .MuiDataGrid-virtualScroller': {
transition: 'outline 0.2s ease-in-out, outline-offset 0.2s ease-in-out',
'&:focus-visible': {
outline: `2px solid ${palette.primary.main}`,
outlineOffset: '-2px',
zIndex: 1,
},
'&:focus': {
outline: 'none',
},
},
},
columnHeader: {
backgroundColor: palette.tableColumnHeader.main,
'& .MuiDataGrid-columnHeaderTitle': {
overflow: 'visible',
lineHeight: '1.43rem',
whiteSpace: 'normal',
},
},
row: {
'&.Mui-editing': {
maxHeight: 'none !important',
},
'&.MuiDataGrid-row--editing': {
backgroundColor: 'rgba(57, 73, 171, 0.08)',
zIndex: 1,
'& .MuiDataGrid-cell': {
boxShadow: `inset 0 2px 0 0 ${palette.primary.main}, inset 0 -2px 0 0 ${palette.primary.main}`,
'&.MuiDataGrid-cell--editing': {
backgroundColor: 'transparent',
// '&:focus-within': { outline: 'none' },
},
'&.cell--error': {
border: '0 1px solid red',
boxShadow: `inset 0 2px 0 0 ${palette.error.main}, inset 0 -2px 0 0 ${palette.error.main}`,
height: 'auto !important',
minHeight: 'var(--DataGrid-rowHeight)',
display: 'flex',
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'stretch !important',
backgroundColor: (0, styles_1.alpha)(palette.error.main, 0.1),
'& .MuiFormHelperText-root': {
margin: 0,
borderTop: '1px solid red',
padding: '2px 4px',
fontSize: '0.75rem',
whiteSpace: 'normal',
lineHeight: 1.2,
backgroundColor: 'transparent',
},
},
},
},
},
},
},
MuiTabs: {
styleOverrides: {
root: {
backgroundColor: palette.formCard.main,
marginTop: 20,
},
},
},
MuiCircularProgress: {
defaultProps: {
'aria-label': 'Carregando...',
},
},
},
}, locale_1.ptBR, locales_1.ptBR, locales_2.ptBR);
exports.default = defaultTheme;