/*
    Парус 8 - Панели мониторинга - РО - Редактор настройки регламентированного отчёта
    Дополнительная разметка и вёрстка клиентских элементов
*/

//---------------------
//Подключение библиотек
//---------------------

import React from "react"; //Классы React
import { Stack, IconButton, Icon, Link } from "@mui/material"; //Интерфейсные компоненты

//---------
//Константы
//---------

export const STYLES = {
    DIALOG_WINDOW_WIDTH: { width: 400 },
    PADDING_DIALOG_BUTTONS_RIGHT: { paddingRight: "32px" }
};

//Статусы диалогового окна
export const STATUSES = { CREATE: 0, EDIT: 1, DELETE: 2, COLUMNROW_CREATE: 3, COLUMNROW_EDIT: 4, COLUMNROW_DELETE: 5 };

//-----------
//Тело модуля
//-----------

//Генерация представления ячейки c данными
export const dataCellRender = ({ row, columnDef }, showRrpConfSctnMrk, editCR, deleteCR) => {
    let data = row[columnDef.name];
    let cellStyle = { display: "flex" };
    columnDef.name != "SROW_NAME" && data != undefined && columnDef.visible == true
        ? (data = (
              <Stack direction="row">
                  <Link
                      component="button"
                      width="-webkit-fill-available"
                      onClick={() => {
                          showRrpConfSctnMrk(row["NRN_" + columnDef.name.substring(5)]);
                      }}
                  >
                      {row[columnDef.name]}
                  </Link>
                  <IconButton onClick={() => editCR(row["NRN_" + columnDef.name.substring(5)], row[columnDef.name])}>
                      <Icon>edit</Icon>
                  </IconButton>
                  <IconButton onClick={() => deleteCR(row["NRN_" + columnDef.name.substring(5)], row[columnDef.name])}>
                      <Icon>delete</Icon>
                  </IconButton>
              </Stack>
          ))
        : null;
    return { data };
};