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

package/src/private/webapis/performance/Performance.js

@@ -37,23 +37,23 @@ import {PerformanceMark, PerformanceMeasure} from './UserTiming';
 import nullthrows from 'nullthrows';
 
 export type PerformanceMeasureOptions =
-  | $ReadOnly<{
+  | Readonly<{
       detail?: DetailType,
       start?: DOMHighResTimeStamp | string,
       duration?: DOMHighResTimeStamp,
     }>
-  | $ReadOnly<{
+  | Readonly<{
       detail?: DetailType,
       start?: DOMHighResTimeStamp | string,
       end?: DOMHighResTimeStamp | string,
     }>
-  | $ReadOnly<{
+  | Readonly<{
       detail?: DetailType,
       duration?: DOMHighResTimeStamp | string,
       end?: DOMHighResTimeStamp | string,
     }>;
 
-const ENTRY_TYPES_AVAILABLE_FROM_TIMELINE: $ReadOnlyArray<PerformanceEntryType> =
+const ENTRY_TYPES_AVAILABLE_FROM_TIMELINE: ReadonlyArray<PerformanceEntryType> =
   ['mark', 'measure'];
 
 const NativePerformance = nullthrows(MaybeNativePerformance);

package/src/private/webapis/performance/PerformanceEntry.js

@@ -91,4 +91,4 @@ PerformanceEntry_public.prototype = PerformanceEntry.prototype;
 
 setPlatformObject(PerformanceEntry);
 
-export type PerformanceEntryList = $ReadOnlyArray<PerformanceEntry>;
+export type PerformanceEntryList = ReadonlyArray<PerformanceEntry>;

package/src/private/webapis/performance/PerformanceObserver.js

@@ -88,7 +88,7 @@ export interface PerformanceObserverInit {
   +durationThreshold?: DOMHighResTimeStamp;
 }
 
-function getSupportedPerformanceEntryTypes(): $ReadOnlyArray<PerformanceEntryType> {
+function getSupportedPerformanceEntryTypes(): ReadonlyArray<PerformanceEntryType> {
   return Object.freeze(
     NativePerformance.getSupportedPerformanceEntryTypes().map(
       rawToPerformanceEntryType,
@@ -237,7 +237,7 @@ export class PerformanceObserver {
     }
   }
 
-  static supportedEntryTypes: $ReadOnlyArray<PerformanceEntryType> =
+  static supportedEntryTypes: ReadonlyArray<PerformanceEntryType> =
     getSupportedPerformanceEntryTypes();
 }
 

package/src/private/webapis/performance/specs/NativePerformance.js

@@ -46,10 +46,10 @@ export opaque type OpaqueNativeObserverHandle = unknown;
 
 export type NativeBatchedObserverCallback = () => void;
 export type NativePerformanceMarkResult = number;
-export type NativePerformanceMeasureResult = $ReadOnlyArray<number>; // [startTime, duration]
+export type NativePerformanceMeasureResult = ReadonlyArray<number>; // [startTime, duration]
 
 export type PerformanceObserverInit = {
-  entryTypes?: $ReadOnlyArray<number>,
+  entryTypes?: ReadonlyArray<number>,
   type?: number,
   buffered?: boolean,
   durationThreshold?: number,
@@ -69,15 +69,15 @@ export interface Spec extends TurboModule {
   +getMarkTime: (name: string) => ?number;
   +clearMarks: (entryName?: string) => void;
   +clearMeasures: (entryName?: string) => void;
-  +getEntries: () => $ReadOnlyArray<RawPerformanceEntry>;
+  +getEntries: () => ReadonlyArray<RawPerformanceEntry>;
   +getEntriesByName: (
     entryName: string,
     entryType?: ?RawPerformanceEntryType,
-  ) => $ReadOnlyArray<RawPerformanceEntry>;
+  ) => ReadonlyArray<RawPerformanceEntry>;
   +getEntriesByType: (
     entryType: RawPerformanceEntryType,
-  ) => $ReadOnlyArray<RawPerformanceEntry>;
-  +getEventCounts: () => $ReadOnlyArray<[string, number]>;
+  ) => ReadonlyArray<RawPerformanceEntry>;
+  +getEventCounts: () => ReadonlyArray<[string, number]>;
   +getSimpleMemoryInfo: () => NativeMemoryInfo;
   +getReactNativeStartupTiming: () => ReactNativeStartupTiming;
 
@@ -94,9 +94,9 @@ export interface Spec extends TurboModule {
   +takeRecords: (
     observer: OpaqueNativeObserverHandle,
     sort: boolean,
-  ) => $ReadOnlyArray<RawPerformanceEntry>;
+  ) => ReadonlyArray<RawPerformanceEntry>;
 
-  +getSupportedPerformanceEntryTypes: () => $ReadOnlyArray<RawPerformanceEntryType>;
+  +getSupportedPerformanceEntryTypes: () => ReadonlyArray<RawPerformanceEntryType>;
 
   +clearEventCountsForTesting: () => void;
 }

package/src/private/webapis/structuredClone/structuredClone.js

@@ -28,7 +28,7 @@ const BASIC_CONSTRUCTORS = [Number, String, Boolean, Date];
 
 const ObjectPrototype = Object.prototype;
 
-// Technicall the memory value should be a parameter in
+// Technically the memory value should be a parameter in
 // `structuredCloneInternal` but as an optimization we can reuse the same map
 // and avoid allocating a new one in every call to `structuredClone`.
 // This is safe because we don't invoke user code in `structuredClone`, so at
@@ -205,7 +205,7 @@ function structuredCloneInternal<T>(value: T): T {
  *   but implements the cloning in a single step.
  *
  * Known limitations:
- * - It does not support transfering values.
+ * - It does not support transferring values.
  */
 export default function structuredClone<T>(value: T): T {
   try {

package/src/types/globals.d.ts

@@ -101,8 +101,8 @@ declare global {
 
   // #region Timer Functions
 
-  function clearInterval(handle: number): void;
-  function clearTimeout(handle: number): void;
+  function clearInterval(handle: number | null | undefined): void;
+  function clearTimeout(handle: number | null | undefined): void;
   function setInterval(handler: () => void, timeout: number): number;
   function setInterval<Args extends any[]>(
     handler: (...args: Args) => void,
@@ -115,14 +115,14 @@ declare global {
     timeout?: number,
     ...args: Args
   ): number;
-  function clearImmediate(handle: number): void;
+  function clearImmediate(handle: number | null | undefined): void;
   function setImmediate(handler: () => void): number;
   function setImmediate<Args extends any[]>(
     handler: (...args: Args) => void,
     ...args: Args
   ): number;
 
-  function cancelAnimationFrame(handle: number): void;
+  function cancelAnimationFrame(handle: number | null | undefined): void;
   function requestAnimationFrame(callback: (time: number) => void): number;
 
   function fetchBundle(

package/src-win/Libraries/Components/EnterString.win32.tsx

@@ -76,7 +76,7 @@ class EnterStringNative extends React.Component<IEnterStringNativeProps, {}> {
     disabled: false,
     value: '',
     label: '',
-    onChanged: null,
+    onChanged: undefined,
   };
 
   public render() {
@@ -91,7 +91,7 @@ export default class EnterString extends React.Component<IEnterStringProps, {}>
     disabled: false,
     value: '',
     label: '',
-    onChanged: null,
+    onChanged: undefined,
   };
 
   public render() {

package/src-win/Libraries/Components/Touchable/TouchableWin32.tsx

@@ -192,7 +192,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
   private _positionOnActivate: IPosition;
   private _dimensionsOnActivate: IDimensions;
 
-  private readonly _internalRef: React.RefObject<ViewWin32>
+  private readonly _internalRef: React.RefObject<ViewWin32|null>
 
   constructor(props) {
     super(props);
@@ -268,7 +268,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
   }
 
   public focus = () => {
-    this._internalRef.current.focus();
+    this._internalRef.current?.focus();
   }
 
   /**
@@ -298,7 +298,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
     e.persist();
 
     this._pressOutDelayTimeout && clearTimeout(this._pressOutDelayTimeout);
-    this._pressOutDelayTimeout = null;
+    this._pressOutDelayTimeout = null as unknown as NodeJS.Timeout;
 
     this._touchState = 'NOT_RESPONDER';
     this._responderID = dispatchID;
@@ -326,7 +326,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
    * Handle responder release
    */
   private readonly _touchableHandleResponderRelease = (e: IPressEvent) => {
-    this._pressInLocation = null;
+    this._pressInLocation = null as unknown as IPressInLocation;
     this._receiveSignal('RESPONDER_RELEASE', e);
   };
 
@@ -334,7 +334,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
    * Handle responder terminate
    */
   private readonly _touchableHandleResponderTerminate = (e: IPressEvent) => {
-    this._pressInLocation = null;
+    this._pressInLocation = null as unknown as IPressInLocation;
     this._receiveSignal('RESPONDER_TERMINATED', e);
   };
 
@@ -357,10 +357,10 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
         bottom: PRESS_EXPAND_DIPS,
       };
 
-    let pressExpandLeft = pressRectOffset.left;
-    let pressExpandTop = pressRectOffset.top;
-    let pressExpandRight = pressRectOffset.right;
-    let pressExpandBottom = pressRectOffset.bottom;
+    let pressExpandLeft = pressRectOffset.left!;
+    let pressExpandTop = pressRectOffset.top!;
+    let pressExpandRight = pressRectOffset.right!;
+    let pressExpandBottom = pressRectOffset.bottom!;
 
     // TODO implement touchableGetHitSlop natively
     const hitSlop = this.props.touchableGetHitSlop ? this.props.touchableGetHitSlop() : null;
@@ -427,12 +427,12 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
   };
 
   private readonly _handleDelay = (e: IPressEvent) => {
-    this._touchableDelayTimeout = null;
+    this._touchableDelayTimeout = null as unknown as NodeJS.Timeout;
     this._receiveSignal('DELAY', e);
   };
 
   private readonly _handleLongDelay = (e: IPressEvent) => {
-    this._longPressDelayTimeout = null;
+    this._longPressDelayTimeout = null as unknown as NodeJS.Timeout;
     const currState = this._touchState;
 
     if (currState !== 'RESPONDER_ACTIVE_PRESS_IN' && currState !== 'RESPONDER_ACTIVE_LONG_PRESS_IN') {
@@ -455,7 +455,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
   private readonly _receiveSignal = (signal: ISignal, e: IPressEvent) => {
     const responderID = this._responderID;
     const currState = this._touchState;
-    const nextState: IState = transitions[currState] ? transitions[currState][signal] : null;
+    const nextState: IState | null = transitions[currState] ? transitions[currState][signal] : null;
 
     if (!nextState) {
       const errorMessage = 'Unrecognized signal ' + signal + ' or state ' + currState + ' for Touchable responder ' + responderID + '.';
@@ -474,7 +474,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
 
   private readonly _cancelLongPressDelayTimeout = () => {
     this._longPressDelayTimeout && clearTimeout(this._longPressDelayTimeout);
-    this._longPressDelayTimeout = null;
+    this._longPressDelayTimeout = null as unknown as NodeJS.Timeout;
   };
 
   private readonly _isHighlight = (state: IState) => {
@@ -546,7 +546,7 @@ export class TouchableWin32 extends React.Component<ITouchableWin32Props, IInter
     }
 
     this._touchableDelayTimeout && clearTimeout(this._touchableDelayTimeout);
-    this._touchableDelayTimeout = null;
+    this._touchableDelayTimeout = null as unknown as NodeJS.Timeout;
   };
 
   private readonly _startHighlight = (e: IPressEvent) => {

package/src-win/index.win32.js.flow

@@ -324,7 +324,6 @@ export * as NativeComponentRegistry from './Libraries/NativeComponent/NativeComp
 export {default as NativeDialogManagerAndroid} from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
 
 export type {
-  EventSubscription,
   EmitterSubscription,
   NativeEventSubscription,
 } from './Libraries/EventEmitter/NativeEventEmitter';
@@ -412,6 +411,8 @@ export * as TurboModuleRegistry from './Libraries/TurboModule/TurboModuleRegistr
 export {default as UIManager} from './Libraries/ReactNative/UIManager';
 export {unstable_batchedUpdates} from './Libraries/ReactNative/RendererProxy';
 export {default as useAnimatedValue} from './Libraries/Animated/useAnimatedValue';
+export {default as useAnimatedValueXY} from './Libraries/Animated/useAnimatedValueXY';
+export {default as useAnimatedColor} from './Libraries/Animated/useAnimatedColor';
 export type {
   PressabilityConfig,
   EventHandlers as PressabilityEventHandlers,
@@ -467,6 +468,12 @@ export type {
   PublicTextInstance,
 } from './Libraries/ReactPrivate/ReactNativePrivateInterface';
 
+export type {
+  EventSubscription,
+  IEventEmitter,
+} from './Libraries/vendor/emitter/EventEmitter';
+export {default as EventEmitter} from './Libraries/vendor/emitter/EventEmitter';
+
 export {
   default as unstable_VirtualView,
   VirtualViewMode,

package/types/index.d.ts

@@ -75,6 +75,8 @@ export * from '../Libraries/Alert/Alert';
 export * from '../Libraries/Animated/Animated';
 export * from '../Libraries/Animated/Easing';
 export * from '../Libraries/Animated/useAnimatedValue';
+export * from '../Libraries/Animated/useAnimatedValueXY';
+export * from '../Libraries/Animated/useAnimatedColor';
 export * from '../Libraries/AppState/AppState';
 export * from '../Libraries/BatchedBridge/NativeModules';
 export * from '../Libraries/Components/AccessibilityInfo/AccessibilityInfo';

package/Libraries/Components/View/ReactNativeViewAttributes.js

@@ -1,60 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-import ReactNativeStyleAttributes from './ReactNativeStyleAttributes';
-
-const UIView = {
-  pointerEvents: true,
-  accessible: true,
-  accessibilityActions: true,
-  accessibilityLabel: true,
-  accessibilityLiveRegion: true,
-  accessibilityRole: true,
-  accessibilityState: true,
-  accessibilityValue: true,
-  accessibilityHint: true,
-  accessibilityLanguage: true,
-  accessibilityShowsLargeContentViewer: true,
-  accessibilityLargeContentTitle: true,
-  importantForAccessibility: true,
-  nativeID: true,
-  testID: true,
-  renderToHardwareTextureAndroid: true,
-  shouldRasterizeIOS: true,
-  onLayout: true,
-  onAccessibilityAction: true,
-  onAccessibilityTap: true,
-  onMagicTap: true,
-  onAccessibilityEscape: true,
-  collapsable: true,
-  collapsableChildren: true,
-  needsOffscreenAlphaCompositing: true,
-  style: ReactNativeStyleAttributes,
-  role: true,
-};
-
-const RCTView = {
-  ...UIView,
-
-  // This is a special performance property exposed by RCTView and useful for
-  // scrolling content when there are many subviews, most of which are offscreen.
-  // For this property to be effective, it must be applied to a view that contains
-  // many subviews that extend outside its bound. The subviews must also have
-  // overflow: hidden, as should the containing view (or one of its superviews).
-  removeClippedSubviews: true,
-};
-
-const ReactNativeViewAttributes = {
-  UIView: UIView,
-  RCTView: RCTView,
-};
-
-export default ReactNativeViewAttributes;

package/Libraries/Components/View/ReactNativeViewAttributes.win32.js

@@ -1,94 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-import ReactNativeStyleAttributes from './ReactNativeStyleAttributes';
-
-const UIView = {
-  pointerEvents: true,
-  accessible: true,
-  accessibilityActions: true,
-  accessibilityLabel: true,
-  accessibilityLiveRegion: true,
-  accessibilityRole: true,
-  accessibilityState: true,
-  accessibilityValue: true,
-  accessibilityHint: true,
-  accessibilityLanguage: true,
-  accessibilityShowsLargeContentViewer: true,
-  accessibilityLargeContentTitle: true,
-  importantForAccessibility: true,
-  nativeID: true,
-  testID: true,
-  renderToHardwareTextureAndroid: true,
-  shouldRasterizeIOS: true,
-  onLayout: true,
-  onAccessibilityAction: true,
-  onAccessibilityTap: true,
-  onMagicTap: true,
-  onAccessibilityEscape: true,
-  collapsable: true,
-  collapsableChildren: true,
-  needsOffscreenAlphaCompositing: true,
-  style: ReactNativeStyleAttributes,
-  role: true,
-  // [Win32
-  accessibilityAccessKey: true,
-  accessibilityAnnotation: true,
-  accessibilityControls: true,
-  accessibilityDescribedBy: true,
-  accessibilityDescription: true,
-  accessibilityItemType: true,
-  accessibilityLevel: true,
-  accessibilityPositionInSet: true,
-  accessibilitySetSize: true,
-  animationClass: true,
-  cursor: true,
-  draggedTypes: true,
-  enableFocusRing: true,
-  focusable: true,
-  keyDownEvents: true,
-  keyUpEvents: true,
-  onBlur: true,
-  onBlurCapture: true,
-  onDragEnter: true,
-  onDragLeave: true,
-  onDrop: true,
-  onFocus: true,
-  onFocusCapture: true,
-  onKeyDown: true,
-  onKeyDownCapture: true,
-  onKeyUp: true,
-  onKeyUpCapture: true,
-  onMouseEnter: true,
-  onMouseLeave: true,
-  tabIndex: true,
-  textStyle: true, // Once we flush out our JS theming story this property will no longer be needed
-  tooltip: true,
-  // Win32]
-};
-
-const RCTView = {
-  ...UIView,
-
-  // This is a special performance property exposed by RCTView and useful for
-  // scrolling content when there are many subviews, most of which are offscreen.
-  // For this property to be effective, it must be applied to a view that contains
-  // many subviews that extend outside its bound. The subviews must also have
-  // overflow: hidden, as should the containing view (or one of its superviews).
-  removeClippedSubviews: true,
-};
-
-const ReactNativeViewAttributes = {
-  UIView: UIView,
-  RCTView: RCTView,
-};
-
-export default ReactNativeViewAttributes;

package/Libraries/Image/TextInlineImageNativeComponent.js

@@ -1,49 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-import type {HostComponent} from '../../src/private/types/HostComponent';
-import type {ViewProps} from '../Components/View/ViewPropTypes';
-import type {PartialViewConfig} from '../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../StyleSheet/StyleSheet';
-import type {ImageResizeMode} from './ImageResizeMode';
-
-import * as NativeComponentRegistry from '../NativeComponent/NativeComponentRegistry';
-
-type RCTTextInlineImageNativeProps = $ReadOnly<{
-  ...ViewProps,
-  resizeMode?: ?ImageResizeMode,
-  src?: ?$ReadOnlyArray<?$ReadOnly<{uri?: ?string, ...}>>,
-  tintColor?: ?ColorValue,
-  headers?: ?{[string]: string},
-}>;
-
-export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
-  uiViewClassName: 'RCTTextInlineImage',
-  bubblingEventTypes: {},
-  directEventTypes: {},
-  validAttributes: {
-    resizeMode: true,
-    src: true,
-    tintColor: {
-      process: require('../StyleSheet/processColor').default,
-    },
-    headers: true,
-  },
-};
-
-const TextInlineImage: HostComponent<RCTTextInlineImageNativeProps> =
-  NativeComponentRegistry.get<RCTTextInlineImageNativeProps>(
-    'RCTTextInlineImage',
-    () => __INTERNAL_VIEW_CONFIG,
-  );
-
-export default TextInlineImage;