fix: ts/lint

Author: kirillzyusko

src/components/AmountWithoutCurrencyInput.tsx

@@ -31,7 +31,6 @@ function AmountWithoutCurrencyForm(
             keyboardType={!shouldAllowNegative ? CONST.KEYBOARD_TYPE.DECIMAL_PAD : undefined}
             type="mask"
             mask="[09999999].[99]"
-            customNotations={[{character: '.', characterSet: '.', isOptional: true}, {character: ',', characterSet: ',', isOptional: true}]}
             // On android autoCapitalize="words" is necessary when keyboardType="decimal-pad" or inputMode="decimal" to prevent input lag.
             // See https://github.com/Expensify/App/issues/51868 for more information
             autoCapitalize="words"

src/components/TextInput/BaseTextInput/implementations.ts

@@ -1,10 +1,13 @@
 import RNMarkdownTextInput from '@components/RNMarkdownTextInput';
 import RNMaskedTextInput from '@components/RNMaskedTextInput';
 import RNTextInput from '@components/RNTextInput';
+import type {BaseTextInputProps, InputType} from './types';
 
-const InputComponentMap = new Map([
+type InputComponentType = React.ComponentType<BaseTextInputProps>;
+
+const InputComponentMap = new Map<InputType, InputComponentType>([
     ['default', RNTextInput],
-    ['mask', RNMaskedTextInput],
+    ['mask', RNMaskedTextInput as InputComponentType],
     ['markdown', RNMarkdownTextInput],
 ]);
 

src/components/TextInput/BaseTextInput/index.native.tsx

@@ -11,6 +11,7 @@ import * as Expensicons from '@components/Icon/Expensicons';
 import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import type {AnimatedMarkdownTextInputRef} from '@components/RNMarkdownTextInput';
 import type {AnimatedTextInputRef} from '@components/RNTextInput';
+import RNTextInput from '@components/RNTextInput';
 import Text from '@components/Text';
 import * as styleConst from '@components/TextInput/styleConst';
 import TextInputClearButton from '@components/TextInput/TextInputClearButton';
@@ -75,7 +76,7 @@ function BaseTextInput(
     }: BaseTextInputProps,
     ref: ForwardedRef<BaseTextInputRef>,
 ) {
-    const InputComponent = InputComponentMap.get(type);
+    const InputComponent = InputComponentMap.get(type) ?? RNTextInput;
     const isMarkdownEnabled = type === 'markdown';
     const isAutoGrowHeightMarkdown = isMarkdownEnabled && autoGrowHeight;
 

src/components/TextInput/BaseTextInput/index.tsx

@@ -11,6 +11,7 @@ import * as Expensicons from '@components/Icon/Expensicons';
 import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import type {AnimatedMarkdownTextInputRef} from '@components/RNMarkdownTextInput';
 import type {AnimatedTextInputRef} from '@components/RNTextInput';
+import RNTextInput from '@components/RNTextInput';
 import SwipeInterceptPanResponder from '@components/SwipeInterceptPanResponder';
 import Text from '@components/Text';
 import * as styleConst from '@components/TextInput/styleConst';
@@ -80,7 +81,7 @@ function BaseTextInput(
     }: BaseTextInputProps,
     ref: ForwardedRef<BaseTextInputRef>,
 ) {
-    const InputComponent = InputComponentMap.get(type);
+    const InputComponent = InputComponentMap.get(type) ?? RNTextInput;
     const isMarkdownEnabled = type === 'markdown';
     const isAutoGrowHeightMarkdown = isMarkdownEnabled && autoGrowHeight;
 

src/components/TextInput/BaseTextInput/types.ts

@@ -1,5 +1,6 @@
 import type {MarkdownStyle} from '@expensify/react-native-live-markdown';
 import type {GestureResponderEvent, StyleProp, TextInputProps, TextStyle, ViewStyle} from 'react-native';
+import type {MaskedTextInputOwnProps} from 'react-native-advanced-input-mask/lib/typescript/src/types';
 import type {AnimatedTextInputRef} from '@components/RNTextInput';
 import type IconAsset from '@src/types/utils/IconAsset';
 
@@ -120,6 +121,8 @@ type CustomBaseTextInputProps = {
     /** List of markdowns that won't be styled as a markdown */
     excludedMarkdownStyles?: Array<keyof MarkdownStyle>;
 
+    markdownStyle?: MarkdownStyle;
+
     /** Whether the clear button should be displayed */
     shouldShowClearButton?: boolean;
 
@@ -144,9 +147,12 @@ type CustomBaseTextInputProps = {
     /** The width of inner content */
     contentWidth?: number;
 
-    /** The type (internal implementation) of input. Cab one of: `default`, `mask`, `markdown` */
+    /** The type (internal implementation) of input. Can be one of: `default`, `mask`, `markdown` */
     type?: InputType;
 
+    /** The mask of the masked input */
+    mask?: MaskedTextInputOwnProps['mask'];
+
     /** Whether the input should be enforced to be uncontrolled. Default is `false` */
     uncontrolled?: boolean;
 };

src/pages/Search/SearchAdvancedFiltersPage/SearchFiltersAmountPage.tsx

@@ -76,7 +76,6 @@ function SearchFiltersAmountPage() {
                     <InputWrapper
                         InputComponent={AmountWithoutCurrencyInput}
                         inputID={INPUT_IDS.LESS_THAN}
-                        onPaste={(e) => console.log('paste', e.nativeEvent)}
                         name={INPUT_IDS.LESS_THAN}
                         defaultValue={lessThanFormattedAmount}
                         label={translate('search.filters.amount.lessThan')}