From aa83bae8c6e030e9d916bca471569dfa2112b8d7 Mon Sep 17 00:00:00 2001
From: DmitrySychugov <dmitry.sychugov@onlyoffice.com>
Date: Fri, 19 Apr 2024 19:47:56 +0500
Subject: [PATCH] Client: TableView: fixed index cell indention

---
 .../pages/Home/Section/Body/TableView/StyledTable.js | 12 ++++++++++++
 .../Home/Section/Body/TableView/TableContainer.js    |  3 +++
 .../Section/Body/TableView/sub-components/RowData.js |  6 +++++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js b/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js
index 0418eedeec..dc6f984efb 100644
--- a/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js
+++ b/packages/client/src/pages/Home/Section/Body/TableView/StyledTable.js
@@ -126,6 +126,18 @@ const StyledTableRow = styled(TableRow)`
                   padding-left: 24px;
                 `}
         }
+        .table-container_index-cell {
+          ${(props) =>
+            props.theme.interfaceDirection === "rtl"
+              ? css`
+                  margin-right: -24px;
+                  padding-right: 24px;
+                `
+              : css`
+                  margin-left: -24px;
+                  padding-left: 24px;
+                `}
+        }
         .table-container_row-context-menu-wrapper {
           ${(props) =>
             props.theme.interfaceDirection === "rtl"
diff --git a/packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js b/packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js
index 89c0c671d1..3b138f9f01 100644
--- a/packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js
+++ b/packages/client/src/pages/Home/Section/Body/TableView/TableContainer.js
@@ -70,6 +70,9 @@ const StyledTableContainer = styled(TableContainer)`
     .table-container_file-name-cell {
       ${fileNameCss}
     }
+    .table-container_index-cell {
+      ${fileNameCss}
+    }
 
     .table-container_row-context-menu-wrapper {
       ${contextCss}
diff --git a/packages/client/src/pages/Home/Section/Body/TableView/sub-components/RowData.js b/packages/client/src/pages/Home/Section/Body/TableView/sub-components/RowData.js
index a73e57a4ee..a89ce9fea4 100644
--- a/packages/client/src/pages/Home/Section/Body/TableView/sub-components/RowData.js
+++ b/packages/client/src/pages/Home/Section/Body/TableView/sub-components/RowData.js
@@ -69,10 +69,14 @@ const RowDataComponent = (props) => {
     <>
       {indexColumnIsEnabled && enableIndexing && (
         <TableCell
+          className={classNames(
+            selectionProp?.className,
+            "table-container_index-cell",
+          )}
           style={
             !indexColumnIsEnabled ? { background: "none" } : dragStyles.style
           }
-          {...selectionProp}
+          value={value}
         >
           <IndexCell
             sideColor={theme.filesSection.tableView.row.sideColor}