feat!: remove native components from public API (#2412)

## Description

This PR removes native components from our API. The motivation is that
those shouldn't be available directly, only through our interface.

## Checklist

- [x] Ensured that CI passes

src/components/Screen.tsx

@@ -26,7 +26,7 @@ type NativeScreenProps = Omit<
   sheetLargestUndimmedDetent: number;
 };
 
-export const NativeScreen: React.ComponentType<NativeScreenProps> =
+const NativeScreen: React.ComponentType<NativeScreenProps> =
   ScreenNativeComponent as React.ComponentType<NativeScreenProps>;
 const AnimatedNativeScreen = Animated.createAnimatedComponent(NativeScreen);
 const AnimatedNativeModalScreen = Animated.createAnimatedComponent(

src/components/ScreenContainer.tsx

@@ -9,25 +9,18 @@ import { isNativePlatformSupported, screensEnabled } from '../core';
 import ScreenContainerNativeComponent from '../fabric/ScreenContainerNativeComponent';
 import ScreenNavigationContainerNativeComponent from '../fabric/ScreenNavigationContainerNativeComponent';
 
-export const NativeScreenContainer: React.ComponentType<ScreenContainerProps> =
-  Platform.OS !== 'web' ? (ScreenContainerNativeComponent as any) : View;
-export const NativeScreenNavigationContainer: React.ComponentType<ScreenContainerProps> =
-  Platform.OS !== 'web'
-    ? (ScreenNavigationContainerNativeComponent as any)
-    : View;
-
 function ScreenContainer(props: ScreenContainerProps) {
   const { enabled = screensEnabled(), hasTwoStates, ...rest } = props;
 
   if (enabled && isNativePlatformSupported) {
     if (hasTwoStates) {
       const ScreenNavigationContainer =
         Platform.OS === 'ios'
-          ? NativeScreenNavigationContainer
-          : NativeScreenContainer;
+          ? ScreenNavigationContainerNativeComponent
+          : ScreenContainerNativeComponent;
       return <ScreenNavigationContainer {...rest} />;
     }
-    return <NativeScreenContainer {...rest} />;
+    return <ScreenContainerNativeComponent {...rest} />;
   }
   return <View {...rest} />;
 }

src/components/ScreenContainer.web.tsx

@@ -1,6 +1,5 @@
 import { View } from 'react-native';
 
-export const NativeScreenContainer = View;
-export const NativeScreenNavigationContainer = View;
+const ScreenContainer = View;
 
-export default View;
+export default ScreenContainer;

src/components/ScreenContentWrapper.tsx

@@ -1,12 +1,9 @@
 import React from 'react';
-import { Platform, View, ViewProps } from 'react-native';
+import { ViewProps } from 'react-native';
 import ScreenContentWrapperNativeComponent from '../fabric/ScreenContentWrapperNativeComponent';
 
-export const NativeScreenContentWrapper: React.ComponentType<ViewProps> =
-  Platform.OS !== 'web' ? (ScreenContentWrapperNativeComponent as any) : View;
-
 function ScreenContentWrapper(props: ViewProps) {
-  return <NativeScreenContentWrapper collapsable={false} {...props} />;
+  return <ScreenContentWrapperNativeComponent collapsable={false} {...props} />;
 }
 
 export default ScreenContentWrapper;

src/components/ScreenContentWrapper.web.tsx

@@ -1,6 +1,5 @@
 import { View } from 'react-native';
 
-export const NativeScreenContentWrapper = View;
-
 const ScreenContentWrapper = View;
+
 export default ScreenContentWrapper;

src/components/ScreenFooter.tsx

@@ -1,18 +1,12 @@
 import React from 'react';
-import { Platform, View, ViewProps } from 'react-native';
+import { ViewProps } from 'react-native';
 import ScreenFooterNativeComponent from '../fabric/ScreenFooterNativeComponent';
 
-/**
- * Unstable API
- */
-export const NativeScreenFooter: React.ComponentType<ViewProps> =
-  Platform.OS !== 'web' ? (ScreenFooterNativeComponent as any) : View;
-
 /**
  * Unstable API
  */
 function ScreenFooter(props: ViewProps) {
-  return <NativeScreenFooter {...props} />;
+  return <ScreenFooterNativeComponent {...props} />;
 }
 
 export default ScreenFooter;

src/components/ScreenFooter.web.tsx

@@ -1,6 +1,5 @@
 import { View } from 'react-native';
 
-export const NativeScreenFooter = View;
-
 const ScreenFooter = View;
+
 export default ScreenFooter;

src/components/ScreenStack.web.tsx

@@ -1,3 +1,5 @@
 import { View } from 'react-native';
 
-export default View;
+const ScreenStack = View;
+
+export default ScreenStack;

src/components/SearchBar.tsx

@@ -15,13 +15,13 @@ import SearchBarNativeComponent, {
 } from '../fabric/SearchBarNativeComponent';
 import { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
 
-export const NativeSearchBar: React.ComponentType<
+const NativeSearchBar: React.ComponentType<
   SearchBarNativeProps & { ref?: React.RefObject<SearchBarCommands> }
 > &
   typeof NativeSearchBarCommands =
   SearchBarNativeComponent as unknown as React.ComponentType<SearchBarNativeProps> &
     SearchBarCommandsType;
-export const NativeSearchBarCommands: SearchBarCommandsType =
+const NativeSearchBarCommands: SearchBarCommandsType =
   SearchBarNativeCommands as SearchBarCommandsType;
 
 type NativeSearchBarRef = React.ElementRef<typeof NativeSearchBar>;

src/components/SearchBar.web.tsx

@@ -1,6 +1,5 @@
 import { View } from 'react-native';
 
-export const NativeSearchBar = View;
-export const NativeSearchBarCommands = View;
+const SearchBar = View;
 
-export default View;
+export default SearchBar;

src/index.tsx

@@ -15,19 +15,10 @@ export {
  */
 export {
   default as Screen,
-  NativeScreen,
   InnerScreen,
   ScreenContext,
 } from './components/Screen';
 
-export {
-  default as ScreenContainer,
-  NativeScreenContainer,
-  NativeScreenNavigationContainer,
-} from './components/ScreenContainer';
-
-export { default as ScreenStack } from './components/ScreenStack';
-
 export {
   ScreenStackHeaderConfig,
   ScreenStackHeaderSubview,
@@ -38,28 +29,12 @@ export {
   ScreenStackHeaderSearchBarView,
 } from './components/ScreenStackHeaderConfig';
 
-export {
-  default as SearchBar,
-  NativeSearchBar,
-  NativeSearchBarCommands,
-} from './components/SearchBar';
-
+export { default as SearchBar } from './components/SearchBar';
+export { default as ScreenContainer } from './components/ScreenContainer';
+export { default as ScreenStack } from './components/ScreenStack';
 export { default as FullWindowOverlay } from './components/FullWindowOverlay';
-
-export {
-  default as ScreenFooter,
-  NativeScreenFooter,
-} from './components/ScreenFooter';
-
-export {
-  default as ScreenContentWrapper,
-  NativeScreenContentWrapper,
-} from './components/ScreenContentWrapper';
-
-/**
- * Modules
- */
-export { default as NativeScreensModule } from './fabric/NativeScreensModule';
+export { default as ScreenFooter } from './components/ScreenFooter';
+export { default as ScreenContentWrapper } from './components/ScreenContentWrapper';
 
 /**
  * Contexts