Merge pull request #30056 from software-mansion-labs/ts-migration/rn-…

…text-input-component

[TS migration] Migrate 'RNTextInput.js' component to TypeScript

src/components/RNTextInput.tsx

@@ -0,0 +1,29 @@
+import React, {ForwardedRef} from 'react';
+// eslint-disable-next-line no-restricted-imports
+import {TextInput, TextInputProps} from 'react-native';
+import Animated, {AnimatedProps} from 'react-native-reanimated';
+
+// Convert the underlying TextInput into an Animated component so that we can take an animated ref and pass it to a worklet
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function RNTextInputWithRef(props: TextInputProps, ref: ForwardedRef<React.Component<AnimatedProps<TextInputProps>>>) {
+    return (
+        <AnimatedTextInput
+            allowFontScaling={false}
+            textBreakStrategy="simple"
+            ref={(refHandle) => {
+                if (typeof ref !== 'function') {
+                    return;
+                }
+                ref(refHandle);
+            }}
+            // eslint-disable-next-line
+            {...props}
+        />
+    );
+}
+
+RNTextInputWithRef.displayName = 'RNTextInputWithRef';
+
+export default React.forwardRef(RNTextInputWithRef);