P8-Panels/app/theme/variants/p8p_dialog_content_variants.js

49 lines
1.5 KiB
JavaScript

/*
Парус 8 - Панели мониторинга
Расширение стилистики DialogContent
*/
//---------------------
//Подключение библиотек
//---------------------
import { APP_STYLES } from "../../../app.styles"; //Типовые стили
import { P8P_COMPONENT_WIDTH } from "../styles/common"; //Стили - общие
//----------------
//Интерфейс модуля
//----------------
//Кастомные диалоги (содержимое)
export const P8P_DIALOG_CONTENTS = theme => ({
primary: {},
P8PPrimary: { overflow: "auto", ...APP_STYLES.SCROLL },
P8PTask: {
...P8P_COMPONENT_WIDTH({ minWidth: 400 }),
//minWidth: 400,
overflowX: "auto"
},
P8PHint: { ...theme.typography.P8PBody4, color: theme.palette.P8PText.primary },
P8PHidden: { display: "flex", flexDirection: "column", overflow: "hidden" }
});
//Наименование кастомных диалогов (содержимое)
export const P8P_DIALOG_CONTENT_VARIANT = {
PRIMARY: "P8PPrimary",
TASK: "P8PTask",
HINT: "P8PHint",
HIDDEN: "P8PHidden"
};
//Кастомная стилистика компонента
export const P8P_DIALOG_CONTENT_OVERRIDES = {
styleOverrides: {
root: ({ ownerState, theme }) => {
//Определяем вариант
const variant = ownerState["variant"] || "primary";
//Возвращаем стили варианта
return P8P_DIALOG_CONTENTS(theme)[variant];
}
}
};