Autocomplete: allow "falsely" input values (#2154)

* fix: allow autocomplete input value to be  falsely

* chore: added changeset

* fixes linting error

Co-authored-by: Erik Hughes <[email protected]>

Author: mperrotti

.changeset/cold-bottles-attend.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Allow "falsely/empty" Autocomplete.Input values

src/Autocomplete/AutocompleteInput.tsx

@@ -146,9 +146,7 @@ const AutocompleteInput = React.forwardRef(
     }, [autocompleteSuggestion, inputValue, inputRef, isMenuDirectlyActivated])
 
     useEffect(() => {
-      if (value) {
-        setInputValue(value.toString())
-      }
+      setInputValue(typeof value !== 'undefined' ? value.toString() : '')
     }, [value, setInputValue])
 
     return (

src/__tests__/Autocomplete.test.tsx

@@ -321,6 +321,14 @@ describe('Autocomplete', () => {
       inputNode && userEvent.type(inputNode, '{esc}')
       expect(inputNode?.getAttribute('aria-expanded')).not.toBe('true')
     })
+
+    it('allows the value to be 0', () => {
+      const {getByDisplayValue} = HTMLRender(
+        <LabelledAutocomplete menuProps={{items: mockItems, selectedItemIds: []}} inputProps={{value: 0}} />
+      )
+
+      expect(getByDisplayValue('0')).toBeDefined()
+    })
   })
 
   describe('Autocomplete.Menu', () => {