fix(fuselage): Handle onBlur prop on AutoComplete (#1222)

Co-authored-by: Tasso Evangelista <[email protected]>
RocketChat · Nov 16, 2023 · ab9e4bf · ab9e4bf
1 parent c09ef5b
commit ab9e4bf
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/sharp-planets-type.md b/.changeset/sharp-planets-type.md
@@ -0,0 +1,5 @@
+---
+"@rocket.chat/fuselage": patch
+---
+
+Handle `onBlur` prop on AutoComplete
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -2,4 +2,4 @@
 . "$(dirname "$0")/_/husky.sh"
 
 yarn update-readme
-yarn lint-staged
+yarn lint-staged --allow-empty
diff --git a/packages/fuselage/src/components/AutoComplete/AutoComplete.tsx b/packages/fuselage/src/components/AutoComplete/AutoComplete.tsx
@@ -69,6 +69,7 @@ export function AutoComplete({
   error,
   disabled,
   multiple,
+  onBlur: onBlurAction = () => {},
   ...props
 }: AutoCompleteProps): ReactElement {
   const ref = useRef();
@@ -121,6 +122,11 @@ export function AutoComplete({
   const [cursor, handleKeyDown, , reset, [optionsAreVisible, hide, show]] =
     useCursor(value, memoizedOptions, handleSelect);
 
+  const handleOnBlur = useMutableCallback((event) => {
+    hide();
+    onBlurAction(event);
+  });
+
   useEffect(reset, [filter]);
 
   return (
@@ -148,7 +154,7 @@ export function AutoComplete({
             onChange={useMutableCallback((e) =>
               setFilter(e.currentTarget.value)
             )}
-            onBlur={hide}
+            onBlur={handleOnBlur}
             onFocus={show}
             onKeyDown={handleKeyDown}
             placeholder={