From 60b172e8d8a9105231a7201a0810cd3760c974e0 Mon Sep 17 00:00:00 2001
From: gopienkonikita <nikita.gopienko@onlyoffice.com>
Date: Fri, 18 Dec 2020 15:34:36 +0300
Subject: [PATCH] Web: Components: fixed SelectedItem and SelectorAddButton
 click when components is disabled

---
 .../src/components/selected-item/index.js                   | 6 +++++-
 .../src/components/selector-add-button/index.js             | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/ASC.Web.Components/src/components/selected-item/index.js b/web/ASC.Web.Components/src/components/selected-item/index.js
index 2e4c5ea06d..91058684e1 100644
--- a/web/ASC.Web.Components/src/components/selected-item/index.js
+++ b/web/ASC.Web.Components/src/components/selected-item/index.js
@@ -44,6 +44,10 @@ const SelectedItem = (props) => {
   const { isDisabled, text, onClose } = props;
   const colorProps = { color: isDisabled ? "#D0D5DA" : "#555F65" };
 
+  const onCloseClick = (e) => {
+    !isDisabled && onClose && onClose(e);
+  };
+
   //console.log("SelectedItem render");
   return (
     <StyledSelectedItem {...props}>
@@ -52,7 +56,7 @@ const SelectedItem = (props) => {
           {text}
         </Text>
       </StyledSelectedTextBox>
-      <StyledCloseButton onClick={onClose} isDisabled={isDisabled}>
+      <StyledCloseButton onClick={onCloseClick} isDisabled={isDisabled}>
         <IconButton
           color="#979797"
           size={10}
diff --git a/web/ASC.Web.Components/src/components/selector-add-button/index.js b/web/ASC.Web.Components/src/components/selector-add-button/index.js
index d942c04786..4d26cf1780 100644
--- a/web/ASC.Web.Components/src/components/selector-add-button/index.js
+++ b/web/ASC.Web.Components/src/components/selector-add-button/index.js
@@ -26,7 +26,11 @@ const StyledButton = styled.div`
 `;
 
 const SelectorAddButton = (props) => {
-  const { isDisabled, title, onClick, className, id, style } = props;
+  const { isDisabled, title, className, id, style } = props;
+
+  const onClick = (e) => {
+    !isDisabled && props.onClick && props.onClick(e);
+  };
 
   return (
     <StyledButton