fix (#1652): error trim for data object in AutoComplete component

src/autocomplete/__tests__/Autocomplete.test.js

@@ -84,5 +84,34 @@ describe('Autocomplete', () => {
         expect(textInput).toHaveValue('A')
       })
     })
+
+    describe('when inputvalues is object', () => {
+      it('should read data autocomplete', async () => {
+        const items = [
+          { name: 'Apple', id: 1 },
+          { name: 'Orange', id: 2 }
+        ]
+
+        render(
+          makeAutocompleteFixture({
+            allowOtherValues: true,
+            items,
+            itemToString: item => (item ? item.name : '')
+          })
+        )
+
+        // Type 'A' into the input to filter items down containing the string
+        const textInput = await screen.findByTestId('TextInput')
+        userEvent.click(textInput)
+        userEvent.type(textInput, 'A')
+
+        // Click the 'Apple' option, which should also update the input element
+        const item = await screen.findByText('Apple')
+        userEvent.click(item)
+
+        // an object will be returned in the input without error
+        expect(textInput).toHaveValue('Apple')
+      })
+    })
   })
 })

src/autocomplete/src/Autocomplete.js

@@ -46,7 +46,10 @@
   width
 }) => {
   itemsFilter = itemsFilter || fuzzyFilter(itemToString)
-  const items = isFilterDisabled || inputValue.trim() === '' ? originalItems : itemsFilter(originalItems, inputValue)
+  const items =
+    isFilterDisabled || (typeof inputValue === 'string' && inputValue.trim() === '')
+      ? originalItems
+      : itemsFilter(originalItems, inputValue)
 
   if (items.length <= 0) return null
 
@@ -106,7 +109,7 @@
       itemToString = i => (i ? String(i) : ''),
       popoverMaxHeight = 240,
       popoverMinWidth = 240,
       allowOtherValues,
       ...restProps
     } = props
 
@@ -128,11 +131,10 @@
         }
 
         if (props.allowOtherValues && state.isOpen && !changes.isOpen) {
-          return {
-            ...changes,
-            selectedItem: changes.selectedItem || state.inputValue,
-            inputValue: changes.selectedItem || state.inputValue
-          }
+          const valueItem = changes.selectedItem || state.inputValue
+          return typeof valueItem === 'object'
+            ? { ...changes, selectedItem: valueItem }
+            : { ...changes, selectedItem: valueItem, inputValue: valueItem }
         }
 
         return changes
@@ -145,7 +147,7 @@
         {({
           getItemProps,
           getMenuProps,
           getRootProps,
           highlightedIndex,
           inputValue,
           isOpen: isShown,