forked from CITKParus/P8-Panels
48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
/*
|
|
Парус 8 - Панели мониторинга
|
|
Расширение стилистики Select
|
|
*/
|
|
|
|
//----------------
|
|
//Интерфейс модуля
|
|
//----------------
|
|
|
|
//Кастомные поля выбора
|
|
export const P8P_SELECTS = theme => ({
|
|
primary: {},
|
|
P8PPrimary: {
|
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
"& legend": {
|
|
fontFamily: theme.typography.P8PFontMontserrat
|
|
}
|
|
},
|
|
"& .MuiSelect-select": { ...theme.typography.P8PBody1 }
|
|
},
|
|
P8PHeader: {
|
|
...theme.typography.P8PHeader,
|
|
height: "100%",
|
|
color: theme.palette.P8PHeader.link,
|
|
"& .MuiOutlinedInput-notchedOutline": {
|
|
border: "none"
|
|
}
|
|
}
|
|
});
|
|
|
|
//Наименование кастомных полей выбора
|
|
export const P8P_SELECT_VARIANT = {
|
|
PRIMARY: "P8PPrimary",
|
|
HEADER: "P8PHeader"
|
|
};
|
|
|
|
//Кастомная стилистика компонента
|
|
export const P8P_SELECT_OVERRIDES = {
|
|
styleOverrides: {
|
|
root: ({ ownerState, theme }) => {
|
|
//Определяем вариант
|
|
const variant = ownerState["data-variant"] || "primary";
|
|
//Возвращаем стили варианта
|
|
return P8P_SELECTS(theme)[variant];
|
|
}
|
|
}
|
|
};
|