From d0973d8a869505f1343570d394b29a86fae65d76 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Thu, 16 Sep 2021 12:56:04 +0300
Subject: [PATCH] Web: Components: add fill select row

---
 .../table-container/StyledTableContainer.js                | 1 +
 packages/asc-web-components/table-container/TableCell.js   | 4 +++-
 packages/asc-web-components/table-container/TableRow.js    | 7 ++++++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/asc-web-components/table-container/StyledTableContainer.js b/packages/asc-web-components/table-container/StyledTableContainer.js
index 67501b8682..3f714eb67b 100644
--- a/packages/asc-web-components/table-container/StyledTableContainer.js
+++ b/packages/asc-web-components/table-container/StyledTableContainer.js
@@ -178,6 +178,7 @@ const StyledTableRow = styled.div`
 `;
 
 const StyledTableCell = styled.div`
+  background: ${(props) => props.checked && "#f8f9f9 !important"};
   /* padding-right: 8px; */
   height: 40px;
   max-height: 40px;
diff --git a/packages/asc-web-components/table-container/TableCell.js b/packages/asc-web-components/table-container/TableCell.js
index c9f6c67fb4..8a3a6f0c46 100644
--- a/packages/asc-web-components/table-container/TableCell.js
+++ b/packages/asc-web-components/table-container/TableCell.js
@@ -2,11 +2,12 @@ import React from "react";
 import PropTypes from "prop-types";
 import { StyledTableCell } from "./StyledTableContainer";
 
-const TableCell = ({ className, forwardedRef, ...rest }) => {
+const TableCell = ({ className, forwardedRef, checked, ...rest }) => {
   return (
     <StyledTableCell
       className={`${className} table-container_cell`}
       ref={forwardedRef}
+      checked={checked}
       {...rest}
     />
   );
@@ -15,6 +16,7 @@ const TableCell = ({ className, forwardedRef, ...rest }) => {
 TableCell.propTypes = {
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   forwardedRef: PropTypes.shape({ current: PropTypes.any }),
+  checked: PropTypes.bool,
 };
 
 export default TableCell;
diff --git a/packages/asc-web-components/table-container/TableRow.js b/packages/asc-web-components/table-container/TableRow.js
index f962c546a1..7480abaa13 100644
--- a/packages/asc-web-components/table-container/TableRow.js
+++ b/packages/asc-web-components/table-container/TableRow.js
@@ -68,7 +68,12 @@ const TableRow = (props) => {
       </TableCell>
       {children}
       <div>
-        <TableCell {...selectionProp} style={style} forwardedRef={row}>
+        <TableCell
+          {...selectionProp}
+          style={style}
+          forwardedRef={row}
+          checked={checked}
+        >
           <ContextMenu ref={cm} model={contextOptions}></ContextMenu>
           {renderContext ? (
             <ContextMenuButton