From d2ae8995c9ce97f7759201bb219221fb8715867f Mon Sep 17 00:00:00 2001
From: DevShake <dshk0718@gmail.com>
Date: Wed, 26 Jun 2024 13:07:59 -0500
Subject: [PATCH 1/3] =?UTF-8?q?fix(Components):=20=F0=9F=90=9B=20Fix=20the?=
 =?UTF-8?q?=20issue=20with=20the=20previously=20entered=20input=20value=20?=
 =?UTF-8?q?in=20the=20form=20values=20will=20not=20show=20up=20on=20the=20?=
 =?UTF-8?q?form=20load.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/text-field/text-field.tsx                           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/evergreen-component-mapper/src/text-field/text-field.tsx b/packages/evergreen-component-mapper/src/text-field/text-field.tsx
index 68a3c20..ecdf41e 100644
--- a/packages/evergreen-component-mapper/src/text-field/text-field.tsx
+++ b/packages/evergreen-component-mapper/src/text-field/text-field.tsx
@@ -15,15 +15,15 @@ const TextField: React.FC<TextFieldProps> = (props) => {
 	const { input, meta, isRequired, items, ...rest } = useFieldApi(props) as TextFieldProps;
 
 	return (
-		<Autocomplete {...input} items={items || []} allowOtherValues>
-			{({ getInputProps, getRef, inputValue, openMenu }) => (
+		<Autocomplete {...input} items={items || []} allowOtherValues {...rest}>
+			{({ getInputProps, getRef, openMenu }) => (
 				<TextInputField
 					ref={getRef}
 					required={isRequired}
 					isInvalid={Boolean(meta.error)}
 					validationMessage={meta.error}
 					{...getInputProps({ onFocus: () => openMenu() })}
-					value={inputValue}
+					value={input.value}
 					{...rest}
 				/>
 			)}

From 2e850b9423e0212784bbcb26f35d653c777be42d Mon Sep 17 00:00:00 2001
From: DevShake <dshk0718@gmail.com>
Date: Wed, 26 Jun 2024 15:18:01 -0500
Subject: [PATCH 2/3] =?UTF-8?q?Revert=20"fix(Components):=20=F0=9F=90=9B?=
 =?UTF-8?q?=20Fix=20the=20issue=20with=20the=20previously=20entered=20inpu?=
 =?UTF-8?q?t=20value=20in=20the=20form=20values=20will=20not=20show=20up?=
 =?UTF-8?q?=20on=20the=20form=20load."?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit d2ae8995c9ce97f7759201bb219221fb8715867f.
---
 .../src/text-field/text-field.tsx                           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/evergreen-component-mapper/src/text-field/text-field.tsx b/packages/evergreen-component-mapper/src/text-field/text-field.tsx
index ecdf41e..68a3c20 100644
--- a/packages/evergreen-component-mapper/src/text-field/text-field.tsx
+++ b/packages/evergreen-component-mapper/src/text-field/text-field.tsx
@@ -15,15 +15,15 @@ const TextField: React.FC<TextFieldProps> = (props) => {
 	const { input, meta, isRequired, items, ...rest } = useFieldApi(props) as TextFieldProps;
 
 	return (
-		<Autocomplete {...input} items={items || []} allowOtherValues {...rest}>
-			{({ getInputProps, getRef, openMenu }) => (
+		<Autocomplete {...input} items={items || []} allowOtherValues>
+			{({ getInputProps, getRef, inputValue, openMenu }) => (
 				<TextInputField
 					ref={getRef}
 					required={isRequired}
 					isInvalid={Boolean(meta.error)}
 					validationMessage={meta.error}
 					{...getInputProps({ onFocus: () => openMenu() })}
-					value={input.value}
+					value={inputValue}
 					{...rest}
 				/>
 			)}

From 312ceed0ccde5c932d7414b02f537973a77d1831 Mon Sep 17 00:00:00 2001
From: DevShake <dshk0718@gmail.com>
Date: Wed, 26 Jun 2024 15:19:00 -0500
Subject: [PATCH 3/3] fix(Components): Fix the issue with the `TextField`
 component not showing the value loaded from the form.

---
 .../evergreen-component-mapper/src/text-field/text-field.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/evergreen-component-mapper/src/text-field/text-field.tsx b/packages/evergreen-component-mapper/src/text-field/text-field.tsx
index 68a3c20..12ff2fd 100644
--- a/packages/evergreen-component-mapper/src/text-field/text-field.tsx
+++ b/packages/evergreen-component-mapper/src/text-field/text-field.tsx
@@ -15,7 +15,7 @@ const TextField: React.FC<TextFieldProps> = (props) => {
 	const { input, meta, isRequired, items, ...rest } = useFieldApi(props) as TextFieldProps;
 
 	return (
-		<Autocomplete {...input} items={items || []} allowOtherValues>
+		<Autocomplete {...input} items={items || []} allowOtherValues selectedItem={input.value}>
 			{({ getInputProps, getRef, inputValue, openMenu }) => (
 				<TextInputField
 					ref={getRef}