@office-iss/react-native-win32 0.73.2 → 0.74.0-preview.2

package/index.win32.js

@@ -10,99 +10,96 @@
 
 'use strict';
 
+// APIs
+import typeof ActionSheetIOS from './Libraries/ActionSheetIOS/ActionSheetIOS';
+import typeof Alert from './Libraries/Alert/Alert';
+import typeof Animated from './Libraries/Animated/Animated';
+import typeof * as AnimatedModule from './Libraries/Animated/Animated';
+import typeof Easing from './Libraries/Animated/Easing';
+import typeof useAnimatedValue from './Libraries/Animated/useAnimatedValue';
+import typeof AppState from './Libraries/AppState/AppState';
+import typeof FocusManager from './Libraries/Utilities/FocusManager';
+import typeof NativeModules from './Libraries/BatchedBridge/NativeModules';
 // Components
 import typeof AccessibilityInfo from './Libraries/Components/AccessibilityInfo/AccessibilityInfo';
 import typeof ActivityIndicator from './Libraries/Components/ActivityIndicator/ActivityIndicator';
 import typeof Button from './Libraries/Components/Button';
+import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
 import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
-import typeof FlatList from './Libraries/Lists/FlatList';
-import typeof Image from './Libraries/Image/Image';
-import typeof ImageBackground from './Libraries/Image/ImageBackground';
-import typeof InputAccessoryView from './Libraries/Components/TextInput/InputAccessoryView';
+import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
 import typeof KeyboardAvoidingView from './Libraries/Components/Keyboard/KeyboardAvoidingView';
-import typeof Modal from './Libraries/Modal/Modal';
 import typeof Pressable from './Libraries/Components/Pressable/Pressable';
 import typeof ProgressBarAndroid from './Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 import typeof RefreshControl from './Libraries/Components/RefreshControl/RefreshControl';
 import typeof SafeAreaView from './Libraries/Components/SafeAreaView/SafeAreaView';
 import typeof ScrollView from './Libraries/Components/ScrollView/ScrollView';
-import typeof SectionList from './Libraries/Lists/SectionList';
 import typeof StatusBar from './Libraries/Components/StatusBar/StatusBar';
 import typeof Switch from './Libraries/Components/Switch/Switch';
-import typeof Text from './Libraries/Text/Text';
+import typeof InputAccessoryView from './Libraries/Components/TextInput/InputAccessoryView';
 import typeof TextInput from './Libraries/Components/TextInput/TextInput';
+import typeof ToastAndroid from './Libraries/Components/ToastAndroid/ToastAndroid';
 import typeof Touchable from './Libraries/Components/Touchable/Touchable';
 import typeof TouchableHighlight from './Libraries/Components/Touchable/TouchableHighlight';
 import typeof TouchableNativeFeedback from './Libraries/Components/Touchable/TouchableNativeFeedback';
 import typeof TouchableOpacity from './Libraries/Components/Touchable/TouchableOpacity';
 import typeof TouchableWithoutFeedback from './Libraries/Components/Touchable/TouchableWithoutFeedback';
 import typeof View from './Libraries/Components/View/View';
-import typeof VirtualizedList from './Libraries/Lists/VirtualizedList';
-import typeof VirtualizedSectionList from './Libraries/Lists/VirtualizedSectionList';
-
-// APIs
-import typeof ActionSheetIOS from './Libraries/ActionSheetIOS/ActionSheetIOS';
-import typeof Alert from './Libraries/Alert/Alert';
-import typeof Animated from './Libraries/Animated/Animated';
-import typeof * as AnimatedModule from './Libraries/Animated/Animated';
-import typeof Appearance from './Libraries/Utilities/Appearance';
-import typeof AppRegistry from './Libraries/ReactNative/AppRegistry';
-import typeof AppState from './Libraries/AppState/AppState';
-import typeof BackHandler from './Libraries/Utilities/BackHandler';
-import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
-import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
-import typeof DevSettings from './Libraries/Utilities/DevSettings';
-import typeof Dimensions from './Libraries/Utilities/Dimensions';
-import typeof Easing from './Libraries/Animated/Easing';
-import typeof FocusManager from './Libraries/Utilities/FocusManager';
-import typeof ReactNative from './Libraries/Renderer/shims/ReactNative';
-import typeof I18nManager from './Libraries/ReactNative/I18nManager';
+import typeof NativeEventEmitter from './Libraries/EventEmitter/NativeEventEmitter';
+import typeof RCTDeviceEventEmitter from './Libraries/EventEmitter/RCTDeviceEventEmitter';
+import typeof RCTNativeAppEventEmitter from './Libraries/EventEmitter/RCTNativeAppEventEmitter';
+import typeof Image from './Libraries/Image/Image';
+import typeof ImageBackground from './Libraries/Image/ImageBackground';
 import typeof InteractionManager from './Libraries/Interaction/InteractionManager';
-import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
+import typeof PanResponder from './Libraries/Interaction/PanResponder';
 import typeof LayoutAnimation from './Libraries/LayoutAnimation/LayoutAnimation';
 import typeof Linking from './Libraries/Linking/Linking';
+import typeof FlatList from './Libraries/Lists/FlatList';
+import typeof SectionList from './Libraries/Lists/SectionList';
+import typeof VirtualizedList from './Libraries/Lists/VirtualizedList';
+import typeof VirtualizedSectionList from './Libraries/Lists/VirtualizedSectionList';
 import typeof LogBox from './Libraries/LogBox/LogBox';
+import typeof Modal from './Libraries/Modal/Modal';
 import typeof NativeDialogManagerAndroid from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
-import typeof NativeEventEmitter from './Libraries/EventEmitter/NativeEventEmitter';
 import typeof Networking from './Libraries/Network/RCTNetworking';
-import typeof PanResponder from './Libraries/Interaction/PanResponder';
+import typeof * as Systrace from './Libraries/Performance/Systrace';
 import typeof PermissionsAndroid from './Libraries/PermissionsAndroid/PermissionsAndroid';
-import typeof PixelRatio from './Libraries/Utilities/PixelRatio';
 import typeof PushNotificationIOS from './Libraries/PushNotificationIOS/PushNotificationIOS';
+import typeof AppRegistry from './Libraries/ReactNative/AppRegistry';
+import typeof I18nManager from './Libraries/ReactNative/I18nManager';
+import typeof {RootTagContext} from './Libraries/ReactNative/RootTag';
+import typeof UIManager from './Libraries/ReactNative/UIManager';
+import typeof ReactNative from './Libraries/Renderer/shims/ReactNative';
+import type {HostComponent as _HostComponentInternal} from './Libraries/Renderer/shims/ReactNativeTypes';
 import typeof Settings from './Libraries/Settings/Settings';
 import typeof Share from './Libraries/Share/Share';
+import typeof {PlatformColor} from './Libraries/StyleSheet/PlatformColorValueTypes';
+// Plugins
+import typeof {DynamicColorIOS} from './Libraries/StyleSheet/PlatformColorValueTypesIOS';
+import typeof processColor from './Libraries/StyleSheet/processColor';
 import typeof StyleSheet from './Libraries/StyleSheet/StyleSheet';
-import typeof * as Systrace from './Libraries/Performance/Systrace';
-import typeof ToastAndroid from './Libraries/Components/ToastAndroid/ToastAndroid';
+import typeof Text from './Libraries/Text/Text';
 import typeof * as TurboModuleRegistry from './Libraries/TurboModule/TurboModuleRegistry';
-import typeof UIManager from './Libraries/ReactNative/UIManager';
-import typeof useAnimatedValue from './Libraries/Animated/useAnimatedValue';
+import typeof UTFSequence from './Libraries/UTFSequence';
+import typeof Appearance from './Libraries/Utilities/Appearance';
+import typeof BackHandler from './Libraries/Utilities/BackHandler';
+import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
+import typeof DevSettings from './Libraries/Utilities/DevSettings';
+import typeof Dimensions from './Libraries/Utilities/Dimensions';
+import typeof PixelRatio from './Libraries/Utilities/PixelRatio';
+import typeof Platform from './Libraries/Utilities/Platform';
 import typeof useColorScheme from './Libraries/Utilities/useColorScheme';
 import typeof useWindowDimensions from './Libraries/Utilities/useWindowDimensions';
-import typeof UTFSequence from './Libraries/UTFSequence';
 import typeof Vibration from './Libraries/Vibration/Vibration';
 import typeof YellowBox from './Libraries/YellowBox/YellowBoxDeprecated';
 
-// Plugins
-import typeof {DynamicColorIOS} from './Libraries/StyleSheet/PlatformColorValueTypesIOS';
-import typeof NativeModules from './Libraries/BatchedBridge/NativeModules';
-import typeof Platform from './Libraries/Utilities/Platform';
-import typeof {PlatformColor} from './Libraries/StyleSheet/PlatformColorValueTypes';
-import typeof processColor from './Libraries/StyleSheet/processColor';
-import typeof RCTDeviceEventEmitter from './Libraries/EventEmitter/RCTDeviceEventEmitter';
-import typeof RCTNativeAppEventEmitter from './Libraries/EventEmitter/RCTNativeAppEventEmitter';
-import typeof {RootTagContext} from './Libraries/ReactNative/RootTag';
-
-import type {HostComponent as _HostComponentInternal} from './Libraries/Renderer/shims/ReactNativeTypes';
+const warnOnce = require('./Libraries/Utilities/warnOnce');
+const invariant = require('invariant');
 
 // Windows types
 import typeof {ColorGradientWin32} from './Libraries/StyleSheet/PlatformColorValueTypesWin32';
 
 export type HostComponent<T> = _HostComponentInternal<T>;
 
-const invariant = require('invariant');
-const warnOnce = require('./Libraries/Utilities/warnOnce');
-
 module.exports = {
   // Components
   get AccessibilityInfo(): AccessibilityInfo {
@@ -114,7 +111,7 @@ module.exports = {
       .default;
   },
   get Button(): Button {
-    return require('./Libraries/Components/Button');
+    return require('./Libraries/Components/Button').default;
   },
   // $FlowFixMe[value-as-type]
   get DrawerLayoutAndroid(): DrawerLayoutAndroid {
@@ -130,7 +127,8 @@ module.exports = {
     return require('./Libraries/Image/ImageBackground');
   },
   get InputAccessoryView(): InputAccessoryView {
-    return require('./Libraries/Components/TextInput/InputAccessoryView');
+    return require('./Libraries/Components/TextInput/InputAccessoryView')
+      .default;
   },
   get KeyboardAvoidingView(): KeyboardAvoidingView {
     return require('./Libraries/Components/Keyboard/KeyboardAvoidingView')
@@ -178,7 +176,7 @@ module.exports = {
     return require('./Libraries/Components/TextInput/TextInput');
   },
   get Touchable(): Touchable {
-    return require('./Libraries/Components/Touchable/Touchable');
+    return require('./Libraries/Components/Touchable/Touchable').default;
   },
   get TouchableHighlight(): TouchableHighlight {
     return require('./Libraries/Components/Touchable/TouchableHighlight');
@@ -297,7 +295,7 @@ module.exports = {
       'pushNotificationIOS-moved',
       'PushNotificationIOS has been extracted from react-native core and will be removed in a future release. ' +
         "It can now be installed and imported from '@react-native-community/push-notification-ios' instead of 'react-native'. " +
-        'See https://github.com/react-native-push-notification-ios/push-notification-ios',
+        'See https://github.com/react-native-push-notification/ios',
     );
     return require('./Libraries/PushNotificationIOS/PushNotificationIOS');
   },
@@ -388,47 +386,6 @@ module.exports = {
         'LogBox is enabled by default so there is no need to call unstable_enableLogBox() anymore. This is a no op and will be removed in the next version.',
       );
   },
-  // Deprecated Prop Types
-  get ColorPropType(): $FlowFixMe {
-    console.error(
-      'ColorPropType will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using ColorPropType, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').ColorPropType;
-  },
-  get EdgeInsetsPropType(): $FlowFixMe {
-    console.error(
-      'EdgeInsetsPropType will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using EdgeInsetsPropType, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
-  },
-  get PointPropType(): $FlowFixMe {
-    console.error(
-      'PointPropType will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using PointPropType, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').PointPropType;
-  },
-  get ViewPropTypes(): $FlowFixMe {
-    console.error(
-      'ViewPropTypes will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using ViewPropTypes, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').ViewPropTypes;
-  },
   // Win32 Types (Typescript components exported as flow any)
   get ColorGradientWin32(): ColorGradientWin32 {
     return require('./Libraries/StyleSheet/PlatformColorValueTypesWin32')
@@ -438,7 +395,8 @@ module.exports = {
     return require('./Libraries/Components/View/ViewWin32');
   },
   get TextWin32(): any {
-    return require('./Libraries/Components/Text/TextWin32').TextWin32;
+    // Legacy export
+    return require('./Libraries/Text/Text');
   },
   get ButtonWin32(): any {
     return require('./Libraries/Components/Button/ButtonWin32').ButtonWin32;
@@ -470,7 +428,8 @@ if (__DEV__) {
       invariant(
         false,
         'ART has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/art' instead of 'react-native'. " +
+          "Please upgrade to use either 'react-native-svg' or a similar package. " +
+          "If you cannot upgrade to a different library, please install the deprecated '@react-native-community/art' package. " +
           'See https://github.com/react-native-art/art',
       );
     },
@@ -550,7 +509,7 @@ if (__DEV__) {
       invariant(
         false,
         'CameraRoll has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/cameraroll' instead of 'react-native'. " +
+          "It can now be installed and imported from '@react-native-camera-roll/camera-roll' instead of 'react-native'. " +
           'See https://github.com/react-native-cameraroll/react-native-cameraroll',
       );
     },
@@ -663,7 +622,7 @@ if (__DEV__) {
       invariant(
         false,
         'SegmentedControlIOS has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/segmented-checkbox' instead of 'react-native'." +
+          "It can now be installed and imported from '@react-native-segmented-control/segmented-control' instead of 'react-native'." +
           'See https://github.com/react-native-segmented-control/segmented-control',
       );
     },
@@ -741,7 +700,7 @@ if (__DEV__) {
       invariant(
         false,
         'MaskedViewIOS has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/react-native-masked-view' instead of 'react-native'. " +
+          "It can now be installed and imported from '@react-native-masked-view/masked-view' instead of 'react-native'. " +
           'See https://github.com/react-native-masked-view/masked-view',
       );
     },
@@ -771,7 +730,7 @@ if (__DEV__) {
       invariant(
         false,
         'ImagePickerIOS has been removed from React Native. ' +
-          "Please upgrade to use either '@react-native-community/react-native-image-picker' or 'expo-image-picker'. " +
+          "Please upgrade to use either 'react-native-image-picker' or 'expo-image-picker'. " +
           "If you cannot upgrade to a different library, please install the deprecated '@react-native-community/image-picker-ios' package. " +
           'See https://github.com/rnc-archive/react-native-image-picker-ios',
       );

package/jest/assetFileTransformer.js

@@ -11,9 +11,9 @@
 
 /* eslint-env node */
 
-const path = require('path');
 const createCacheKeyFunction =
   require('@jest/create-cache-key-function').default;
+const path = require('path');
 
 module.exports = {
   // Mocks asset requires to return the filename. Makes it possible to test that

package/jest/local-setup.js

@@ -17,11 +17,6 @@ require('./setup');
 const consoleError = console.error;
 const consoleWarn = console.warn;
 
-// Blackhole verbose console output
-console.debug = jest.fn();
-console.info = jest.fn();
-console.log = jest.fn();
-
 console.error = (...args) => {
   consoleError(...args);
   throw new Error('console.error() was called (see error above)');

package/jest/mockModal.js

@@ -12,9 +12,10 @@
 
 'use strict';
 
-const React = require('react');
 import typeof Modal from '../Libraries/Modal/Modal';
 
+const React = require('react');
+
 function mockModal(BaseComponent: $FlowFixMe) {
   class ModalMock extends BaseComponent {
     render(): React.Element<Modal> | null {

package/jest/mockScrollView.js

@@ -12,11 +12,10 @@
 
 'use strict';
 
-const React = require('react');
 const View = require('../Libraries/Components/View/View');
-
 const requireNativeComponent =
   require('../Libraries/ReactNative/requireNativeComponent').default;
+const React = require('react');
 const RCTScrollView: $FlowFixMe = requireNativeComponent('RCTScrollView');
 
 function mockScrollView(BaseComponent: $FlowFixMe) {

package/jest/renderer.js

@@ -10,8 +10,8 @@
  */
 
 import * as React from 'react';
-import TestRenderer from 'react-test-renderer';
 import ShallowRenderer from 'react-shallow-renderer';
+import TestRenderer from 'react-test-renderer';
 
 const renderer = new ShallowRenderer();
 

package/jest/setup.js

@@ -12,7 +12,6 @@
 const MockNativeMethods = jest.requireActual('./MockNativeMethods');
 const mockComponent = jest.requireActual('./mockComponent');
 
-jest.requireActual('@react-native/js-polyfills/Object.es8');
 jest.requireActual('@react-native/js-polyfills/error-guard');
 
 Object.defineProperties(global, {
@@ -28,6 +27,12 @@ Object.defineProperties(global, {
     value: id => clearTimeout(id),
     writable: true,
   },
+  nativeFabricUIManager: {
+    configurable: true,
+    enumerable: true,
+    value: {},
+    writable: true,
+  },
   performance: {
     configurable: true,
     enumerable: true,
@@ -88,8 +93,6 @@ jest
     }),
     measure: jest.fn(),
     manageChildren: jest.fn(),
-    removeSubviewsFromContainerWithID: jest.fn(),
-    replaceExistingNonRootView: jest.fn(),
     setChildren: jest.fn(),
     updateView: jest.fn(),
     AndroidDrawerLayout: {

package/jest.config.js

@@ -17,7 +17,8 @@ module.exports = require('@rnx-kit/jest-preset')("win32", {
   testRegex: '/__tests__/.*-test\\.js$',
   testPathIgnorePatterns: [
     // Only run the version of the tests that are part of the merged source output
-    'src',
+    'src-win',
+    'src/private/webapis/performance/__tests__/NativePerformanceMock-test.js' // Temporarily disabled until test is fixed. #<Insert Issue Num>
   ],
   unmockedModulePathPatterns: [
     'react',