@office-iss/react-native-win32 0.0.0-canary.291 → 0.0.0-canary.293

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js

@@ -5,73 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow strict-local
+ * @flow
  */
 
-'use strict';
+// NOTE: This file supports backwards compatibility of subpath (deep) imports
+// from 'react-native' with platform-specific extensions. It can be deleted
+// once we remove the "./*" mapping from package.json "exports".
 
-// import typeof DrawerLayoutAndroid from './DrawerLayoutAndroid.android';
-import type {
-  MeasureInWindowOnSuccessCallback,
-  MeasureLayoutOnSuccessCallback,
-  MeasureOnSuccessCallback,
-} from '../../../src/private/types/HostInstance';
-import type {
-  DrawerLayoutAndroidMethods,
-  DrawerLayoutAndroidProps,
-  DrawerLayoutAndroidState,
-} from './DrawerLayoutAndroidTypes';
+import DrawerLayoutAndroid from './DrawerLayoutAndroid';
 
-import UnimplementedView from '../UnimplementedViews/UnimplementedView';
-import * as React from 'react';
-
-export type {
-  DrawerLayoutAndroidProps,
-  DrawerSlideEvent,
-} from './DrawerLayoutAndroidTypes';
-
-export default class DrawerLayoutAndroid
-  extends React.Component<DrawerLayoutAndroidProps, DrawerLayoutAndroidState>
-  implements DrawerLayoutAndroidMethods
-{
-  render(): React.Node {
-    return <UnimplementedView {...this.props} />;
-  }
-
-  openDrawer(): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  closeDrawer(): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  blur(): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  focus(): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  measure(callback: MeasureOnSuccessCallback): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  measureLayout(
-    relativeToNativeNode: number,
-    onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail?: () => void,
-  ): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-
-  // $FlowFixMe[unclear-type]
-  setNativeProps(nativeProps: Object): void {
-    throw new Error('DrawerLayoutAndroid is only available on Android');
-  }
-}
+export default DrawerLayoutAndroid;

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

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import DrawerLayoutAndroid from './DrawerLayoutAndroidFallback';
+
+export type {
+  DrawerLayoutAndroidProps,
+  DrawerSlideEvent,
+} from './DrawerLayoutAndroidTypes';
+
+export default DrawerLayoutAndroid;

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroidFallback.js

@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {
+  MeasureInWindowOnSuccessCallback,
+  MeasureLayoutOnSuccessCallback,
+  MeasureOnSuccessCallback,
+} from '../../../src/private/types/HostInstance';
+import type {
+  DrawerLayoutAndroidMethods,
+  DrawerLayoutAndroidProps,
+  DrawerLayoutAndroidState,
+} from './DrawerLayoutAndroidTypes';
+
+import UnimplementedView from '../UnimplementedViews/UnimplementedView';
+import * as React from 'react';
+
+export default class DrawerLayoutAndroid
+  extends React.Component<DrawerLayoutAndroidProps, DrawerLayoutAndroidState>
+  implements DrawerLayoutAndroidMethods
+{
+  render(): React.Node {
+    return <UnimplementedView {...this.props} />;
+  }
+
+  openDrawer(): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  closeDrawer(): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  blur(): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  focus(): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  measure(callback: MeasureOnSuccessCallback): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  measureLayout(
+    relativeToNativeNode: number,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void,
+  ): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+
+  // $FlowFixMe[unclear-type]
+  setNativeProps(nativeProps: Object): void {
+    throw new Error('DrawerLayoutAndroid is only available on Android');
+  }
+}

package/Libraries/Components/Keyboard/Keyboard.js

@@ -103,7 +103,7 @@ type KeyboardEventDefinitions = {
  *```
  */
 
-class Keyboard {
+class KeyboardImpl {
   _currentlyShowing: ?KeyboardEvent;
 
   _emitter: NativeEventEmitter<KeyboardEventDefinitions> =
@@ -202,4 +202,6 @@ class Keyboard {
   }
 }
 
-export default (new Keyboard(): Keyboard);
+const Keyboard: KeyboardImpl = new KeyboardImpl();
+
+export default Keyboard;

package/Libraries/Components/Keyboard/KeyboardAvoidingView.js

@@ -51,7 +51,7 @@ export type KeyboardAvoidingViewProps = $ReadOnly<{
   keyboardVerticalOffset?: number,
 }>;
 
-type State = {
+type KeyboardAvoidingViewState = {
   bottom: number,
 };
 
@@ -61,7 +61,7 @@ type State = {
  */
 class KeyboardAvoidingView extends React.Component<
   KeyboardAvoidingViewProps,
-  State,
+  KeyboardAvoidingViewState,
 > {
   _frame: ?ViewLayout = null;
   _keyboardEvent: ?KeyboardEvent = null;
@@ -178,7 +178,10 @@ class KeyboardAvoidingView extends React.Component<
     }
   };
 
-  componentDidUpdate(_: KeyboardAvoidingViewProps, prevState: State): void {
+  componentDidUpdate(
+    _: KeyboardAvoidingViewProps,
+    prevState: KeyboardAvoidingViewState,
+  ): void {
     const enabled = this.props.enabled ?? true;
     if (enabled && this._bottom !== prevState.bottom) {
       this.setState({bottom: this._bottom});

package/Libraries/Components/Pressable/Pressable.js

@@ -28,6 +28,8 @@ import {useMemo, useRef, useState} from 'react';
 
 type ViewStyleProp = React.ElementConfig<typeof View>['style'];
 
+export type {PressableAndroidRippleConfig};
+
 export type PressableStateCallbackType = $ReadOnly<{
   pressed: boolean,
 }>;
@@ -150,7 +152,10 @@ type PressableBaseProps = $ReadOnly<{
 }>;
 
 export type PressableProps = $ReadOnly<{
-  ...ViewProps,
+  // Pressability may override `onMouseEnter` and `onMouseLeave` to
+  // implement `onHoverIn` and `onHoverOut` in a platform-agnostic way.
+  // Hover events should be used instead of mouse events.
+  ...Omit<ViewProps, 'onMouseEnter' | 'onMouseLeave'>,
   ...PressableBaseProps,
 }>;
 

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

@@ -34,6 +34,8 @@ import View from '../View/View';
 
 type ViewStyleProp = React.ElementConfig<typeof View>['style'];
 
+export type {PressableAndroidRippleConfig};
+
 export type PressableStateCallbackType = $ReadOnly<{
   pressed: boolean,
 }>;
@@ -196,7 +198,10 @@ type PressableBaseProps = $ReadOnly<{
 }>;
 
 export type PressableProps = $ReadOnly<{
-  ...ViewProps,
+  // Pressability may override `onMouseEnter` and `onMouseLeave` to
+  // implement `onHoverIn` and `onHoverOut` in a platform-agnostic way.
+  // Hover events should be used instead of mouse events.
+  ...Omit<ViewProps, 'onMouseEnter' | 'onMouseLeave'>,
   ...PressableBaseProps,
 }>;
 

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.js

@@ -13,12 +13,22 @@
 import typeof ProgressBarAndroidNativeComponentType from './ProgressBarAndroidNativeComponent';
 import type {ProgressBarAndroidProps} from './ProgressBarAndroidTypes';
 
+import Platform from '../../Utilities/Platform';
+
 export type {ProgressBarAndroidProps};
 
-export default require('../UnimplementedViews/UnimplementedView')
-  .default as $FlowFixMe as component(
+let ProgressBarAndroid: component(
   ref?: React.RefSetter<
     React.ElementRef<ProgressBarAndroidNativeComponentType>,
   >,
   ...props: ProgressBarAndroidProps
 );
+
+if (Platform.OS === 'android') {
+  ProgressBarAndroid = require('./ProgressBarAndroid').default;
+} else {
+  ProgressBarAndroid = require('../UnimplementedViews/UnimplementedView')
+    .default as $FlowFixMe;
+}
+
+export default ProgressBarAndroid;

package/Libraries/Components/RefreshControl/RefreshControl.js

@@ -17,7 +17,7 @@ import AndroidSwipeRefreshLayoutNativeComponent, {
 import PullToRefreshViewNativeComponent, {
   Commands as PullToRefreshCommands,
 } from './PullToRefreshViewNativeComponent';
-import React from 'react';
+import * as React from 'react';
 
 const Platform = require('../../Utilities/Platform').default;
 

package/Libraries/Components/ScrollView/ScrollView.d.ts

@@ -869,7 +869,7 @@ export class ScrollView extends ScrollViewBase {
    * This function sends props straight to native. They will not participate in
    * future diff process - this means that if you do not include them in the
    * next render, they will remain active (see [Direct
-   * Manipulation](https://reactnative.dev/docs/direct-manipulation)).
+   * Manipulation](https://reactnative.dev/docs/the-new-architecture/direct-manipulation-new-architecture)).
    */
   setNativeProps(nativeProps: object): void;
 }