@office-iss/react-native-win32 0.83.0-preview.1 → 0.84.0-preview.2

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -8,12 +8,15 @@
  * @format
  */
 
+import type {RootTag} from '../../Types/RootTagTypes';
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type {AnimatedNodeConfig} from './AnimatedNode';
 import type {AnimatedStyleAllowlist} from './AnimatedStyle';
 
 import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHelper';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import {findNodeHandle} from '../../ReactNative/RendererProxy';
+import {getNodeFromPublicInstance} from '../../ReactPrivate/ReactNativePrivateInterface';
 import flattenStyle from '../../StyleSheet/flattenStyle';
 import {AnimatedEvent} from '../AnimatedEvent';
 import AnimatedNode from './AnimatedNode';
@@ -33,12 +36,12 @@ type TargetView = {
 type TargetViewInstance = React.ElementRef<React.ElementType>;
 
 function createAnimatedProps(
-  inputProps: {[string]: mixed},
+  inputProps: {[string]: unknown},
   allowlist: ?AnimatedPropsAllowlist,
-): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: mixed}] {
+): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: unknown}] {
   const nodeKeys: Array<string> = [];
   const nodes: Array<AnimatedNode> = [];
-  const props: {[string]: mixed} = {};
+  const props: {[string]: unknown} = {};
 
   const keys = Object.keys(inputProps);
   for (let ii = 0, length = keys.length; ii < length; ii++) {
@@ -95,13 +98,15 @@ export default class AnimatedProps extends AnimatedNode {
   _callback: () => void;
   _nodeKeys: $ReadOnlyArray<string>;
   _nodes: $ReadOnlyArray<AnimatedNode>;
-  _props: {[string]: mixed};
+  _props: {[string]: unknown};
   _target: ?TargetView = null;
+  _rootTag: ?RootTag = undefined;
 
   constructor(
-    inputProps: {[string]: mixed},
+    inputProps: {[string]: unknown},
     callback: () => void,
     allowlist?: ?AnimatedPropsAllowlist,
+    rootTag?: RootTag,
     config?: ?AnimatedNodeConfig,
   ) {
     super(config);
@@ -110,10 +115,11 @@ export default class AnimatedProps extends AnimatedNode {
     this._nodes = nodes;
     this._props = props;
     this._callback = callback;
+    this._rootTag = rootTag;
   }
 
   __getValue(): Object {
-    const props: {[string]: mixed} = {};
+    const props: {[string]: unknown} = {};
 
     const keys = Object.keys(this._props);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
@@ -138,7 +144,7 @@ export default class AnimatedProps extends AnimatedNode {
    * created by this `AnimatedProps` instance.
    */
   __getValueWithStaticProps(staticProps: Object): Object {
-    const props: {[string]: mixed} = {...staticProps};
+    const props: {[string]: unknown} = {...staticProps};
 
     const keys = Object.keys(staticProps);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
@@ -149,7 +155,7 @@ export default class AnimatedProps extends AnimatedNode {
         const staticStyle = staticProps.style;
         const flatStaticStyle = flattenStyle(staticStyle);
         if (maybeNode instanceof AnimatedStyle) {
-          const mutableStyle: {[string]: mixed} =
+          const mutableStyle: {[string]: unknown} =
             flatStaticStyle == null
               ? {}
               : flatStaticStyle === staticStyle
@@ -190,7 +196,7 @@ export default class AnimatedProps extends AnimatedNode {
   }
 
   __getAnimatedValue(): Object {
-    const props: {[string]: mixed} = {};
+    const props: {[string]: unknown} = {};
 
     const nodeKeys = this._nodeKeys;
     const nodes = this._nodes;
@@ -247,7 +253,9 @@ export default class AnimatedProps extends AnimatedNode {
       super.__setPlatformConfig(platformConfig);
 
       if (this._target != null) {
-        this.#connectAnimatedView(this._target);
+        const target = this._target;
+        this.#connectAnimatedView(target);
+        this.#connectShadowNode(target);
       }
     }
   }
@@ -256,9 +264,10 @@ export default class AnimatedProps extends AnimatedNode {
     if (this._target?.instance === instance) {
       return;
     }
-    this._target = {instance, connectedViewTag: null};
+    const target = (this._target = {instance, connectedViewTag: null});
     if (this.__isNative) {
-      this.#connectAnimatedView(this._target);
+      this.#connectAnimatedView(target);
+      this.#connectShadowNode(target);
     }
   }
 
@@ -279,6 +288,27 @@ export default class AnimatedProps extends AnimatedNode {
     target.connectedViewTag = viewTag;
   }
 
+  #connectShadowNode(target: TargetView): void {
+    if (
+      !ReactNativeFeatureFlags.cxxNativeAnimatedEnabled() ||
+      //eslint-disable-next-line
+      !ReactNativeFeatureFlags.useSharedAnimatedBackend()
+    ) {
+      return;
+    }
+
+    invariant(this.__isNative, 'Expected node to be marked as "native"');
+    // $FlowExpectedError[incompatible-type] - target.instance may be an HTMLElement but we need ReactNativeElement for Fabric
+    const shadowNode = getNodeFromPublicInstance(target.instance);
+    if (shadowNode == null) {
+      return;
+    }
+    NativeAnimatedHelper.API.connectAnimatedNodeToShadowNodeFamily(
+      this.__getNativeTag(),
+      shadowNode,
+    );
+  }
+
   #disconnectAnimatedView(target: TargetView): void {
     invariant(this.__isNative, 'Expected node to be marked as "native"');
     const viewTag = target.connectedViewTag;
@@ -318,6 +348,7 @@ export default class AnimatedProps extends AnimatedNode {
     return {
       type: 'props',
       props: propsConfig,
+      rootTag: this._rootTag ?? undefined,
       debugID: this.__getDebugID(),
     };
   }

package/Libraries/Animated/nodes/AnimatedStyle.js

@@ -21,17 +21,17 @@ import AnimatedWithChildren from './AnimatedWithChildren';
 
 export type AnimatedStyleAllowlist = $ReadOnly<{[string]: true}>;
 
-type FlatStyle = {[string]: mixed};
-type FlatStyleForWeb<TStyle: FlatStyle> = [mixed, TStyle];
+type FlatStyle = {[string]: unknown};
+type FlatStyleForWeb<TStyle: FlatStyle> = [unknown, TStyle];
 
 function createAnimatedStyle(
   flatStyle: FlatStyle,
   allowlist: ?AnimatedStyleAllowlist,
   keepUnanimatedValues: boolean,
-): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: mixed}] {
+): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: unknown}] {
   const nodeKeys: Array<string> = [];
   const nodes: Array<AnimatedNode> = [];
-  const style: {[string]: mixed} = {};
+  const style: {[string]: unknown} = {};
 
   const keys = Object.keys(flatStyle);
   for (let ii = 0, length = keys.length; ii < length; ii++) {
@@ -82,10 +82,10 @@ function createAnimatedStyle(
 }
 
 export default class AnimatedStyle extends AnimatedWithChildren {
-  _originalStyleForWeb: ?mixed;
+  _originalStyleForWeb: ?unknown;
   _nodeKeys: $ReadOnlyArray<string>;
   _nodes: $ReadOnlyArray<AnimatedNode>;
-  _style: {[string]: mixed};
+  _style: {[string]: unknown};
 
   /**
    * Creates an `AnimatedStyle` if `value` contains `AnimatedNode` instances.
@@ -94,7 +94,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   static from(
     flatStyle: ?FlatStyle,
     allowlist: ?AnimatedStyleAllowlist,
-    originalStyleForWeb: ?mixed,
+    originalStyleForWeb: ?unknown,
   ): ?AnimatedStyle {
     if (flatStyle == null) {
       return null;
@@ -115,8 +115,8 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   constructor(
     nodeKeys: $ReadOnlyArray<string>,
     nodes: $ReadOnlyArray<AnimatedNode>,
-    style: {[string]: mixed},
-    originalStyleForWeb: ?mixed,
+    style: {[string]: unknown},
+    originalStyleForWeb: ?unknown,
     config?: ?AnimatedNodeConfig,
   ) {
     super(config);
@@ -134,7 +134,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __getValue(): FlatStyleForWeb<FlatStyle> | FlatStyle {
-    const style: {[string]: mixed} = {};
+    const style: {[string]: unknown} = {};
 
     const keys = Object.keys(this._style);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
@@ -164,7 +164,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
    * Mutates the supplied `style` object such that animated nodes are replaced
    * with rasterized values.
    */
-  __replaceAnimatedNodeWithValues(style: {[string]: mixed}): void {
+  __replaceAnimatedNodeWithValues(style: {[string]: unknown}): void {
     const keys = Object.keys(style);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
@@ -185,7 +185,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __getAnimatedValue(): Object {
-    const style: {[string]: mixed} = {};
+    const style: {[string]: unknown} = {};
 
     const nodeKeys = this._nodeKeys;
     const nodes = this._nodes;

package/Libraries/Animated/nodes/AnimatedValue.js

@@ -12,7 +12,10 @@ import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type Animation from '../animations/Animation';
 import type {EndCallback} from '../animations/Animation';
-import type {InterpolationConfigType} from './AnimatedInterpolation';
+import type {
+  InterpolationConfigSupportedOutputType,
+  InterpolationConfigType,
+} from './AnimatedInterpolation';
 import type AnimatedNode from './AnimatedNode';
 import type {AnimatedNodeConfig} from './AnimatedNode';
 import type AnimatedTracking from './AnimatedTracking';
@@ -131,7 +134,7 @@ export default class AnimatedValue extends AnimatedWithChildren {
     }
   }
 
-  addListener(callback: (value: any) => mixed): string {
+  addListener(callback: (value: any) => unknown): string {
     const id = super.addListener(callback);
     this._listenerCount++;
     if (this.__isNative) {
@@ -298,7 +301,7 @@ export default class AnimatedValue extends AnimatedWithChildren {
    * Interpolates the value before updating the property, e.g. mapping 0-1 to
    * 0-10.
    */
-  interpolate<OutputT: number | string>(
+  interpolate<OutputT: InterpolationConfigSupportedOutputType>(
     config: InterpolationConfigType<OutputT>,
   ): AnimatedInterpolation<OutputT> {
     return new AnimatedInterpolation(this, config);

package/Libraries/Animated/nodes/AnimatedValueXY.js

@@ -21,7 +21,7 @@ export type AnimatedValueXYConfig = $ReadOnly<{
   ...AnimatedNodeConfig,
   useNativeDriver: boolean,
 }>;
-type ValueXYListenerCallback = (value: {x: number, y: number, ...}) => mixed;
+type ValueXYListenerCallback = (value: {x: number, y: number, ...}) => unknown;
 
 let _uniqueId = 1;
 

package/Libraries/BatchedBridge/MessageQueue.js

@@ -23,7 +23,7 @@ export type SpyData = {
   type: number,
   module: ?string,
   method: string | number,
-  args: mixed[],
+  args: unknown[],
   ...
 };
 
@@ -42,9 +42,9 @@ const DEBUG_INFO_LIMIT = 32;
 
 class MessageQueue {
   _lazyCallableModules: {[key: string]: (void) => {...}, ...};
-  _queue: [number[], number[], mixed[], number];
-  _successCallbacks: Map<number, ?(...mixed[]) => void>;
-  _failureCallbacks: Map<number, ?(...mixed[]) => void>;
+  _queue: [number[], number[], unknown[], number];
+  _successCallbacks: Map<number, ?(...unknown[]) => void>;
+  _failureCallbacks: Map<number, ?(...unknown[]) => void>;
   _callID: number;
   _lastFlush: number;
   _eventLoopStartTime: number;
@@ -109,8 +109,8 @@ class MessageQueue {
   callFunctionReturnFlushedQueue(
     module: string,
     method: string,
-    args: mixed[],
-  ): null | [Array<number>, Array<number>, Array<mixed>, number] {
+    args: unknown[],
+  ): null | [Array<number>, Array<number>, Array<unknown>, number] {
     this.__guard(() => {
       this.__callFunction(module, method, args);
     });
@@ -120,8 +120,8 @@ class MessageQueue {
 
   invokeCallbackAndReturnFlushedQueue(
     cbID: number,
-    args: mixed[],
-  ): null | [Array<number>, Array<number>, Array<mixed>, number] {
+    args: unknown[],
+  ): null | [Array<number>, Array<number>, Array<unknown>, number] {
     this.__guard(() => {
       this.__invokeCallback(cbID, args);
     });
@@ -129,7 +129,9 @@ class MessageQueue {
     return this.flushedQueue();
   }
 
-  flushedQueue(): null | [Array<number>, Array<number>, Array<mixed>, number] {
+  flushedQueue():
+    | null
+    | [Array<number>, Array<number>, Array<unknown>, number] {
     this.__guard(() => {
       this.__callReactNativeMicrotasks();
     });
@@ -171,10 +173,10 @@ class MessageQueue {
   callNativeSyncHook(
     moduleID: number,
     methodID: number,
-    params: mixed[],
-    onFail: ?(...mixed[]) => void,
-    onSucc: ?(...mixed[]) => void,
-  ): mixed {
+    params: unknown[],
+    onFail: ?(...unknown[]) => void,
+    onSucc: ?(...unknown[]) => void,
+  ): unknown {
     if (__DEV__) {
       invariant(
         global.nativeCallSyncHook,
@@ -191,9 +193,9 @@ class MessageQueue {
   processCallbacks(
     moduleID: number,
     methodID: number,
-    params: mixed[],
-    onFail: ?(...mixed[]) => void,
-    onSucc: ?(...mixed[]) => void,
+    params: unknown[],
+    onFail: ?(...unknown[]) => void,
+    onSucc: ?(...unknown[]) => void,
   ): void {
     if (onFail || onSucc) {
       if (__DEV__) {
@@ -242,9 +244,9 @@ class MessageQueue {
   enqueueNativeCall(
     moduleID: number,
     methodID: number,
-    params: mixed[],
-    onFail: ?(...mixed[]) => void,
-    onSucc: ?(...mixed[]) => void,
+    params: unknown[],
+    onFail: ?(...unknown[]) => void,
+    onSucc: ?(...unknown[]) => void,
   ): void {
     this.processCallbacks(moduleID, methodID, params, onFail, onSucc);
 
@@ -256,7 +258,7 @@ class MessageQueue {
       // folly-convertible.  As a special case, if a prop value is a
       // function it is permitted here, and special-cased in the
       // conversion.
-      const isValidArgument = (val: mixed): boolean => {
+      const isValidArgument = (val: unknown): boolean => {
         switch (typeof val) {
           case 'undefined':
           case 'boolean':
@@ -401,7 +403,7 @@ class MessageQueue {
     }
   }
 
-  __callFunction(module: string, method: string, args: mixed[]): void {
+  __callFunction(module: string, method: string, args: unknown[]): void {
     this._lastFlush = Date.now();
     this._eventLoopStartTime = this._lastFlush;
     if (__DEV__ || this.__spy) {
@@ -441,7 +443,7 @@ class MessageQueue {
     }
   }
 
-  __invokeCallback(cbID: number, args: mixed[]): void {
+  __invokeCallback(cbID: number, args: unknown[]): void {
     this._lastFlush = Date.now();
     this._eventLoopStartTime = this._lastFlush;
 

package/Libraries/Blob/URL.js

@@ -90,11 +90,15 @@ export class URL {
         }
       }
 
+      // Only add trailing slash if URL has no path (just domain)
       if (
         !this._url.endsWith('/') &&
         !(this._url.includes('?') || this._url.includes('#'))
       ) {
-        this._url += '/';
+        const afterProtocol = this._url.split('://')[1];
+        if (afterProtocol && !afterProtocol.includes('/')) {
+          this._url += '/';
+        }
       }
     } else {
       if (typeof base === 'string') {
@@ -170,6 +174,24 @@ export class URL {
     return searchMatch ? `?${searchMatch[1]}` : '';
   }
 
+  set search(value: string) {
+    // Remove leading '?' if present
+    const searchString = value.startsWith('?') ? value.slice(1) : value;
+
+    // Update the internal URL
+    const baseUrl = this._url.split('?')[0].split('#')[0];
+    const hash = this.hash;
+
+    if (searchString) {
+      this._url = baseUrl + '?' + searchString + hash;
+    } else {
+      this._url = baseUrl + hash;
+    }
+
+    // Reset the searchParams instance so it gets recreated with new values
+    this._searchParamsInstance = null;
+  }
+
   get searchParams(): URLSearchParams {
     if (this._searchParamsInstance == null) {
       this._searchParamsInstance = new URLSearchParams(this.search);
@@ -185,10 +207,19 @@ export class URL {
     if (this._searchParamsInstance === null) {
       return this._url;
     }
+
+    // Remove existing search params and hash from the URL
+    const baseUrl = this._url.split('?')[0].split('#')[0];
+    const hash = this.hash;
+
     // $FlowFixMe[incompatible-use]
     const instanceString = this._searchParamsInstance.toString();
-    const separator = this._url.indexOf('?') > -1 ? '&' : '?';
-    return this._url + separator + instanceString;
+
+    if (instanceString) {
+      return baseUrl + '?' + instanceString + hash;
+    } else {
+      return baseUrl + hash;
+    }
   }
 
   get username(): string {

package/Libraries/Blob/URLSearchParams.js

@@ -131,6 +131,7 @@ export class URLSearchParams {
       }
     }
 
+    // $FlowFixMe[incompatible-use]
     return entries[Symbol.iterator]();
   }
 

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.d.ts

@@ -150,12 +150,18 @@ export interface AccessibilityInfoStatic {
    * - `announcement`: The string announced by the screen reader.
    * - `options`: An object that configures the reading options.
    *   - `queue`: The announcement will be queued behind existing announcements. iOS only.
+   *   - `priority`: The priority of the announcement. Possible values: 'low' | 'default' | 'high'.
+   *     High priority announcements will interrupt any ongoing speech and cannot be interrupted.
+   *     Default priority announcements will interrupt any ongoing speech but can be interrupted.
+   *     Low priority announcements will not interrupt ongoing speech and can be interrupted.
+   *     (iOS only).
    *   - `nativeID`: The nativeID of the element to send the announcement from. win32 only.
    */
   announceForAccessibilityWithOptions(
     announcement: string,
     options: {
       queue?: boolean | undefined;
+      priority?: 'low' | 'default' | 'high' | undefined;
       nativeID?: string | undefined; // win32
     },
   ): void;

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -476,10 +476,15 @@ const AccessibilityInfo = {
    * - `announcement`: The string announced by the screen reader.
    * - `options`: An object that configures the reading options.
    *   - `queue`: The announcement will be queued behind existing announcements. iOS only.
+   *   - `priority`: The priority of the announcement. Possible values: 'low' | 'default' | 'high'.
+   *     High priority announcements will interrupt any ongoing speech and cannot be interrupted.
+   *     Default priority announcements will interrupt any ongoing speech but can be interrupted.
+   *     Low priority announcements will not interrupt ongoing speech and can be interrupted.
+   *     (iOS only).
    */
   announceForAccessibilityWithOptions(
     announcement: string,
-    options: {queue?: boolean},
+    options: {queue?: boolean, priority?: 'low' | 'default' | 'high'},
   ): void {
     if (Platform.OS === 'android') {
       NativeAccessibilityInfoAndroid?.announceForAccessibility(announcement);

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

@@ -502,12 +502,18 @@ const AccessibilityInfo = {
    * - `announcement`: The string announced by the screen reader.
    * - `options`: An object that configures the reading options.
    *   - `queue`: The announcement will be queued behind existing announcements. iOS only.
+   *   - `priority`: The priority of the announcement. Possible values: 'low' | 'default' | 'high'.
+   *     High priority announcements will interrupt any ongoing speech and cannot be interrupted.
+   *     Default priority announcements will interrupt any ongoing speech but can be interrupted.
+   *     Low priority announcements will not interrupt ongoing speech and can be interrupted.
+   *     (iOS only).
    *   - `nativeID`: The nativeID of the element to send the announcement from. win32 only.
    */
   announceForAccessibilityWithOptions(
     announcement: string,
     options: {
       queue?: boolean,
+      priority?: 'low' | 'default' | 'high',
       nativeID?: string, // win32
     },
   ): void {
@@ -515,9 +521,10 @@ const AccessibilityInfo = {
       NativeAccessibilityInfo?.announceForAccessibility(announcement);
     } else if (Platform.OS === 'win32') {
       if (NativeAccessibilityInfoWin32?.announceForAccessibilityWithOptions) {
+        const {priority: _, ...win32Options} = options;
         NativeAccessibilityInfoWin32?.announceForAccessibilityWithOptions(
           announcement,
-          options,
+          win32Options,
         );
       } else {
         NativeAccessibilityInfoWin32?.announceForAccessibility(announcement);

package/Libraries/Components/Button.js

@@ -38,7 +38,7 @@ export type ButtonProps = $ReadOnly<{
     Handler to be called when the user taps the button. The first function
     argument is an event in form of [GestureResponderEvent](pressevent).
    */
-  onPress?: (event?: GestureResponderEvent) => mixed,
+  onPress?: (event?: GestureResponderEvent) => unknown,
 
   /**
     If `true`, doesn't play system sound on touch.
@@ -148,7 +148,7 @@ export type ButtonProps = $ReadOnly<{
    */
   accessible?: ?boolean,
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
   accessibilityState?: ?AccessibilityState,
 
   /**
@@ -184,9 +184,6 @@ export type ButtonProps = $ReadOnly<{
   [button:source]:
   https://github.com/facebook/react-native/blob/HEAD/Libraries/Components/Button.js
 
-  [button:examples]:
-  https://js.coach/?menu%5Bcollections%5D=React%20Native&page=1&query=button
-
   ```jsx
   <Button
     onPress={onPressLearnMore}

package/Libraries/Components/Button.win32.js

@@ -39,7 +39,7 @@ export type ButtonProps = $ReadOnly<{
     Handler to be called when the user taps the button. The first function
     argument is an event in form of [GestureResponderEvent](pressevent).
    */
-  onPress?: (event?: GestureResponderEvent) => mixed,
+  onPress?: (event?: GestureResponderEvent) => unknown,
 
   /**
     If `true`, doesn't play system sound on touch.
@@ -149,7 +149,7 @@ export type ButtonProps = $ReadOnly<{
    */
   accessible?: ?boolean,
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,
   accessibilityState?: ?AccessibilityState,
 
   /**
@@ -187,9 +187,6 @@ export type ButtonProps = $ReadOnly<{
   [button:source]:
   https://github.com/facebook/react-native/blob/HEAD/Libraries/Components/Button.js
 
-  [button:examples]:
-  https://js.coach/?menu%5Bcollections%5D=React%20Native&page=1&query=button
-
   ```jsx
   <Button
     onPress={onPressLearnMore}

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

@@ -67,7 +67,7 @@ class DrawerLayoutAndroid
   extends React.Component<DrawerLayoutAndroidProps, DrawerLayoutAndroidState>
   implements DrawerLayoutAndroidMethods
 {
-  static get positions(): mixed {
+  static get positions(): unknown {
     console.warn(
       'Setting DrawerLayoutAndroid drawerPosition using `DrawerLayoutAndroid.positions` is deprecated. Instead pass the string value "left" or "right"',
     );

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroidTypes.js

@@ -73,7 +73,7 @@ export type DrawerLayoutAndroidProps = $ReadOnly<{
   /**
    * Function called whenever there is an interaction with the navigation view.
    */
-  onDrawerSlide?: ?(event: DrawerSlideEvent) => mixed,
+  onDrawerSlide?: ?(event: DrawerSlideEvent) => unknown,
 
   /**
    * Function called when the drawer state has changed. The drawer can be in 3 states:
@@ -82,17 +82,17 @@ export type DrawerLayoutAndroidProps = $ReadOnly<{
    * - Settling, meaning that there was an interaction with the navigation view, and the
    * navigation view is now finishing its closing or opening animation
    */
-  onDrawerStateChanged?: ?(state: DrawerStates) => mixed,
+  onDrawerStateChanged?: ?(state: DrawerStates) => unknown,
 
   /**
    * Function called whenever the navigation view has been opened.
    */
-  onDrawerOpen?: ?() => mixed,
+  onDrawerOpen?: ?() => unknown,
 
   /**
    * Function called whenever the navigation view has been closed.
    */
-  onDrawerClose?: ?() => mixed,
+  onDrawerClose?: ?() => unknown,
 
   /**
    * The navigation view that will be rendered to the side of the screen and can be pulled in.

package/Libraries/Components/Keyboard/Keyboard.js

@@ -148,8 +148,8 @@ class KeyboardImpl {
    */
   addListener<K: $Keys<KeyboardEventDefinitions>>(
     eventType: K,
-    listener: (...KeyboardEventDefinitions[K]) => mixed,
-    context?: mixed,
+    listener: (...KeyboardEventDefinitions[K]) => unknown,
+    context?: unknown,
   ): EventSubscription {
     return this._emitter.addListener(eventType, listener);
   }