Migrate Libraries/Text, Libraries/Share and Libraries/Settings to use export syntax (#48901)

Summary:
Pull Request resolved: #48901

## Motivation
Modernising the react-native codebase to allow for ingestion by modern Flow tooling.

## This diff
- Updates files in `Libraries/Text`, `Libraries/Share` and `Libraries/Settings` to use `export` syntax.
- Appends `.default` to requires of the changed files.
- Updates test files.
- Updates the public API snapshot *(intented breaking change)*

Changelog:
[General][Breaking] - Files inside `Libraries/Text`, `Libraries/Share` and `Libraries/Settings` use `export` syntax, which requires the addition of `.default` when imported with the CJS `require` syntax.

Reviewed By: huntie

Differential Revision: D68562844

fbshipit-source-id: bd71a341e33d3629121aa61549139c4b1cd62c3f

Author: iwoplaza

packages/react-native/Libraries/Components/SafeAreaView/__tests__/SafeAreaView-test.js

@@ -13,7 +13,7 @@
 
 import SafeAreaView from '../SafeAreaView';
 
-const Text = require('../../../Text/Text');
+const Text = require('../../../Text/Text').default;
 const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
 const View = require('../../View/View');
 const React = require('react');

packages/react-native/Libraries/Components/ScrollView/__tests__/ScrollView-test.js

@@ -12,7 +12,7 @@
 'use strict';
 
 const {create, unmount, update} = require('../../../../jest/renderer');
-const Text = require('../../../Text/Text');
+const Text = require('../../../Text/Text').default;
 const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
 const View = require('../../View/View');
 const ScrollView = require('../ScrollView').default;

packages/react-native/Libraries/Components/Touchable/__tests__/TouchableOpacity-test.js

@@ -11,7 +11,7 @@
 'use strict';
 
 const {create} = require('../../../../jest/renderer');
-const Text = require('../../../Text/Text');
+const Text = require('../../../Text/Text').default;
 const TouchableOpacity = require('../TouchableOpacity').default;
 const React = require('react');
 

packages/react-native/Libraries/Inspector/BoxInspector.js

@@ -17,7 +17,7 @@ import React from 'react';
 
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 const resolveBoxStyle = require('./resolveBoxStyle');
 
 const blank = {

packages/react-native/Libraries/Inspector/ElementProperties.js

@@ -22,7 +22,7 @@ const TouchableWithoutFeedback =
 const View = require('../Components/View/View');
 const flattenStyle = require('../StyleSheet/flattenStyle');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 const mapWithSeparator = require('../Utilities/mapWithSeparator');
 const BoxInspector = require('./BoxInspector');
 const StyleInspector = require('./StyleInspector');

packages/react-native/Libraries/Inspector/InspectorPanel.js

@@ -20,7 +20,7 @@ const TouchableHighlight =
   require('../Components/Touchable/TouchableHighlight').default;
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 const ElementProperties = require('./ElementProperties');
 const NetworkOverlay = require('./NetworkOverlay');
 const PerformanceOverlay = require('./PerformanceOverlay');

packages/react-native/Libraries/Inspector/NetworkOverlay.js

@@ -21,7 +21,7 @@ const View = require('../Components/View/View');
 const FlatList = require('../Lists/FlatList');
 const XHRInterceptor = require('../Network/XHRInterceptor');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 const WebSocketInterceptor =
   require('../WebSocket/WebSocketInterceptor').default;
 

packages/react-native/Libraries/Inspector/PerformanceOverlay.js

@@ -14,7 +14,7 @@ import React from 'react';
 
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 const PerformanceLogger = require('../Utilities/GlobalPerformanceLogger');
 
 class PerformanceOverlay extends React.Component<{...}> {

packages/react-native/Libraries/Inspector/StyleInspector.js

@@ -17,7 +17,7 @@ import React from 'react';
 
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 
 type Props = $ReadOnly<{
   style?: ?____FlattenStyleProp_Internal<ViewStyleProp>,

packages/react-native/Libraries/Settings/Settings.ios.js

@@ -78,4 +78,4 @@ RCTDeviceEventEmitter.addListener(
   Settings._sendObservations.bind(Settings),
 );
 
-module.exports = Settings;
+export default Settings;

packages/react-native/Libraries/Settings/Settings.js

@@ -30,4 +30,4 @@ const Settings = {
   },
 };
 
-module.exports = Settings;
+export default Settings;

packages/react-native/Libraries/Share/Share.js

@@ -168,4 +168,4 @@ class Share {
   static dismissedAction: 'dismissedAction' = 'dismissedAction';
 }
 
-module.exports = Share;
+export default Share;

packages/react-native/Libraries/Text/Text.js

@@ -534,4 +534,4 @@ const verticalAlignToTextAlignVerticalMap = {
   middle: 'center',
 };
 
-module.exports = Text;
+export default Text;

packages/react-native/Libraries/Text/TextAncestor.js

@@ -19,4 +19,4 @@ const TextAncestorContext: React$Context<boolean> = React.createContext(false);
 if (__DEV__) {
   TextAncestorContext.displayName = 'TextAncestorContext';
 }
-module.exports = TextAncestorContext;
+export default TextAncestorContext;

packages/react-native/Libraries/Text/__tests__/Text-test.js

@@ -14,7 +14,7 @@ import flattenStyle from '../../StyleSheet/flattenStyle';
 import React from 'react';
 
 const render = require('../../../jest/renderer');
-const Text = require('../Text');
+const Text = require('../Text').default;
 
 jest.unmock('../Text');
 jest.unmock('../TextNativeComponent');

packages/react-native/Libraries/Utilities/ReactNativeTestTools.js

@@ -20,7 +20,7 @@ import ReactTestRenderer from 'react-test-renderer';
 const Switch = require('../Components/Switch/Switch').default;
 const TextInput = require('../Components/TextInput/TextInput');
 const View = require('../Components/View/View');
-const Text = require('../Text/Text');
+const Text = require('../Text/Text').default;
 const {VirtualizedList} = require('@react-native/virtualized-lists');
 
 export type ReactTestInstance = $PropertyType<ReactTestRendererType, 'root'>;

packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap

@@ -7724,7 +7724,7 @@ exports[`public API should not change unintentionally Libraries/Settings/Setting
   watchKeys(keys: string | Array<string>, callback: Function): number,
   clearWatch(watchId: number): void,
 };
-declare module.exports: Settings;
+declare export default typeof Settings;
 "
 `;
 
@@ -7761,7 +7761,7 @@ declare class Share {
   static sharedAction: \\"sharedAction\\";
   static dismissedAction: \\"dismissedAction\\";
 }
-declare module.exports: Share;
+declare export default typeof Share;
 "
 `;
 
@@ -8447,13 +8447,13 @@ declare const Text: component(
   ref: React.RefSetter<TextForwardRef>,
   ...props: TextProps
 );
-declare module.exports: Text;
+declare export default typeof Text;
 "
 `;
 
 exports[`public API should not change unintentionally Libraries/Text/TextAncestor.js 1`] = `
 "declare const TextAncestorContext: React$Context<boolean>;
-declare module.exports: TextAncestorContext;
+declare export default typeof TextAncestorContext;
 "
 `;
 

packages/react-native/index.js

@@ -183,7 +183,7 @@ module.exports = {
     return require('./Libraries/Components/Switch/Switch').default;
   },
   get Text(): Text {
-    return require('./Libraries/Text/Text');
+    return require('./Libraries/Text/Text').default;
   },
   get TextInput(): TextInput {
     return require('./Libraries/Components/TextInput/TextInput');
@@ -315,10 +315,10 @@ module.exports = {
     return require('./Libraries/PushNotificationIOS/PushNotificationIOS');
   },
   get Settings(): Settings {
-    return require('./Libraries/Settings/Settings');
+    return require('./Libraries/Settings/Settings').default;
   },
   get Share(): Share {
-    return require('./Libraries/Share/Share');
+    return require('./Libraries/Share/Share').default;
   },
   get StyleSheet(): StyleSheet {
     return require('./Libraries/StyleSheet/StyleSheet');

packages/react-native/jest/setup.js

@@ -120,9 +120,14 @@ jest
   .mock('../Libraries/Image/Image', () =>
     mockComponent('../Libraries/Image/Image'),
   )
-  .mock('../Libraries/Text/Text', () =>
-    mockComponent('../Libraries/Text/Text', MockNativeMethods),
-  )
+  .mock('../Libraries/Text/Text', () => ({
+    __esModule: true,
+    default: mockComponent(
+      '../Libraries/Text/Text',
+      MockNativeMethods,
+      /* isESModule */ true,
+    ),
+  }))
   .mock('../Libraries/Components/TextInput/TextInput', () =>
     mockComponent('../Libraries/Components/TextInput/TextInput', {
       ...MockNativeMethods,

packages/rn-tester/js/examples/Text/TextExample.ios.js

@@ -26,7 +26,8 @@ const {
   TextInput,
   View,
 } = require('react-native');
-const TextAncestor = require('react-native/Libraries/Text/TextAncestor');
+const TextAncestor =
+  require('react-native/Libraries/Text/TextAncestor').default;
 
 // TODO: Is there a cleaner way to flip the TextAncestor value to false? I
 //   suspect apps won't even be able to leverage this workaround because