Migrate Libraries/Utilities/Platform to use export syntax (#49306)

Summary:
Pull Request resolved: #49306

## Motivation
Modernising the RN codebase to allow for modern Flow tooling to process it.

## This diff
- Migrates `Libraries/Utilities/Platform.*.js` to use the export syntax.
- Updates deep-imports of these files to use `.default`
- Updates jest mocks
- Updates the current iteration of API snapshots (intended).

Changelog:
[General][Breaking] - Deep imports to `Libraries/Utilities/Platform` with `require` syntax needs to be appended with '.default'.

Reviewed By: huntie

Differential Revision: D69404025

fbshipit-source-id: f21501ca5b7e8e6a9e3e501781ed36e7d2bfd4a4

Author: iwoplaza

packages/react-native/Libraries/Animated/__tests__/Animated-web-test.js

@@ -12,9 +12,12 @@ const StyleSheet = require('../../StyleSheet/StyleSheet').default;
 let Animated = require('../Animated').default;
 let AnimatedProps = require('../nodes/AnimatedProps').default;
 
-jest.mock('../../Utilities/Platform', () => {
-  return {OS: 'web'};
-});
+jest.mock('../../Utilities/Platform', () => ({
+  __esModule: true,
+  default: {
+    OS: 'web',
+  },
+}));
 
 describe('Animated tests', () => {
   beforeEach(() => {

packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js

@@ -19,7 +19,7 @@ import PullToRefreshViewNativeComponent, {
 } from './PullToRefreshViewNativeComponent';
 import React from 'react';
 
-const Platform = require('../../Utilities/Platform');
+const Platform = require('../../Utilities/Platform').default;
 
 type IOSProps = $ReadOnly<{
   /**

packages/react-native/Libraries/Components/TextInput/TextInputState.js

@@ -23,7 +23,7 @@ import {Commands as AndroidTextInputCommands} from '../../Components/TextInput/A
 import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSingelineTextInputNativeComponent';
 
 const {findNodeHandle} = require('../../ReactNative/RendererProxy');
-const Platform = require('../../Utilities/Platform');
+const Platform = require('../../Utilities/Platform').default;
 
 let currentlyFocusedInputRef: ?HostInstance = null;
 const inputs = new Set<{

packages/react-native/Libraries/Image/AssetSourceResolver.js

@@ -24,7 +24,7 @@ import type {
 } from '@react-native/assets-registry/registry';
 
 const PixelRatio = require('../Utilities/PixelRatio').default;
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 const {pickScale} = require('./AssetUtils');
 const {
   getAndroidResourceFolderName,

packages/react-native/Libraries/Image/__tests__/resolveAssetSource-test.js

@@ -23,7 +23,7 @@ describe('resolveAssetSource', () => {
     resolveAssetSource = require('../resolveAssetSource').default;
     NativeSourceCode =
       require('../../NativeModules/specs/NativeSourceCode').default;
-    Platform = require('../../Utilities/Platform');
+    Platform = require('../../Utilities/Platform').default;
   });
 
   it('returns same source for simple static and network images', () => {

packages/react-native/Libraries/Lists/FlatList.js

@@ -26,7 +26,7 @@ import React from 'react';
 
 const StyleSheet = require('../StyleSheet/StyleSheet').default;
 const deepDiffer = require('../Utilities/differ/deepDiffer').default;
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 const invariant = require('invariant');
 
 const VirtualizedList = VirtualizedLists.VirtualizedList;

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

@@ -26,7 +26,7 @@ const AppContainer = require('../ReactNative/AppContainer').default;
 const I18nManager = require('../ReactNative/I18nManager').default;
 const {RootTagContext} = require('../ReactNative/RootTag');
 const StyleSheet = require('../StyleSheet/StyleSheet').default;
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 
 const VirtualizedListContextResetter =
   VirtualizedLists.VirtualizedListContextResetter;

packages/react-native/Libraries/Network/__tests__/XMLHttpRequest-test.js

@@ -13,7 +13,7 @@
 const createPerformanceLogger =
   require('../../Utilities/createPerformanceLogger').default;
 const GlobalPerformanceLogger = require('../../Utilities/GlobalPerformanceLogger');
-const Platform = require('../../Utilities/Platform');
+const Platform = require('../../Utilities/Platform').default;
 const XMLHttpRequest = require('../XMLHttpRequest').default;
 
 jest.unmock('../../Utilities/Platform');

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

@@ -17,7 +17,7 @@ import NativeDialogManagerAndroid from '../NativeModules/specs/NativeDialogManag
 import NativePermissionsAndroid from './NativePermissionsAndroid';
 import invariant from 'invariant';
 
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 
 export type Rationale = {
   title: string,

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

@@ -16,7 +16,7 @@ import type {PressEvent} from '../../Types/CoreEventTypes';
 import type {PressabilityConfig} from '../Pressability';
 
 const UIManager = require('../../ReactNative/UIManager').default;
-const Platform = require('../../Utilities/Platform');
+const Platform = require('../../Utilities/Platform').default;
 const HoverState = require('../HoverState');
 const Pressability = require('../Pressability').default;
 const invariant = require('invariant');

packages/react-native/Libraries/ReactNative/PaperUIManager.js

@@ -16,7 +16,7 @@ import nullthrows from 'nullthrows';
 
 const NativeModules = require('../BatchedBridge/NativeModules').default;
 const defineLazyObjectProperty = require('../Utilities/defineLazyObjectProperty');
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 const UIManagerProperties = require('./UIManagerProperties').default;
 
 const viewManagerConfigs: {[string]: any | null} = {};

packages/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js

@@ -47,7 +47,7 @@ module.exports = {
     return require('../Core/ExceptionsManager').default;
   },
   get Platform(): Platform {
-    return require('../Utilities/Platform');
+    return require('../Utilities/Platform').default;
   },
   get RCTEventEmitter(): RCTEventEmitter {
     return require('../EventEmitter/RCTEventEmitter').default;

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

@@ -14,7 +14,7 @@ import NativeActionSheetManager from '../ActionSheetIOS/NativeActionSheetManager
 import NativeShareModule from './NativeShareModule';
 
 const processColor = require('../StyleSheet/processColor').default;
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 const invariant = require('invariant');
 
 export type ShareContent =

packages/react-native/Libraries/StyleSheet/__tests__/normalizeColor-test.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const {OS} = require('../../Utilities/Platform');
+const {OS} = require('../../Utilities/Platform').default;
 const normalizeColor = require('../normalizeColor').default;
 
 it('forwards calls to @react-native/normalize-colors', () => {

packages/react-native/Libraries/StyleSheet/__tests__/processBackgroundImage-test.js

@@ -12,7 +12,7 @@
 
 import processBackgroundImage from '../processBackgroundImage';
 
-const {OS} = require('../../Utilities/Platform');
+const {OS} = require('../../Utilities/Platform').default;
 const PlatformColorAndroid =
   require('../PlatformColorValueTypes.android').PlatformColor;
 const PlatformColorIOS =

packages/react-native/Libraries/StyleSheet/__tests__/processColor-test.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const {OS} = require('../../Utilities/Platform');
+const {OS} = require('../../Utilities/Platform').default;
 const PlatformColorAndroid =
   require('../PlatformColorValueTypes.android').PlatformColor;
 const PlatformColorIOS =

packages/react-native/Libraries/StyleSheet/__tests__/processColorArray-test.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const {OS} = require('../../Utilities/Platform');
+const {OS} = require('../../Utilities/Platform').default;
 const PlatformColorAndroid =
   require('../PlatformColorValueTypes.android').PlatformColor;
 const PlatformColorIOS =

packages/react-native/Libraries/StyleSheet/processColor.js

@@ -12,7 +12,7 @@
 
 import type {ColorValue, NativeColorValue} from './StyleSheet';
 
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 const normalizeColor = require('./normalizeColor').default;
 
 export type ProcessedColorValue = number | NativeColorValue;

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

@@ -15,7 +15,7 @@ import LogBox from '../LogBox/LogBox';
 import NativeRedBox from '../NativeModules/specs/NativeRedBox';
 
 const DevSettings = require('./DevSettings').default;
-const Platform = require('./Platform');
+const Platform = require('./Platform').default;
 const invariant = require('invariant');
 const MetroHMRClient = require('metro-runtime/src/modules/HMRClient');
 const prettyFormat = require('pretty-format');

packages/react-native/Libraries/Utilities/Platform.android.js

@@ -11,7 +11,7 @@
 import type {
   Platform as PlatformType,
   PlatformSelectSpec,
-} from './Platform.flow';
+} from './PlatformTypes';
 
 import NativePlatformConstantsAndroid from './NativePlatformConstantsAndroid';
 
@@ -84,4 +84,4 @@ const Platform: PlatformType = {
           spec.default,
 };
 
-module.exports = Platform;
+export default Platform;

packages/react-native/Libraries/Utilities/Platform.ios.js

@@ -11,7 +11,7 @@
 import type {
   Platform as PlatformType,
   PlatformSelectSpec,
-} from './Platform.flow';
+} from './PlatformTypes';
 
 import NativePlatformConstantsIOS from './NativePlatformConstantsIOS';
 
@@ -85,4 +85,4 @@ const Platform: PlatformType = {
     'ios' in spec ? spec.ios : 'native' in spec ? spec.native : spec.default,
 };
 
-module.exports = Platform;
+export default Platform;

packages/react-native/Libraries/Utilities/Platform.js.flow

@@ -8,6 +8,6 @@
  * @format
  */
 
-import type {Platform} from './Platform.flow';
+import type {Platform} from './PlatformTypes';
 
-declare module.exports: Platform;
+declare export default Platform;

packages/react-native/Libraries/Utilities/Platform.flow.js packages/react-native/Libraries/Utilities/PlatformTypes.js

@@ -12,7 +12,7 @@
 
 describe('Dimensions', () => {
   const Dimensions = require('../Dimensions').default;
-  const Platform = require('../Platform');
+  const Platform = require('../Platform').default;
 
   it('should set window dimensions', () => {
     Dimensions.set({

packages/react-native/Libraries/Utilities/__tests__/Dimensions-test.js

@@ -10,8 +10,8 @@
 
 'use strict';
 
-const PlatformAndroid = require('../Platform.android');
-const PlatformIOS = require('../Platform.ios');
+const PlatformAndroid = require('../Platform.android').default;
+const PlatformIOS = require('../Platform.ios').default;
 
 describe('Platform', () => {
   describe('OS', () => {

packages/react-native/Libraries/Utilities/__tests__/Platform-test.js

@@ -11,7 +11,7 @@
 
 import NativeVibration from './NativeVibration';
 
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 
 /**
  * Vibration API

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

@@ -8285,7 +8285,12 @@ declare export default typeof PixelRatio;
 "
 `;
 
-exports[`public API should not change unintentionally Libraries/Utilities/Platform.flow.js 1`] = `
+exports[`public API should not change unintentionally Libraries/Utilities/Platform.js.flow 1`] = `
+"declare export default Platform;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/PlatformTypes.js 1`] = `
 "export type PlatformSelectSpec<T> = {
   default?: T,
   native?: T,
@@ -8351,11 +8356,6 @@ export type Platform = IOSPlatform | AndroidPlatform;
 "
 `;
 
-exports[`public API should not change unintentionally Libraries/Utilities/Platform.js.flow 1`] = `
-"declare module.exports: Platform;
-"
-`;
-
 exports[`public API should not change unintentionally Libraries/Utilities/PolyfillFunctions.js 1`] = `
 "declare export function polyfillObjectProperty<T>(
   object: { ... },

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

@@ -374,7 +374,7 @@ module.exports = {
     return require('./Libraries/BatchedBridge/NativeModules').default;
   },
   get Platform(): Platform {
-    return require('./Libraries/Utilities/Platform');
+    return require('./Libraries/Utilities/Platform').default;
   },
   get PlatformColor(): PlatformColor {
     return require('./Libraries/StyleSheet/PlatformColorValueTypes')

packages/react-native/index.js

@@ -28,7 +28,7 @@ const {
 } = require('../../../Libraries/ReactNative/RendererProxy');
 const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;
 const Dimensions = require('../../../Libraries/Utilities/Dimensions').default;
-const Platform = require('../../../Libraries/Utilities/Platform');
+const Platform = require('../../../Libraries/Utilities/Platform').default;
 const getInspectorDataForViewAtPoint =
   require('./getInspectorDataForViewAtPoint').default;
 const InspectorOverlay = require('./InspectorOverlay').default;

packages/react-native/src/private/inspector/Inspector.js

@@ -12,7 +12,7 @@ import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
 import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
-const Platform = require('../../../../Libraries/Utilities/Platform');
+const Platform = require('../../../../Libraries/Utilities/Platform').default;
 
 export type StackFrame = {
   column: ?number,

packages/react-native/src/private/specs_DEPRECATED/modules/NativeExceptionsManager.js

@@ -61,10 +61,10 @@ ruleTester.run('require(...)', rule, {
       output: null, // Expect no autofix to be suggested.
     },
     {
-      code: `const Platform = require('react-native/Libraries/Utilities/Platform');`,
+      code: `const Platform = require('react-native/Libraries/Utilities/Platform').default;`,
       errors: [{messageId: 'rnImport'}],
       filename,
-      output: `const Platform = require('../../Utilities/Platform');`,
+      output: `const Platform = require('../../Utilities/Platform').default;`,
     },
     {
       code: `const ViewNativeComponent = require('react-native/Libraries/Components/View/ViewNativeComponent');`,
@@ -107,10 +107,10 @@ ruleTester.run('import(...)', rule, {
       output: null, // Expect no autofix to be suggested.
     },
     {
-      code: `import('react-native/Libraries/Utilities/Platform');`,
+      code: `import('react-native/Libraries/Utilities/Platform').default;`,
       errors: [{messageId: 'rnImport'}],
       filename,
-      output: `import('../../Utilities/Platform');`,
+      output: `import('../../Utilities/Platform').default;`,
     },
     {
       code: `import('react-native/Libraries/Components/View/ViewNativeComponent');`,