@office-iss/react-native-win32 0.0.0-canary.283 → 0.0.0-canary.285

package/Libraries/BugReporting/dumpReactTree.js

@@ -11,7 +11,7 @@
 'use strict';
 
 /*
-const getReactData = require('getReactData');
+const getReactData = require('getReactData').default;
 
 const INDENTATION_SIZE = 2;
 const MAX_DEPTH = 2;
@@ -148,4 +148,4 @@ function indent(size: number) {
 }
 */
 
-module.exports = dumpReactTree;
+export default dumpReactTree;

package/Libraries/BugReporting/getReactData.js

@@ -184,4 +184,4 @@ function copyWithSet(
   return copyWithSetImpl(obj, path, 0, value);
 }
 
-module.exports = getData;
+export default getData;

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeAccessibilityInfo';
-import NativeAccessibilityInfo from '../../../src/private/specs/modules/NativeAccessibilityInfo';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfo';
+import NativeAccessibilityInfo from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfo';
 export default NativeAccessibilityInfo;

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfoWin32.js

@@ -6,6 +6,6 @@
  * @flow
  */
 
-export * from '../../../src/private/specs/modules/NativeAccessibilityInfoWin32';
-import NativeAccessibilityInfoWin32 from '../../../src/private/specs/modules/NativeAccessibilityInfoWin32';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfoWin32';
+import NativeAccessibilityInfoWin32 from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfoWin32';
 export default NativeAccessibilityInfoWin32;

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeAccessibilityManager';
-import NativeAccessibilityManager from '../../../src/private/specs/modules/NativeAccessibilityManager';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityManager';
+import NativeAccessibilityManager from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityManager';
 export default NativeAccessibilityManager;

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js

@@ -33,4 +33,4 @@ function legacySendAccessibilityEvent(
   }
 }
 
-module.exports = legacySendAccessibilityEvent;
+export default legacySendAccessibilityEvent;

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.ios.js

@@ -23,4 +23,4 @@ function legacySendAccessibilityEvent(
   }
 }
 
-module.exports = legacySendAccessibilityEvent;
+export default legacySendAccessibilityEvent;

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.win32.js

@@ -33,4 +33,4 @@ function legacySendAccessibilityEvent(
   }
 }
 
-module.exports = legacySendAccessibilityEvent;
+export default legacySendAccessibilityEvent;

package/Libraries/Components/ActivityIndicator/ActivityIndicator.js

@@ -19,22 +19,22 @@ import * as React from 'react';
 
 const PlatformActivityIndicator =
   Platform.OS === 'android'
-    ? require('../ProgressBarAndroid/ProgressBarAndroid')
+    ? require('../ProgressBarAndroid/ProgressBarAndroid').default
     : require('./ActivityIndicatorViewNativeComponent').default;
 
 const GRAY = '#999999';
 
 type IndicatorSize = number | 'small' | 'large';
 
-type IOSProps = $ReadOnly<{|
+type IOSProps = $ReadOnly<{
   /**
     Whether the indicator should hide when not animating.
 
     @platform ios
   */
   hidesWhenStopped?: ?boolean,
-|}>;
-type Props = $ReadOnly<{|
+}>;
+type Props = $ReadOnly<{
   ...ViewProps,
   ...IOSProps,
 
@@ -58,7 +58,7 @@ type Props = $ReadOnly<{|
     @type {@platform android} number
   */
   size?: ?IndicatorSize,
-|}>;
+}>;
 
 const ActivityIndicator = (
   {

package/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/ActivityIndicatorViewNativeComponent';
-import ActivityIndicatorViewNativeComponent from '../../../src/private/specs/components/ActivityIndicatorViewNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent';
+import ActivityIndicatorViewNativeComponent from '../../../src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent';
 export default ActivityIndicatorViewNativeComponent;

package/Libraries/Components/Button.js

@@ -27,7 +27,7 @@ import View from './View/View';
 import invariant from 'invariant';
 import * as React from 'react';
 
-type ButtonProps = $ReadOnly<{|
+type ButtonProps = $ReadOnly<{
   /**
     Text to display inside the button. On Android the given title will be
     converted to the uppercased form.
@@ -167,7 +167,7 @@ type ButtonProps = $ReadOnly<{|
   importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
   accessibilityHint?: ?string,
   accessibilityLanguage?: ?Stringish,
-|}>;
+}>;
 
 /**
   A basic button component that should render nicely on any platform. Supports a

package/Libraries/Components/Button.win32.js

@@ -28,7 +28,7 @@ import View from './View/View';
 import invariant from 'invariant';
 import * as React from 'react';
 
-type ButtonProps = $ReadOnly<{|
+type ButtonProps = $ReadOnly<{
   /**
     Text to display inside the button. On Android the given title will be
     converted to the uppercased form.
@@ -170,7 +170,7 @@ type ButtonProps = $ReadOnly<{|
   importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
   accessibilityHint?: ?string,
   accessibilityLanguage?: ?Stringish,
-|}>;
+}>;
 
 /**
   A basic button component that should render nicely on any platform. Supports a

package/Libraries/Components/Clipboard/Clipboard.js

@@ -13,7 +13,7 @@ import NativeClipboard from './NativeClipboard';
 /**
  * `Clipboard` gives you an interface for setting and getting content from Clipboard on both iOS and Android
  */
-module.exports = {
+export default {
   /**
    * Get content of string type, this method returns a `Promise`, so you can use following code to get clipboard content
    * ```javascript

package/Libraries/Components/Clipboard/NativeClipboard.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeClipboard';
-import NativeClipboard from '../../../src/private/specs/modules/NativeClipboard';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeClipboard';
+import NativeClipboard from '../../../src/private/specs_DEPRECATED/modules/NativeClipboard';
 export default NativeClipboard;

package/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
-import AndroidDrawerLayoutNativeComponent from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent';
+import AndroidDrawerLayoutNativeComponent from '../../../src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent';
 export default AndroidDrawerLayoutNativeComponent;

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js

@@ -31,11 +31,11 @@ const DRAWER_STATES = ['Idle', 'Dragging', 'Settling'];
 
 type DrawerStates = 'Idle' | 'Dragging' | 'Settling';
 
-type DrawerSlideEvent = $ReadOnly<{|
+type DrawerSlideEvent = $ReadOnly<{
   offset: number,
-|}>;
+}>;
 
-type Props = $ReadOnly<{|
+type Props = $ReadOnly<{
   accessibilityRole?: ?AccessibilityRole,
 
   /**
@@ -116,11 +116,11 @@ type Props = $ReadOnly<{|
 
   children?: React.Node,
   style?: ?ViewStyleProp,
-|}>;
+}>;
 
-type State = {|
+type State = {
   drawerOpened: boolean,
-|};
+};
 
 /**
  * React component that wraps the platform `DrawerLayout` (Android only). The
@@ -391,4 +391,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = DrawerLayoutAndroid;
+export default DrawerLayoutAndroid;

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js

@@ -13,5 +13,5 @@
 // $FlowFixMe[cannot-resolve-module]
 import typeof DrawerLayoutAndroid from './DrawerLayoutAndroid.android';
 
-module.exports =
-  require('../UnimplementedViews/UnimplementedView') as $FlowFixMe as DrawerLayoutAndroid;
+export default require('../UnimplementedViews/UnimplementedView')
+  .default as $FlowFixMe as DrawerLayoutAndroid;

package/Libraries/Components/Keyboard/Keyboard.js

@@ -25,32 +25,32 @@ export type KeyboardEventEasing =
   | 'linear'
   | 'keyboard';
 
-export type KeyboardMetrics = $ReadOnly<{|
+export type KeyboardMetrics = $ReadOnly<{
   screenX: number,
   screenY: number,
   width: number,
   height: number,
-|}>;
+}>;
 
 export type KeyboardEvent = AndroidKeyboardEvent | IOSKeyboardEvent;
 
-type BaseKeyboardEvent = {|
+type BaseKeyboardEvent = {
   duration: number,
   easing: KeyboardEventEasing,
   endCoordinates: KeyboardMetrics,
-|};
+};
 
-export type AndroidKeyboardEvent = $ReadOnly<{|
+export type AndroidKeyboardEvent = $ReadOnly<{
   ...BaseKeyboardEvent,
   duration: 0,
   easing: 'keyboard',
-|}>;
+}>;
 
-export type IOSKeyboardEvent = $ReadOnly<{|
+export type IOSKeyboardEvent = $ReadOnly<{
   ...BaseKeyboardEvent,
   startCoordinates: KeyboardMetrics,
   isEventFromThisApp: boolean,
-|}>;
+}>;
 
 type KeyboardEventDefinitions = {
   keyboardWillShow: [KeyboardEvent],
@@ -202,4 +202,4 @@ class Keyboard {
   }
 }
 
-module.exports = (new Keyboard(): Keyboard);
+export default (new Keyboard(): Keyboard);

package/Libraries/Components/Keyboard/KeyboardAvoidingView.js

@@ -9,7 +9,6 @@
  */
 
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {DimensionsPayload} from '../../Utilities/NativeDeviceInfo';
 import type {
   ViewLayout,
   ViewLayoutEvent,
@@ -19,7 +18,6 @@ import type {KeyboardEvent, KeyboardMetrics} from './Keyboard';
 
 import LayoutAnimation from '../../LayoutAnimation/LayoutAnimation';
 import StyleSheet from '../../StyleSheet/StyleSheet';
-import Dimensions from '../../Utilities/Dimensions';
 import Platform from '../../Utilities/Platform';
 import {type EventSubscription} from '../../vendor/emitter/EventEmitter';
 import AccessibilityInfo from '../AccessibilityInfo/AccessibilityInfo';
@@ -27,7 +25,7 @@ import View from '../View/View';
 import Keyboard from './Keyboard';
 import * as React from 'react';
 
-type Props = $ReadOnly<{|
+type Props = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -51,11 +49,11 @@ type Props = $ReadOnly<{|
    * may be non-zero in some cases. Defaults to 0.
    */
   keyboardVerticalOffset?: number,
-|}>;
+}>;
 
-type State = {|
+type State = {
   bottom: number,
-|};
+};
 
 /**
  * View that moves out of the way when the keyboard appears by automatically
@@ -68,7 +66,6 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
   viewRef: {current: React.ElementRef<typeof View> | null, ...};
   _initialFrameHeight: number = 0;
   _bottom: number = 0;
-  _windowWidth: number = Dimensions.get('window').width;
 
   constructor(props: Props) {
     super(props);
@@ -115,6 +112,12 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
     this._updateBottomIfNecessary();
   };
 
+  _onKeyboardHide = (event: ?KeyboardEvent) => {
+    this._keyboardEvent = null;
+    // $FlowFixMe[unused-promise]
+    this._updateBottomIfNecessary();
+  };
+
   _onLayout = async (event: ViewLayoutEvent) => {
     event.persist();
 
@@ -135,10 +138,6 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
     }
   };
 
-  _onDimensionsChange = ({window}: DimensionsPayload) => {
-    this._windowWidth = window?.width ?? 0;
-  };
-
   // Avoid unnecessary renders if the KeyboardAvoidingView is disabled.
   _setBottom = (value: number) => {
     const enabled = this.props.enabled ?? true;
@@ -154,15 +153,6 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
       return;
     }
 
-    if (
-      Platform.OS === 'ios' &&
-      this._windowWidth !== this._keyboardEvent.endCoordinates.width
-    ) {
-      // The keyboard is not the standard bottom-of-the-screen keyboard. For example, floating keyboard on iPadOS.
-      this._setBottom(0);
-      return;
-    }
-
     const {duration, easing, endCoordinates} = this._keyboardEvent;
     const height = await this._relativeKeyboardHeight(endCoordinates);
 
@@ -200,8 +190,14 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
 
     if (Platform.OS === 'ios') {
       this._subscriptions = [
-        Keyboard.addListener('keyboardWillChangeFrame', this._onKeyboardChange),
-        Dimensions.addEventListener('change', this._onDimensionsChange),
+        // When undocked, split or floating, iOS will emit
+        // UIKeyboardWillHideNotification notification.
+        // UIKeyboardWillChangeFrameNotification will be emitted before
+        // UIKeyboardWillHideNotification, so we need to listen to
+        // keyboardWillHide and keyboardWillShow instead of
+        // keyboardWillChangeFrame.
+        Keyboard.addListener('keyboardWillHide', this._onKeyboardHide),
+        Keyboard.addListener('keyboardWillShow', this._onKeyboardChange),
       ];
     } else {
       this._subscriptions = [

package/Libraries/Components/Keyboard/NativeKeyboardObserver.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeKeyboardObserver';
-import NativeKeyboardObserver from '../../../src/private/specs/modules/NativeKeyboardObserver';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeKeyboardObserver';
+import NativeKeyboardObserver from '../../../src/private/specs_DEPRECATED/modules/NativeKeyboardObserver';
 export default NativeKeyboardObserver;

package/Libraries/Components/Pressable/Pressable.js

@@ -34,11 +34,11 @@ import {useMemo, useRef, useState} from 'react';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 
-export type StateCallbackType = $ReadOnly<{|
+export type StateCallbackType = $ReadOnly<{
   pressed: boolean,
-|}>;
+}>;
 
-type Props = $ReadOnly<{|
+type Props = $ReadOnly<{
   /**
    * Accessibility.
    */
@@ -193,7 +193,7 @@ type Props = $ReadOnly<{|
    * https://github.com/facebook/react-native/issues/34424
    */
   'aria-label'?: ?string,
-|}>;
+}>;
 
 type Instance = React.ElementRef<typeof View>;
 

package/Libraries/Components/Pressable/Pressable.win32.js

@@ -39,11 +39,11 @@ import View from '../View/View';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 
-export type StateCallbackType = $ReadOnly<{|
+export type StateCallbackType = $ReadOnly<{
   pressed: boolean,
-|}>;
+}>;
 
-type Props = $ReadOnly<{|
+type Props = $ReadOnly<{
   /**
    * Accessibility.
    */
@@ -240,7 +240,7 @@ type Props = $ReadOnly<{|
    * https://github.com/facebook/react-native/issues/34424
    */
   'aria-label'?: ?string,
-|}>;
+}>;
 
 type Instance = React.ElementRef<typeof View>;
 

package/Libraries/Components/Pressable/useAndroidRippleForView.js

@@ -19,19 +19,19 @@ import invariant from 'invariant';
 import * as React from 'react';
 import {useMemo} from 'react';
 
-type NativeBackgroundProp = $ReadOnly<{|
+type NativeBackgroundProp = $ReadOnly<{
   type: 'RippleAndroid',
   color: ?number,
   borderless: boolean,
   rippleRadius: ?number,
-|}>;
+}>;
 
-export type RippleConfig = {|
+export type RippleConfig = {
   color?: ColorValue,
   borderless?: boolean,
   radius?: number,
   foreground?: boolean,
-|};
+};
 
 /**
  * Provides the event handlers and props for configuring the ripple effect on
@@ -39,15 +39,15 @@ export type RippleConfig = {|
  */
 export default function useAndroidRippleForView(
   rippleConfig: ?RippleConfig,
-  viewRef: {|current: null | React.ElementRef<typeof View>|},
-): ?$ReadOnly<{|
+  viewRef: {current: null | React.ElementRef<typeof View>},
+): ?$ReadOnly<{
   onPressIn: (event: PressEvent) => void,
   onPressMove: (event: PressEvent) => void,
   onPressOut: (event: PressEvent) => void,
   viewProps:
-    | $ReadOnly<{|nativeBackgroundAndroid: NativeBackgroundProp|}>
-    | $ReadOnly<{|nativeForegroundAndroid: NativeBackgroundProp|}>,
-|}> {
+    | $ReadOnly<{nativeBackgroundAndroid: NativeBackgroundProp}>
+    | $ReadOnly<{nativeForegroundAndroid: NativeBackgroundProp}>,
+}> {
   const {color, borderless, radius, foreground} = rippleConfig ?? {};
 
   return useMemo(() => {

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js

@@ -15,7 +15,7 @@ import ProgressBarAndroidNativeComponent from './ProgressBarAndroidNativeCompone
 
 const React = require('react');
 
-export type ProgressBarAndroidProps = $ReadOnly<{|
+export type ProgressBarAndroidProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -25,12 +25,12 @@ export type ProgressBarAndroidProps = $ReadOnly<{|
    * `progress` value.
    */
   ...
-    | {|
+    | {
         styleAttr: 'Horizontal',
         indeterminate: false,
         progress: number,
-      |}
-    | {|
+      }
+    | {
         typeAttr:
           | 'Horizontal'
           | 'Normal'
@@ -40,7 +40,7 @@ export type ProgressBarAndroidProps = $ReadOnly<{|
           | 'SmallInverse'
           | 'LargeInverse',
         indeterminate: true,
-      |},
+      },
   /**
    * Whether to show the ProgressBar (true, the default) or hide it (false).
    */
@@ -53,7 +53,7 @@ export type ProgressBarAndroidProps = $ReadOnly<{|
    * Used to locate this view in end-to-end tests.
    */
   testID?: ?string,
-|}>;
+}>;
 
 /**
  * React component that wraps the Android-only `ProgressBar`. This component is
@@ -106,8 +106,7 @@ const ProgressBarAndroidWithForwardedRef: component(
   );
 });
 
-module.exports =
-  /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
-   * error found when Flow v0.89 was deployed. To see the error, delete this
-   * comment and run Flow. */
-  (ProgressBarAndroidWithForwardedRef: typeof ProgressBarAndroidNativeComponent);
+export default /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
+ * error found when Flow v0.89 was deployed. To see the error, delete this
+ * comment and run Flow. */
+(ProgressBarAndroidWithForwardedRef: typeof ProgressBarAndroidNativeComponent);

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.js

@@ -9,4 +9,4 @@
 
 'use strict';
 
-module.exports = require('../UnimplementedViews/UnimplementedView');
+export default require('../UnimplementedViews/UnimplementedView');

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
-import ProgressBarAndroidNativeComponent from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/ProgressBarAndroidNativeComponent';
+import ProgressBarAndroidNativeComponent from '../../../src/private/specs_DEPRECATED/components/ProgressBarAndroidNativeComponent';
 export default ProgressBarAndroidNativeComponent;

package/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
-import AndroidSwipeRefreshLayoutNativeComponent from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/AndroidSwipeRefreshLayoutNativeComponent';
+import AndroidSwipeRefreshLayoutNativeComponent from '../../../src/private/specs_DEPRECATED/components/AndroidSwipeRefreshLayoutNativeComponent';
 export default AndroidSwipeRefreshLayoutNativeComponent;

package/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
-import PullToRefreshViewNativeComponent from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent';
+import PullToRefreshViewNativeComponent from '../../../src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent';
 export default PullToRefreshViewNativeComponent;

package/Libraries/Components/RefreshControl/RefreshControl.js

@@ -17,11 +17,11 @@ import AndroidSwipeRefreshLayoutNativeComponent, {
 import PullToRefreshViewNativeComponent, {
   Commands as PullToRefreshCommands,
 } from './PullToRefreshViewNativeComponent';
+import React from 'react';
 
 const Platform = require('../../Utilities/Platform');
-const React = require('react');
 
-type IOSProps = $ReadOnly<{|
+type IOSProps = $ReadOnly<{
   /**
    * The color of the refresh indicator.
    */
@@ -34,9 +34,9 @@ type IOSProps = $ReadOnly<{|
    * The title displayed under the refresh indicator.
    */
   title?: ?string,
-|}>;
+}>;
 
-type AndroidProps = $ReadOnly<{|
+type AndroidProps = $ReadOnly<{
   /**
    * Whether the pull to refresh functionality is enabled.
    */
@@ -53,9 +53,9 @@ type AndroidProps = $ReadOnly<{|
    * Size of the refresh indicator.
    */
   size?: ?('default' | 'large'),
-|}>;
+}>;
 
-export type RefreshControlProps = $ReadOnly<{|
+export type RefreshControlProps = $ReadOnly<{
   ...ViewProps,
   ...IOSProps,
   ...AndroidProps,
@@ -74,7 +74,7 @@ export type RefreshControlProps = $ReadOnly<{|
    * Progress view top offset
    */
   progressViewOffset?: ?number,
-|}>;
+}>;
 
 /**
  * This component is used inside a ScrollView or ListView to add pull to refresh
@@ -126,7 +126,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
     | typeof PullToRefreshViewNativeComponent
     | typeof AndroidSwipeRefreshLayoutNativeComponent,
   >;
-  _lastNativeRefreshing = false;
+  _lastNativeRefreshing: boolean = false;
 
   componentDidMount() {
     this._lastNativeRefreshing = this.props.refreshing;
@@ -201,4 +201,4 @@ class RefreshControl extends React.Component<RefreshControlProps> {
   };
 }
 
-module.exports = RefreshControl;
+export default RefreshControl;

package/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
-import RCTSafeAreaViewNativeComponent from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent';
+import RCTSafeAreaViewNativeComponent from '../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent';
 export default RCTSafeAreaViewNativeComponent;