Add onPaste to TextInput

[s77rt]

Summary:

Detect Paste event. In our use case this is needed to unlock the possibility to support image pasting.

Changelog:

[GENERAL] [ADDED] - Add onPaste prop to TextInput component

Test Plan:

1. Open RNTester
2. Go to TextInput > Event handling
3. Paste clipboard content
4. Verify onPaste is logged before onChange
5. Go to TextInput > Pasteboard
6. Paste clipboard content
7. Verify the clipboard content is displayed

iOS	Android
Screen.Recording.2024-07-13.at.7.08.40.PM.mov	Screen.Recording.2024-07-21.at.3.40.31.PM.mov
Screen.Recording.2024-07-25.at.6.16.22.PM.mov	Screen.Recording.2024-07-25.at.6.28.29.PM.mov

[s77rt]

PR for docs update: facebook/react-native-website#4161

[analysis-bot]

Platform	Engine	Arch	Size (bytes)	Diff
android	hermes	arm64-v8a	21,367,709	+12,853
android	hermes	armeabi-v7a	n/a	--
android	hermes	x86	n/a	--
android	hermes	x86_64	n/a	--
android	jsc	arm64-v8a	24,564,442	+14,451
android	jsc	armeabi-v7a	n/a	--
android	jsc	x86	n/a	--
android	jsc	x86_64	n/a	--

Base commit: fcd526d
Branch: main

[cipolleschi]

Hi @s77rt, thanks for this contributions.

I see that there are some failures in CI for the JS side. This is happening because there is a new method in the spec and this is changing the public API of the component. We have a check that warn us about API changes.

In this case is a safe change, but can you update the test case? The failure is here.

Also, to set expectation, this kind of changes, that touches at the same time JS and native code, can take a little more to be merged and we might have to split the JS part from the Native part to land them properly.

[s77rt]

@cipolleschi Updated! Thanks!

[facebook-github-bot]

@cipolleschi has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[cipolleschi]

Hi @s77rt, we were evaluating the PR internally and we figured a couple of things:

1. This change is for the Old Architecture only. Would it be possible to implement it for the New Architecture also?
2. This is a new feature that was missing from React Native. Being a new feature, the right approach would have been to first open a proposal in this repo and then, after the suggestions/questions from the core team and other main partners, work on the PR. Would it be possible for you to sketch a proposal as a PR in that repo?

Thank you so much for your patience.

[s77rt]

@cipolleschi Thanks for your quick actions on this.

Would it be possible to implement it for the New Architecture also?

The new arch is already supported and tested with RNTester. Can you please elaborate if I'm missing something here?

Would it be possible for you to sketch a proposal as a PR in that repo?

Sure! react-native-community/discussions-and-proposals#804

[s77rt]

Making this a draft until we land on an approved proposal react-native-community/discussions-and-proposals#804

[huhuanming]

will there be any new progress? 😳

[s77rt]

@huhuanming Code-wise this is ready. You can port this as a patch for your needs. Feedback is much appreciated. For now this is still marked as draft because there is no approval on the proposal yet (and code could change)