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

package/{Libraries/Inspector → src/private/inspector}/NetworkOverlay.js

@@ -10,17 +10,21 @@
 
 'use strict';
 
+import type XMLHttpRequest from '../../../Libraries/Network/XMLHttpRequest';
 import type {RenderItemProps} from '@react-native/virtualized-lists';
 
-const ScrollView = require('../Components/ScrollView/ScrollView');
-const TouchableHighlight = require('../Components/Touchable/TouchableHighlight');
-const View = require('../Components/View/View');
-const FlatList = require('../Lists/FlatList');
-const XHRInterceptor = require('../Network/XHRInterceptor');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
-const WebSocketInterceptor = require('../WebSocket/WebSocketInterceptor');
-const React = require('react');
+import ScrollView from '../../../Libraries/Components/ScrollView/ScrollView';
+import React from 'react';
+
+const TouchableHighlight =
+  require('../../../Libraries/Components/Touchable/TouchableHighlight').default;
+const View = require('../../../Libraries/Components/View/View').default;
+const FlatList = require('../../../Libraries/Lists/FlatList').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Text = require('../../../Libraries/Text/Text').default;
+const WebSocketInterceptor =
+  require('../../../Libraries/WebSocket/WebSocketInterceptor').default;
+const XHRInterceptor = require('./XHRInterceptor');
 
 const LISTVIEW_CELL_HEIGHT = 15;
 
@@ -49,11 +53,11 @@ type NetworkRequestInfo = {
   ...
 };
 
-type Props = $ReadOnly<{||}>;
-type State = {|
+type Props = $ReadOnly<{}>;
+type State = {
   detailRowId: ?number,
   requests: Array<NetworkRequestInfo>,
-|};
+};
 
 function getStringByValue(value: any): string {
   if (value === undefined) {
@@ -84,6 +88,18 @@ function keyExtractor(request: NetworkRequestInfo): string {
   return String(request.id);
 }
 
+const XHR_ID_KEY = Symbol('XHR_ID');
+
+function getXHRId(xhr: XMLHttpRequest): number {
+  // $FlowExpectedError[prop-missing]
+  return xhr[XHR_ID_KEY];
+}
+
+function setXHRId(xhr: XMLHttpRequest, id: number) {
+  // $FlowExpectedError[prop-missing]
+  xhr[XHR_ID_KEY] = id;
+}
+
 /**
  * Show all the intercepted network requests over the InspectorPanel.
  */
@@ -106,8 +122,8 @@ class NetworkOverlay extends React.Component<Props, State> {
   };
 
   // Map of `socketId` -> `index in `this.state.requests`.
-  _socketIdMap: {[string]: number} = {};
-  // Map of `xhr._index` -> `index in `this.state.requests`.
+  _socketIdMap: {[number]: number} = {};
+  // Map of `xhr[XHR_ID_KEY]` -> `index in `this.state.requests`.
   _xhrIdMap: {[key: number]: number, ...} = {};
 
   state: State = {
@@ -124,9 +140,9 @@ class NetworkOverlay extends React.Component<Props, State> {
       // Generate a global id for each intercepted xhr object, add this id
       // to the xhr object as a private `_index` property to identify it,
       // so that we can distinguish different xhr objects in callbacks.
-      xhr._index = nextXHRId++;
+      setXHRId(xhr, nextXHRId++);
       const xhrIndex = this.state.requests.length;
-      this._xhrIdMap[xhr._index] = xhrIndex;
+      this._xhrIdMap[getXHRId(xhr)] = xhrIndex;
 
       const _xhr: NetworkRequestInfo = {
         id: xhrIndex,
@@ -144,7 +160,7 @@ class NetworkOverlay extends React.Component<Props, State> {
 
     XHRInterceptor.setRequestHeaderCallback((header, value, xhr) => {
       // $FlowFixMe[prop-missing]
-      const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+      const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
       if (xhrIndex === -1) {
         return;
       }
@@ -161,7 +177,7 @@ class NetworkOverlay extends React.Component<Props, State> {
 
     XHRInterceptor.setSendCallback((data, xhr) => {
       // $FlowFixMe[prop-missing]
-      const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+      const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
       if (xhrIndex === -1) {
         return;
       }
@@ -176,7 +192,7 @@ class NetworkOverlay extends React.Component<Props, State> {
     XHRInterceptor.setHeaderReceivedCallback(
       (type, size, responseHeaders, xhr) => {
         // $FlowFixMe[prop-missing]
-        const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+        const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
         if (xhrIndex === -1) {
           return;
         }
@@ -194,7 +210,7 @@ class NetworkOverlay extends React.Component<Props, State> {
     XHRInterceptor.setResponseCallback(
       (status, timeout, response, responseURL, responseType, xhr) => {
         // $FlowFixMe[prop-missing]
-        const xhrIndex = this._getRequestIndexByXHRID(xhr._index);
+        const xhrIndex = this._getRequestIndexByXHRID(getXHRId(xhr));
         if (xhrIndex === -1) {
           return;
         }
@@ -275,7 +291,7 @@ class NetworkOverlay extends React.Component<Props, State> {
       });
     });
 
-    WebSocketInterceptor.setOnMessageCallback((socketId, message) => {
+    WebSocketInterceptor.setOnMessageCallback((message, socketId) => {
       const socketIndex = this._socketIdMap[socketId];
       if (socketIndex === undefined) {
         return;
@@ -294,7 +310,7 @@ class NetworkOverlay extends React.Component<Props, State> {
       });
     });
 
-    WebSocketInterceptor.setOnCloseCallback((socketId, message) => {
+    WebSocketInterceptor.setOnCloseCallback((message, socketId) => {
       const socketIndex = this._socketIdMap[socketId];
       if (socketIndex === undefined) {
         return;
@@ -308,7 +324,7 @@ class NetworkOverlay extends React.Component<Props, State> {
       });
     });
 
-    WebSocketInterceptor.setOnErrorCallback((socketId, message) => {
+    WebSocketInterceptor.setOnErrorCallback((message, socketId) => {
       const socketIndex = this._socketIdMap[socketId];
       if (socketIndex === undefined) {
         return;
@@ -608,4 +624,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = NetworkOverlay;
+export default NetworkOverlay;

package/{Libraries/Inspector → src/private/inspector}/PerformanceOverlay.js

@@ -10,11 +10,12 @@
 
 'use strict';
 
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
-const PerformanceLogger = require('../Utilities/GlobalPerformanceLogger');
-const React = require('react');
+import React from 'react';
+
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Text = require('../../../Libraries/Text/Text').default;
+const PerformanceLogger = require('../../../Libraries/Utilities/GlobalPerformanceLogger');
 
 class PerformanceOverlay extends React.Component<{...}> {
   render(): React.Node {
@@ -60,4 +61,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = PerformanceOverlay;
+export default PerformanceOverlay;

package/{Libraries/Inspector → src/private/inspector}/ReactDevToolsOverlay.js

@@ -8,19 +8,20 @@
  * @flow
  */
 
-import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
-import type {PointerEvent} from '../Types/CoreEventTypes';
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
+import type {InspectedViewRef} from '../../../Libraries/ReactNative/AppContainer-dev';
+import type {PointerEvent} from '../../../Libraries/Types/CoreEventTypes';
+import type {PressEvent} from '../../../Libraries/Types/CoreEventTypes';
+import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
 import type {InspectedElement} from './Inspector';
 
-import View from '../Components/View/View';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
-import StyleSheet from '../StyleSheet/StyleSheet';
+import View from '../../../Libraries/Components/View/View';
+import ReactNativeFeatureFlags from '../../../Libraries/ReactNative/ReactNativeFeatureFlags';
+import StyleSheet from '../../../Libraries/StyleSheet/StyleSheet';
 import ElementBox from './ElementBox';
 import * as React from 'react';
 
-const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
+const getInspectorDataForViewAtPoint =
+  require('./getInspectorDataForViewAtPoint').default;
 
 const {useEffect, useState, useCallback} = React;
 

package/{Libraries/Inspector → src/private/inspector}/StyleInspector.js

@@ -10,14 +10,14 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {____FlattenStyleProp_Internal} from '../StyleSheet/StyleSheetTypes';
+import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
+import type {____FlattenStyleProp_Internal} from '../../../Libraries/StyleSheet/StyleSheetTypes';
 
 import React from 'react';
 
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Text = require('../Text/Text');
+const View = require('../../../Libraries/Components/View/View').default;
+const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet');
+const Text = require('../../../Libraries/Text/Text').default;
 
 type Props = $ReadOnly<{
   style?: ?____FlattenStyleProp_Internal<ViewStyleProp>,
@@ -73,4 +73,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = StyleInspector;
+export default StyleInspector;

package/{Libraries/Network → src/private/inspector}/XHRInterceptor.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const XMLHttpRequest = require('./XMLHttpRequest');
+const XMLHttpRequest = require('../../../Libraries/Network/XMLHttpRequest');
 // $FlowFixMe[method-unbinding]
 const originalXHROpen = XMLHttpRequest.prototype.open;
 // $FlowFixMe[method-unbinding]

package/{Libraries/Inspector → src/private/inspector}/getInspectorDataForViewAtPoint.js

@@ -11,7 +11,7 @@
 import type {
   HostInstance,
   TouchedViewDataAtPoint,
-} from '../Renderer/shims/ReactNativeTypes';
+} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
 
 const invariant = require('invariant');
 
@@ -49,7 +49,7 @@ function validateRenderers(): void {
   );
 }
 
-module.exports = function getInspectorDataForViewAtPoint(
+function getInspectorDataForViewAtPoint(
   inspectedView: ?HostInstance,
   locationX: number,
   locationY: number,
@@ -78,4 +78,6 @@ module.exports = function getInspectorDataForViewAtPoint(
       );
     }
   }
-};
+}
+
+export default getInspectorDataForViewAtPoint;

package/{Libraries/Inspector → src/private/inspector}/resolveBoxStyle.js

@@ -10,7 +10,8 @@
 
 'use strict';
 
-const I18nManager = require('../ReactNative/I18nManager');
+const I18nManager =
+  require('../../../Libraries/ReactNative/I18nManager').default;
 
 /**
  * Resolve a style property into its component parts.
@@ -25,12 +26,12 @@ const I18nManager = require('../ReactNative/I18nManager');
 function resolveBoxStyle(
   prefix: string,
   style: Object,
-): ?$ReadOnly<{|
+): ?$ReadOnly<{
   bottom: number,
   left: number,
   right: number,
   top: number,
-|}> {
+}> {
   let hasParts = false;
   const result = {
     bottom: 0,
@@ -111,4 +112,4 @@ function resolveBoxStyle(
   return hasParts ? result : null;
 }
 
-module.exports = resolveBoxStyle;
+export default resolveBoxStyle;

package/src/private/renderer/errorhandling/ErrorHandlers.js

@@ -10,9 +10,8 @@
 
 import type {ExtendedError} from '../../../../Libraries/Core/ExtendedError';
 
-import {
+import ExceptionsManager, {
   SyntheticError,
-  handleException,
 } from '../../../../Libraries/Core/ExceptionsManager';
 
 type ErrorInfo = {
@@ -60,14 +59,14 @@ export function onUncaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
   const error = getExtendedError(errorValue, errorInfo);
 
   // Uncaught errors are fatal.
-  handleException(error, true);
+  ExceptionsManager.handleException(error, true);
 }
 
 export function onCaughtError(errorValue: mixed, errorInfo: ErrorInfo): void {
   const error = getExtendedError(errorValue, errorInfo);
 
   // Caught errors are not fatal.
-  handleException(error, false);
+  ExceptionsManager.handleException(error, false);
 }
 
 export function onRecoverableError(

package/src/private/setup/setUpDOM.js

@@ -21,12 +21,17 @@ export default function setUpDOM() {
 
   polyfillGlobal(
     'DOMRect',
-    () => require('../webapis/dom/geometry/DOMRect').default,
+    () => require('../webapis/geometry/DOMRect').default,
   );
 
   polyfillGlobal(
     'DOMRectReadOnly',
-    () => require('../webapis/dom/geometry/DOMRectReadOnly').default,
+    () => require('../webapis/geometry/DOMRectReadOnly').default,
+  );
+
+  polyfillGlobal(
+    'HTMLCollection',
+    () => require('../webapis/dom/oldstylecollections/HTMLCollection').default,
   );
 
   polyfillGlobal(

package/src/private/{specs → specs_DEPRECATED}/components/ActivityIndicatorViewNativeComponent.js

@@ -15,7 +15,7 @@ import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -46,7 +46,7 @@ type NativeProps = $ReadOnly<{|
    * See https://reactnative.dev/docs/activityindicator#size
    */
   size?: WithDefault<'small' | 'large', 'small'>,
-|}>;
+}>;
 
 export default (codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
   paperComponentName: 'RCTActivityIndicatorView',

package/src/private/{specs → specs_DEPRECATED}/components/AndroidDrawerLayoutNativeComponent.js

@@ -22,15 +22,15 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type DrawerStateEvent = $ReadOnly<{|
+type DrawerStateEvent = $ReadOnly<{
   drawerState: Int32,
-|}>;
+}>;
 
-type DrawerSlideEvent = $ReadOnly<{|
+type DrawerSlideEvent = $ReadOnly<{
   offset: Float,
-|}>;
+}>;
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
   /**
    * Determines whether the keyboard gets dismissed in response to a drag.
@@ -106,7 +106,7 @@ type NativeProps = $ReadOnly<{|
    * effect on API 21+.
    */
   statusBarBackgroundColor?: ?ColorValue,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -13,11 +13,11 @@ import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNati
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   removeClippedSubviews?: ?boolean,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -54,7 +54,7 @@ type NativeProps = $ReadOnly<{|
    * Whether the view should be indicating an active refresh.
    */
   refreshing: boolean,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/AndroidSwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type SwitchChangeEvent = $ReadOnly<{|
+type SwitchChangeEvent = $ReadOnly<{
   value: boolean,
   target: Int32,
-|}>;
+}>;
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   // Props
@@ -42,7 +42,7 @@ type NativeProps = $ReadOnly<{|
 
   // Events
   onChange?: BubblingEventHandler<SwitchChangeEvent>,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/DebuggingOverlayNativeComponent.js

@@ -16,9 +16,9 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
-|}>;
+}>;
 export type DebuggingOverlayNativeComponentType = HostComponent<NativeProps>;
 
 export type TraceUpdate = {

package/src/private/{specs → specs_DEPRECATED}/components/ProgressBarAndroidNativeComponent.js

@@ -18,7 +18,7 @@ import type {
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   //Props
@@ -29,7 +29,7 @@ type NativeProps = $ReadOnly<{|
   animating?: WithDefault<boolean, true>,
   color?: ?ColorValue,
   testID?: WithDefault<string, ''>,
-|}>;
+}>;
 
 export default (codegenNativeComponent<NativeProps>('AndroidProgressBar', {
   interfaceOnly: true,

package/src/private/{specs → specs_DEPRECATED}/components/PullToRefreshViewNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -50,7 +50,7 @@ type NativeProps = $ReadOnly<{|
    * Whether the view should be indicating an active refresh.
    */
   refreshing: boolean,
-|}>;
+}>;
 
 type ComponentType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/RCTInputAccessoryViewNativeComponent.js

@@ -14,10 +14,10 @@ import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
   backgroundColor?: ?ColorValue,
-|}>;
+}>;
 
 export default (codegenNativeComponent<NativeProps>('InputAccessory', {
   interfaceOnly: true,

package/src/private/{specs → specs_DEPRECATED}/components/RCTModalHostViewNativeComponent.js

@@ -18,11 +18,11 @@ import type {
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type OrientationChangeEvent = $ReadOnly<{|
+type OrientationChangeEvent = $ReadOnly<{
   orientation: 'portrait' | 'landscape',
-|}>;
+}>;
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   /**
@@ -139,7 +139,7 @@ type NativeProps = $ReadOnly<{|
    * The `identifier` is the unique number for identifying Modal components.
    */
   identifier?: WithDefault<Int32, 0>,
-|}>;
+}>;
 
 export default (codegenNativeComponent<NativeProps>('ModalHostView', {
   interfaceOnly: true,

package/src/private/{specs → specs_DEPRECATED}/components/RCTSafeAreaViewNativeComponent.js

@@ -13,11 +13,11 @@ import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNati
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   // No props
-|}>;
+}>;
 
 export default (codegenNativeComponent<NativeProps>('SafeAreaView', {
   paperComponentName: 'RCTSafeAreaView',

package/src/private/{specs → specs_DEPRECATED}/components/SwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type SwitchChangeEvent = $ReadOnly<{|
+type SwitchChangeEvent = $ReadOnly<{
   value: boolean,
   target: Int32,
-|}>;
+}>;
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
 
   // Props
@@ -43,7 +43,7 @@ type NativeProps = $ReadOnly<{|
 
   // Events
   onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
-|}>;
+}>;
 
 type ComponentType = HostComponent<NativeProps>;
 

package/src/private/{specs → specs_DEPRECATED}/components/UnimplementedNativeViewNativeComponent.js

@@ -14,10 +14,10 @@ import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type NativeProps = $ReadOnly<{|
+type NativeProps = $ReadOnly<{
   ...ViewProps,
   name?: WithDefault<string, ''>,
-|}>;
+}>;
 
 // NOTE: This component is not implemented in paper
 // Do not require this file in paper builds

package/src/private/{specs → specs_DEPRECATED}/modules/NativeAccessibilityManager.js

@@ -45,7 +45,7 @@ export interface Spec extends TurboModule {
     onSuccess: (isScreenReaderEnabled: boolean) => void,
     onError: (error: Object) => void,
   ) => void;
-  +setAccessibilityContentSizeMultipliers: (JSMultipliers: {|
+  +setAccessibilityContentSizeMultipliers: (JSMultipliers: {
     +extraSmall?: ?number,
     +small?: ?number,
     +medium?: ?number,
@@ -58,7 +58,7 @@ export interface Spec extends TurboModule {
     +accessibilityExtraLarge?: ?number,
     +accessibilityExtraExtraLarge?: ?number,
     +accessibilityExtraExtraExtraLarge?: ?number,
-  |}) => void;
+  }) => void;
   +setAccessibilityFocus: (reactTag: number) => void;
   +announceForAccessibility: (announcement: string) => void;
   +announceForAccessibilityWithOptions?: (