From e5f664666881c899d3672de99c872e77609283e2 Mon Sep 17 00:00:00 2001
From: Ciaran Liedeman <ciaranliedeman@gmail.com>
Date: Fri, 16 Oct 2020 21:16:21 +0200
Subject: [PATCH] fix: Fixed free solo multiple and added test case

---
 .../src/Autocomplete.tsx                      | 12 +++---
 stories/lab/Autocomplete.story.tsx            | 38 ++++++++++++++++---
 2 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/packages/formik-material-ui-lab/src/Autocomplete.tsx b/packages/formik-material-ui-lab/src/Autocomplete.tsx
index 2d798b07..f2ca4f2a 100644
--- a/packages/formik-material-ui-lab/src/Autocomplete.tsx
+++ b/packages/formik-material-ui-lab/src/Autocomplete.tsx
@@ -64,13 +64,11 @@ export function fieldToAutocomplete<
       function (event) {
         field.onBlur(event ?? field.name);
       },
-    onChange: onChange
-      ? onChange
-      : !freeSolo
-      ? function (_event, value) {
-          setFieldValue(field.name, value);
-        }
-      : undefined,
+    onChange:
+      onChange ??
+      function (_event, value) {
+        setFieldValue(field.name, value);
+      },
     disabled: disabled ?? isSubmitting,
     loading: isSubmitting,
     ...fieldSubselection,
diff --git a/stories/lab/Autocomplete.story.tsx b/stories/lab/Autocomplete.story.tsx
index 4f363774..5bd7acdc 100644
--- a/stories/lab/Autocomplete.story.tsx
+++ b/stories/lab/Autocomplete.story.tsx
@@ -147,6 +147,7 @@ export default () => (
       initialValues={{
         single: top100Films[0],
         freeSolo: 'Godfather',
+        freeSoloMultiple: [],
         grouped: null,
         multiple: [top100Films[0]],
       }}
@@ -188,8 +189,8 @@ export default () => (
               renderInput={(params: AutocompleteRenderInputParams) => (
                 <TextField
                   {...params}
-                  error={touched['single'] && !!errors['freeSolo']}
-                  helperText={touched['single'] && errors['freeSolo']}
+                  error={touched['freeSolo'] && !!errors['freeSolo']}
+                  helperText={touched['freeSolo'] && errors['freeSolo']}
                   label="Free Solo"
                   InputProps={{ ...params.InputProps, type: 'search' }}
                   variant="outlined"
@@ -197,6 +198,31 @@ export default () => (
               )}
             />
           </Box>
+          <Box margin={1}>
+            <Field
+              name="freeSoloMultiple"
+              component={Autocomplete}
+              freeSolo
+              multiple
+              // Free solo expects text options
+              options={top100Films.map((option) => option.title)}
+              style={{ width: 300 }}
+              renderInput={(params: AutocompleteRenderInputParams) => (
+                <TextField
+                  {...params}
+                  error={
+                    touched['freeSoloMultiple'] && !!errors['freeSoloMultiple']
+                  }
+                  helperText={
+                    touched['freeSoloMultiple'] && errors['freeSoloMultiple']
+                  }
+                  label="Free Solo Multiple"
+                  InputProps={{ ...params.InputProps, type: 'search' }}
+                  variant="outlined"
+                />
+              )}
+            />
+          </Box>
           <Box margin={1}>
             <Field
               name="multiple"
@@ -208,8 +234,8 @@ export default () => (
               renderInput={(params: AutocompleteRenderInputParams) => (
                 <TextField
                   {...params}
-                  error={touched['single'] && !!errors['multiple']}
-                  helperText={touched['single'] && errors['multiple']}
+                  error={touched['multiple'] && !!errors['multiple']}
+                  helperText={touched['multiple'] && errors['multiple']}
                   label="Multiple"
                   variant="outlined"
                 />
@@ -229,8 +255,8 @@ export default () => (
               renderInput={(params: AutocompleteRenderInputParams) => (
                 <TextField
                   {...params}
-                  error={touched['single'] && !!errors['grouped']}
-                  helperText={touched['single'] && errors['grouped']}
+                  error={touched['grouped'] && !!errors['grouped']}
+                  helperText={touched['grouped'] && errors['grouped']}
                   label="Grouped"
                   variant="outlined"
                 />