From 2a872fe33705a83e61017db60ab3ad45495e11ed Mon Sep 17 00:00:00 2001
From: Tatiana Lopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Fri, 27 Aug 2021 17:10:26 +0300
Subject: [PATCH] Fix Bug 52089 - Client.Files. Elements of the page are not
 selected using left mouse button.

---
 .../asc-web-components/heading/styled-heading.js  |  4 +++-
 packages/asc-web-components/text/index.js         |  3 +++
 packages/asc-web-components/text/styled-text.js   |  3 ++-
 .../src/components/dialogs/DeleteDialog/index.js  |  8 +++++---
 .../dialogs/DownloadDialog/DownloadContent.js     | 10 ++++++++--
 .../components/dialogs/DownloadDialog/index.js    | 15 +++++++++++----
 .../components/dialogs/ThirdPartyDialog/index.js  |  5 ++++-
 .../Settings/Section/Body/ConnectedClouds.js      |  1 +
 8 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/packages/asc-web-components/heading/styled-heading.js b/packages/asc-web-components/heading/styled-heading.js
index 8b6d4fab1a..278eea49d5 100644
--- a/packages/asc-web-components/heading/styled-heading.js
+++ b/packages/asc-web-components/heading/styled-heading.js
@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-
+import NoUserSelect from "@appserver/components/utils/commonStyles";
 import commonTextStyles from "../text/common-text-styles";
 import Base from "../themes/base";
 
@@ -20,6 +20,8 @@ const StyledHeading = styled.h1`
   ${styleCss};
 
   ${commonTextStyles};
+
+  ${NoUserSelect};
 `;
 
 StyledHeading.defaultProps = { theme: Base };
diff --git a/packages/asc-web-components/text/index.js b/packages/asc-web-components/text/index.js
index 3a6d14d29f..f4a05ab08d 100644
--- a/packages/asc-web-components/text/index.js
+++ b/packages/asc-web-components/text/index.js
@@ -53,6 +53,8 @@ Text.propTypes = {
   isItalic: PropTypes.bool,
   /** Sets the 'display' property */
   display: PropTypes.string,
+  /** Disable selection of text*/
+  noSelect: PropTypes.bool,
 };
 
 Text.defaultProps = {
@@ -63,6 +65,7 @@ Text.defaultProps = {
   isBold: false,
   isInline: false,
   isItalic: false,
+  noSelect: false,
 };
 
 export default Text;
diff --git a/packages/asc-web-components/text/styled-text.js b/packages/asc-web-components/text/styled-text.js
index 377e565ed7..d0eae90c6b 100644
--- a/packages/asc-web-components/text/styled-text.js
+++ b/packages/asc-web-components/text/styled-text.js
@@ -1,7 +1,7 @@
 import styled, { css } from "styled-components";
 import commonTextStyles from "./common-text-styles";
 import Base from "../themes/base";
-
+import NoUserSelect from "@appserver/components/utils/commonStyles";
 const styleCss = css`
   font-size: ${(props) => props.fontSizeProp};
   outline: 0 !important;
@@ -37,6 +37,7 @@ const StyledText = styled.p`
   ${styleCss};
 
   ${commonTextStyles};
+  ${(props) => props.noSelect && NoUserSelect}
 `;
 
 StyledText.defaultProps = { theme: Base };
diff --git a/products/ASC.Files/Client/src/components/dialogs/DeleteDialog/index.js b/products/ASC.Files/Client/src/components/dialogs/DeleteDialog/index.js
index 161033f7a8..d492ec72eb 100644
--- a/products/ASC.Files/Client/src/components/dialogs/DeleteDialog/index.js
+++ b/products/ASC.Files/Client/src/components/dialogs/DeleteDialog/index.js
@@ -175,10 +175,12 @@ class DeleteDialogComponent extends React.Component {
         <ModalDialog.Header>{title}</ModalDialog.Header>
         <ModalDialog.Body>
           <div className="modal-dialog-content">
-            <Text className="delete_dialog-header-text">{noteText}</Text>
+            <Text className="delete_dialog-header-text" noSelect>
+              {noteText}
+            </Text>
             <Scrollbar style={{ height, maxHeight: 330 }} stype="mediumBlack">
               {foldersList.length > 0 && (
-                <Text isBold className="delete_dialog-text">
+                <Text isBold className="delete_dialog-text" noSelect>
                   {t("Translations:Folders")}:
                 </Text>
               )}
@@ -195,7 +197,7 @@ class DeleteDialogComponent extends React.Component {
               ))}
 
               {filesList.length > 0 && (
-                <Text isBold className="delete_dialog-text">
+                <Text isBold className="delete_dialog-text" noSelect>
                   {t("Translations:Files")}:
                 </Text>
               )}
diff --git a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js
index 89eaba3d15..3e7608f35c 100644
--- a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js
+++ b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js
@@ -297,12 +297,18 @@ const DownloadContent = (props) => {
               element={element}
             >
               <RowContent convertSideInfo={false}>
-                <Text truncate type="page" title={file.title} fontSize="14px">
+                <Text
+                  truncate
+                  type="page"
+                  title={file.title}
+                  fontSize="14px"
+                  noSelect
+                >
                   {file.title}
                 </Text>
                 <></>
                 {file.checked && (
-                  <Text fontSize="12px" containerWidth="auto">
+                  <Text fontSize="12px" containerWidth="auto" noSelect>
                     {t("ConvertInto")}
                   </Text>
                 )}
diff --git a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/index.js b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/index.js
index b75d16621f..0d9778db0f 100644
--- a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/index.js
+++ b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/index.js
@@ -434,7 +434,7 @@ class DownloadDialogComponent extends React.Component {
       >
         <ModalDialog.Header>{t("Translations:DownloadAs")}</ModalDialog.Header>
         <ModalDialog.Body>
-          <Text>{t("ChooseFormatText")}</Text>
+          <Text noSelect>{t("ChooseFormatText")}</Text>
           {documents.length > 0 && (
             <DownloadContent
               t={t}
@@ -490,7 +490,13 @@ class DownloadDialogComponent extends React.Component {
                   indeterminate={indeterminateOtherTitle}
                 >
                   <RowContent>
-                    <Text truncate type="page" title={"Other"} fontSize="14px">
+                    <Text
+                      truncate
+                      type="page"
+                      title={"Other"}
+                      fontSize="14px"
+                      noSelect
+                    >
                       {t("Other")}
                     </Text>
                     <></>
@@ -518,11 +524,12 @@ class DownloadDialogComponent extends React.Component {
                           type="page"
                           title={folder.title}
                           fontSize="14px"
+                          noSelect
                         >
                           {folder.title}
                         </Text>
                         <></>
-                        <Text fontSize="12px" containerWidth="auto">
+                        <Text fontSize="12px" containerWidth="auto" noSelect>
                           {folder.fileExst && t("OriginalFormat")}
                         </Text>
                       </RowContent>
@@ -534,7 +541,7 @@ class DownloadDialogComponent extends React.Component {
           )}
 
           {!isSingleFile && <Text>{t("ConvertToZip")}</Text>}
-          <Text>{t("ConvertMessage")}</Text>
+          <Text noSelect>{t("ConvertMessage")}</Text>
         </ModalDialog.Body>
         <ModalDialog.Footer>
           <Button
diff --git a/products/ASC.Files/Client/src/components/dialogs/ThirdPartyDialog/index.js b/products/ASC.Files/Client/src/components/dialogs/ThirdPartyDialog/index.js
index f302dcc7d6..d708323782 100644
--- a/products/ASC.Files/Client/src/components/dialogs/ThirdPartyDialog/index.js
+++ b/products/ASC.Files/Client/src/components/dialogs/ThirdPartyDialog/index.js
@@ -7,6 +7,7 @@ import ModalDialog from "@appserver/components/modal-dialog";
 import Text from "@appserver/components/text";
 import Link from "@appserver/components/link";
 import { connectedCloudsTitleTranslation } from "../../../helpers/utils";
+import NoUserSelect from "@appserver/components/utils/commonStyles";
 
 const StyledServicesBlock = styled.div`
   display: grid;
@@ -28,6 +29,7 @@ const StyledServicesBlock = styled.div`
   }
 
   img {
+    ${NoUserSelect}
     border: 1px solid #d1d1d1;
     width: 158px;
     height: 40px;
@@ -134,7 +136,7 @@ const ThirdPartyDialog = (props) => {
         {t("Translations:ConnectingAccount")}
       </ModalDialog.Header>
       <ModalDialog.Body>
-        <Text as="div">
+        <Text as="div" noSelect>
           {t("ConnectDescription")}
           {isAdmin && (
             <Trans t={t} i18nKey="ConnectAdminDescription" ns="Settings">
@@ -230,6 +232,7 @@ const ThirdPartyDialog = (props) => {
               className="service-item service-text"
               data-title={webDavConnectItem[0]}
               data-key={webDavConnectItem[0]}
+              noSelect
             >
               {t("ConnextOtherAccount")}
             </Text>
diff --git a/products/ASC.Files/Client/src/pages/Settings/Section/Body/ConnectedClouds.js b/products/ASC.Files/Client/src/pages/Settings/Section/Body/ConnectedClouds.js
index 34cf91eade..cfefb3261c 100644
--- a/products/ASC.Files/Client/src/pages/Settings/Section/Body/ConnectedClouds.js
+++ b/products/ASC.Files/Client/src/pages/Settings/Section/Body/ConnectedClouds.js
@@ -239,6 +239,7 @@ class ConnectClouds extends React.Component {
                         fontWeight="600"
                         fontSize="15px"
                         color="#333"
+                        noSelect
                       >
                         {tReady ? (
                           typeTitle