[Fabric] Fix Fabric component & TM specs for new architecture

[shwanton]

Summary

We use this library internally at Meta and have run into some build issues when upgrading & using it with the new architecture.

• The Fabric component spec is required to have "NativeComponent" as a suffix, not prefix.

The file must be named <MODULE_NAME>NativeComponent, with a .js or .jsx extension when using Flow, or a .ts, or .tsx extension when using TypeScript. Codegen only looks for files matching this pattern.

fabric-native-components.md

• Fabric component spec shouldn't create a ComponentDescriptor since one is added manually.

https://github.com/react-native-datetimepicker/datetimepicker/blob/master/ios/fabric/cpp/react/renderer/components/RNDateTimePicker/ComponentDescriptors.h

• TM Codegen was including a typedef from a separate file, which is not supported.
• Android Codegen does not support typed parameters to codegen'd methods.
• "RCTFabricComponentsPlugins.h" is used internally and needs to be scoped to <React/RCTFabricComponentsPlugins.h>

Test Plan

Fabric - iOS

CleanShot.2024-04-02.at.16.20.26.mp4

Paper - iOS

CleanShot.2024-04-02.at.16.44.15.mp4

What's required for testing (prerequisites)?

What are the steps to reproduce (after prerequisites)?

Build w/ new arch enabled:
RCT_NEW_ARCH_ENABLED=1 pod install

Compatibility

OS	Implemented
iOS	✅
Android	✅

Checklist

• I have tested this on a device and a simulator
• I added the documentation in README.md
• I updated the typed files (TS and Flow)
• I added a sample use of the API in the example project (example/App.js)
• I have added automated tests, either in JS or e2e tests, as applicable

[arushikesarwani94]

New Arch Disabled - Android

Paper.mov

New Arch Enabled[Fabric + TurboModule] - Android

NewArchSmall.mov

[vonovak]

🎉 This issue has been resolved in version 7.6.4 🎉

If this package helps you, consider sponsoring us! 🚀