Accept loadable suggestions

Author: kapantzak

src/components/input/autocomplete/useAutocomplete.js

@@ -1,11 +1,18 @@
 import { useState, useEffect, useMemo, useCallback } from "react"
 
+const defaultSuggestions = {
+  loading: false,
+  loaded: true,
+  value: [],
+  error: null,
+}
+
 const useAutocomplete = ({ value, onInputChange, autocompleteProps = {} }) => {
   const [autocompleteOpen, setAutocompleteOpen] = useState()
-  const { suggestions = [] } = autocompleteProps || {}
+  const { suggestions = defaultSuggestions } = autocompleteProps || {}
   const items = useMemo(
     () =>
-      suggestions.map(suggestion => ({
+      suggestions.value.map(suggestion => ({
         value: suggestion,
         label: suggestion,
       })),

src/components/input/input.stories.js

@@ -16,7 +16,11 @@ export const Basic = args => <TextInput {...args} />
 export const WithAutocomplete = () => {
   const [value, setValue] = useState("")
   const autocompleteProps = {
-    suggestions: Array.from(Array(10000).keys()).map(i => `Label ${i}`),
+    suggestions: {
+      loading: false,
+      value: Array.from(Array(10000).keys()).map(i => `Label ${i}`),
+      error: null,
+    },
   }
 
   const onChange = e => {