fix: Workspace - Taxes - Can't press Enter on creating tax rate.

Signed-off-by: krishna2323 <belivethatkg@gmail.com>

Author: Krishna2323

src/components/AmountPicker/AmountSelectorModal.tsx

@@ -1,6 +1,6 @@
 import {useFocusEffect} from '@react-navigation/native';
 import React, {useCallback, useRef, useState} from 'react';
-import {View} from 'react-native';
+import {Keyboard, View} from 'react-native';
 import AmountForm from '@components/AmountForm';
 import Button from '@components/Button';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
@@ -77,7 +77,10 @@ function AmountSelectorModal({value, description = '', onValueSelected, isVisibl
                             large
                             pressOnEnter
                             text={translate('common.save')}
-                            onPress={() => onValueSelected?.(currentValue ?? '')}
+                            onPress={() => {
+                                onValueSelected?.(currentValue ?? '');
+                                Keyboard.dismiss();
+                            }}
                             style={styles.mh5}
                         />
                     </View>

src/components/Form/FormProvider.tsx

@@ -115,6 +115,7 @@ function FormProvider(
         shouldRenderFooterAboveSubmit = false,
         shouldUseStrictHtmlTagValidation = false,
         shouldPreventDefaultFocusOnPressSubmit = false,
+        enterKeyEventListenerPriority = 1,
         ...rest
     }: FormProviderProps,
     forwardedRef: ForwardedRef<FormRef>,
@@ -459,6 +460,7 @@ function FormProvider(
                 enabledWhenOffline={enabledWhenOffline}
                 shouldRenderFooterAboveSubmit={shouldRenderFooterAboveSubmit}
                 shouldPreventDefaultFocusOnPressSubmit={shouldPreventDefaultFocusOnPressSubmit}
+                enterKeyEventListenerPriority={enterKeyEventListenerPriority}
             >
                 {typeof children === 'function' ? children({inputValues}) : children}
             </FormWrapper>

src/components/Form/FormWrapper.tsx

@@ -94,6 +94,7 @@ function FormWrapper({
     shouldSubmitButtonBlendOpacity = false,
     shouldPreventDefaultFocusOnPressSubmit = false,
     onScroll = () => {},
+    enterKeyEventListenerPriority = 1,
 }: FormWrapperProps) {
     const styles = useThemeStyles();
     const formRef = useRef<RNScrollView>(null);
@@ -179,7 +180,7 @@ function FormWrapper({
                     enabledWhenOffline={enabledWhenOffline}
                     isSubmitActionDangerous={isSubmitActionDangerous}
                     disablePressOnEnter={disablePressOnEnter}
-                    enterKeyEventListenerPriority={1}
+                    enterKeyEventListenerPriority={enterKeyEventListenerPriority}
                     shouldRenderFooterAboveSubmit={shouldRenderFooterAboveSubmit}
                     shouldBlendOpacity={shouldSubmitButtonBlendOpacity}
                     shouldPreventDefaultFocusOnPress={shouldPreventDefaultFocusOnPressSubmit}
@@ -212,6 +213,7 @@ function FormWrapper({
             submitFlexEnabled,
             shouldRenderFooterAboveSubmit,
             shouldPreventDefaultFocusOnPressSubmit,
+            enterKeyEventListenerPriority,
         ],
     );
 

src/components/Form/types.ts

@@ -173,6 +173,9 @@ type FormProps<TFormID extends OnyxFormKey = OnyxFormKey> = {
      * If `true`, the form will smoothly scroll to the bottom after interactions have completed.
      */
     shouldScrollToEnd?: boolean;
+
+    /** The priority to assign the enter key event listener to buttons. 0 is the highest priority. */
+    enterKeyEventListenerPriority?: number;
 };
 
 type FormRef<TFormID extends OnyxFormKey = OnyxFormKey> = {

src/components/TextPicker/TextSelectorModal.tsx

@@ -142,6 +142,7 @@ function TextSelectorModal({
                     enabledWhenOffline
                     shouldHideFixErrorsAlert
                     addBottomSafeAreaPadding
+                    enterKeyEventListenerPriority={0}
                 >
                     <View style={styles.pb4}>{!!subtitle && <Text style={[styles.sidebarLinkText, styles.optionAlternateText]}>{subtitle}</Text>}</View>
                     <InputWrapper

src/pages/workspace/taxes/WorkspaceCreateTaxPage.tsx

@@ -10,7 +10,6 @@ import ScreenWrapper from '@components/ScreenWrapper';
 import Text from '@components/Text';
 import TextPicker from '@components/TextPicker';
 import useLocalize from '@hooks/useLocalize';
-import useOnyx from '@hooks/useOnyx';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {createPolicyTax, getNextTaxCode, getTaxValueWithPercentage, validateTaxName, validateTaxValue} from '@libs/actions/TaxRate';
 import Navigation from '@libs/Navigation/Navigation';
@@ -37,7 +36,6 @@ function WorkspaceCreateTaxPage({
 }: WorkspaceCreateTaxPageProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
-    const [modal] = useOnyx(ONYXKEYS.MODAL, {canBeMissing: true});
 
     const submitForm = useCallback(
         ({value, ...values}: FormOnyxValues<typeof ONYXKEYS.FORMS.WORKSPACE_NEW_TAX_FORM>) => {
@@ -90,7 +88,6 @@ function WorkspaceCreateTaxPage({
                             submitButtonText={translate('common.save')}
                             enabledWhenOffline
                             shouldValidateOnBlur={false}
-                            disablePressOnEnter={!!modal?.isVisible}
                             addBottomSafeAreaPadding
                         >
                             <View style={styles.mhn5}>