From 4a5adf57a3128e77876c43c7ed4b92dea623e153 Mon Sep 17 00:00:00 2001
From: DenisVorop <saskeazaske@icloud.com>
Date: Thu, 27 Jul 2023 21:31:30 +0300
Subject: [PATCH] chore: add clickoutside listeners

---
 src/components/EstimateComboBox.tsx | 6 +++++-
 src/components/TagComboBox.tsx      | 3 +++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/EstimateComboBox.tsx b/src/components/EstimateComboBox.tsx
index 72c55a330..2b60c8b30 100644
--- a/src/components/EstimateComboBox.tsx
+++ b/src/components/EstimateComboBox.tsx
@@ -224,6 +224,8 @@ export const EstimateComboBox = React.forwardRef<HTMLDivElement, EstimateComboBo
             onChange?.(undefined);
         }, [defaultValuePlaceholder, text, onChange, setInputState, value?.date, locale]);
 
+        const onClickOutside = useCallback((cb: () => void) => cb(), []);
+
         return (
             <ComboBox
                 ref={ref}
@@ -235,6 +237,7 @@ export const EstimateComboBox = React.forwardRef<HTMLDivElement, EstimateComboBo
                 items={Object.keys(quarterInfo)}
                 maxWidth={100}
                 minWidth={100}
+                onClickOutside={onClickOutside}
                 onChange={onChange}
                 renderTrigger={(props) => (
                     <StyledTriggerContainer>
@@ -247,7 +250,7 @@ export const EstimateComboBox = React.forwardRef<HTMLDivElement, EstimateComboBo
                         />
                     </StyledTriggerContainer>
                 )}
-                renderInput={() => (
+                renderInput={({ ref }) => (
                     <InputMask mask={mask} maskPlaceholder={null} onChange={onInputChange} value={inputState}>
                         {/* @ts-ignore incorrect type in react-input-mask */}
                         {(props: { value: string; onChange: () => void }) => (
@@ -256,6 +259,7 @@ export const EstimateComboBox = React.forwardRef<HTMLDivElement, EstimateComboBo
                                 placeholder={placeholder}
                                 value={props.value}
                                 onChange={props.onChange}
+                                ref={ref}
                             />
                         )}
                     </InputMask>
diff --git a/src/components/TagComboBox.tsx b/src/components/TagComboBox.tsx
index 88da6d659..159e4ce30 100644
--- a/src/components/TagComboBox.tsx
+++ b/src/components/TagComboBox.tsx
@@ -78,6 +78,8 @@ export const TagComboBox = React.forwardRef<HTMLDivElement, TagComboBoxProps>(
               ]
             : [];
 
+        const onClickOutside = useCallback((cb: () => void) => cb(), []);
+
         return (
             <ComboBox
                 ref={ref}
@@ -86,6 +88,7 @@ export const TagComboBox = React.forwardRef<HTMLDivElement, TagComboBoxProps>(
                 visible={completionVisible}
                 error={error}
                 disabled={disabled}
+                onClickOutside={onClickOutside}
                 onChange={onTagClick}
                 items={items}
                 renderTrigger={(props) => (