@office-iss/react-native-win32 0.79.0 → 0.80.0-preview.1

package/Libraries/Text/Text.d.ts

@@ -16,8 +16,7 @@ import {TextStyle, ViewStyle} from '../StyleSheet/StyleSheetTypes';
 import {
   GestureResponderEvent,
   LayoutChangeEvent,
-  NativeSyntheticEvent,
-  TextLayoutEventData,
+  TextLayoutEvent,
 } from '../Types/CoreEventTypes';
 import type {
   IKeyboardEvent,
@@ -248,9 +247,7 @@ export interface TextProps
   /**
    * Invoked on Text layout
    */
-  onTextLayout?:
-    | ((event: NativeSyntheticEvent<TextLayoutEventData>) => void)
-    | undefined;
+  onTextLayout?: ((event: TextLayoutEvent) => void) | undefined;
 
   /**
    * This function is called on press.

package/Libraries/Text/Text.js

@@ -35,7 +35,7 @@ type TextForwardRef = React.ElementRef<
  *
  * @see https://reactnative.dev/docs/text
  */
-const Text: component(
+const TextImpl: component(
   ref?: React.RefSetter<TextForwardRef>,
   ...props: TextProps
 ) = React.forwardRef(
@@ -330,7 +330,7 @@ const Text: component(
   },
 );
 
-Text.displayName = 'Text';
+TextImpl.displayName = 'Text';
 
 type TextPressabilityProps = $ReadOnly<{
   onLongPress?: ?(event: GestureResponderEvent) => mixed,
@@ -536,4 +536,4 @@ const verticalAlignToTextAlignVerticalMap = {
   middle: 'center',
 };
 
-export default Text;
+export default TextImpl;

package/Libraries/Text/Text.win32.js

@@ -35,7 +35,7 @@ type TextForwardRef = React.ElementRef<
  *
  * @see https://reactnative.dev/docs/text
  */
-const Text: component(
+const TextImpl: component(
   ref?: React.RefSetter<TextForwardRef>,
   ...props: TextProps
 ) = React.forwardRef(
@@ -370,7 +370,7 @@ const Text: component(
   },
 );
 
-Text.displayName = 'Text';
+TextImpl.displayName = 'Text';
 
 type TextPressabilityProps = $ReadOnly<{
   onLongPress?: ?(event: GestureResponderEvent) => mixed,
@@ -576,4 +576,4 @@ const verticalAlignToTextAlignVerticalMap = {
   middle: 'center',
 };
 
-export default Text;
+export default TextImpl;

package/Libraries/Text/TextNativeComponent.js

@@ -44,7 +44,6 @@ const textViewConfig = {
     minimumFontScale: true,
     textBreakStrategy: true,
     onTextLayout: true,
-    onInlineViewLayout: true,
     dataDetectorType: true,
     android_hyphenationFrequency: true,
     lineBreakStrategyIOS: true,
@@ -53,9 +52,6 @@ const textViewConfig = {
     topTextLayout: {
       registrationName: 'onTextLayout',
     },
-    topInlineViewLayout: {
-      registrationName: 'onInlineViewLayout',
-    },
   },
   uiViewClassName: 'RCTText',
 };

package/Libraries/Text/TextNativeComponent.win32.js

@@ -44,7 +44,6 @@ const textViewConfig = {
     minimumFontScale: true,
     textBreakStrategy: true,
     onTextLayout: true,
-    onInlineViewLayout: true,
     dataDetectorType: true,
     android_hyphenationFrequency: true,
     lineBreakStrategyIOS: true,
@@ -87,9 +86,6 @@ const textViewConfig = {
     topTextLayout: {
       registrationName: 'onTextLayout',
     },
-    topInlineViewLayout: {
-      registrationName: 'onInlineViewLayout',
-    },
   },
   uiViewClassName: 'RCTText',
 };

package/Libraries/Text/TextProps.js

@@ -13,6 +13,7 @@
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
+  AccessibilityProps,
   AccessibilityRole,
   AccessibilityState,
   Role,
@@ -24,7 +25,8 @@ import type {
   PointerEvent,
   TextLayoutEvent,
 } from '../Types/CoreEventTypes';
-import type {Node} from 'react';
+
+import * as React from 'react';
 
 export type PressRetentionOffset = $ReadOnly<{
   top: number,
@@ -123,20 +125,7 @@ export type TextPropsAndroid = {
 };
 
 type TextBaseProps = $ReadOnly<{
-  /**
-   * Indicates whether the view is an accessibility element.
-   *
-   * See https://reactnative.dev/docs/text#accessible
-   */
-  accessible?: ?boolean,
-  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
   onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
-  accessibilityHint?: ?Stringish,
-  accessibilityLanguage?: ?Stringish,
-  accessibilityLabel?: ?Stringish,
-  accessibilityRole?: ?AccessibilityRole,
-  accessibilityState?: ?AccessibilityState,
-  'aria-label'?: ?string,
 
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
@@ -151,25 +140,7 @@ type TextBaseProps = $ReadOnly<{
    *
    */
   android_hyphenationFrequency?: ?('normal' | 'none' | 'full'),
-
-  /**
-   * alias for accessibilityState
-   *
-   * see https://reactnative.dev/docs/accessibility#accessibilitystate
-   */
-  'aria-busy'?: ?boolean,
-  'aria-checked'?: ?boolean | 'mixed',
-  'aria-disabled'?: ?boolean,
-  'aria-expanded'?: ?boolean,
-  'aria-selected'?: ?boolean,
-
-  /**
-   * Represents the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   * This prop is listed for cross-platform reasons and has no real effect on Android or iOS.
-   */
-  'aria-labelledby'?: ?string,
-
-  children?: ?Node,
+  children?: ?React.Node,
 
   /**
    * When `numberOfLines` is set, this prop defines how text will be
@@ -305,4 +276,5 @@ export type TextProps = $ReadOnly<{
   ...TextPropsIOS,
   ...TextPropsAndroid,
   ...TextBaseProps,
+  ...AccessibilityProps,
 }>;

package/Libraries/Text/TextProps.win32.js

@@ -13,6 +13,7 @@
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
+  AccessibilityProps,
   AccessibilityRole,
   AccessibilityState,
   Role,
@@ -24,7 +25,8 @@ import type {
   PointerEvent,
   TextLayoutEvent,
 } from '../Types/CoreEventTypes';
-import type {Node} from 'react';
+
+import * as React from 'react';
 
 export type PressRetentionOffset = $ReadOnly<{
   top: number,
@@ -123,20 +125,7 @@ export type TextPropsAndroid = {
 };
 
 type TextBaseProps = $ReadOnly<{
-  /**
-   * Indicates whether the view is an accessibility element.
-   *
-   * See https://reactnative.dev/docs/text#accessible
-   */
-  accessible?: ?boolean,
-  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
   onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
-  accessibilityHint?: ?Stringish,
-  accessibilityLanguage?: ?Stringish,
-  accessibilityLabel?: ?Stringish,
-  accessibilityRole?: ?AccessibilityRole,
-  accessibilityState?: ?AccessibilityState,
-  'aria-label'?: ?string,
   accessibilityControls?: ?Stringish, // Win32
   accessibilityDescribedBy?: ?Stringish, // Win32
   accessibilityDescription?: ?Stringish, // Win32
@@ -158,16 +147,6 @@ type TextBaseProps = $ReadOnly<{
    */
   android_hyphenationFrequency?: ?('normal' | 'none' | 'full'),
 
-  /**
-   * alias for accessibilityState
-   *
-   * see https://reactnative.dev/docs/accessibility#accessibilitystate
-   */
-  'aria-busy'?: ?boolean,
-  'aria-checked'?: ?boolean | 'mixed',
-  'aria-disabled'?: ?boolean,
-  'aria-expanded'?: ?boolean,
-  'aria-selected'?: ?boolean,
   'aria-multiselectable'?: ?boolean, // Win32
   'aria-required'?: ?boolean, // Win32
   'aria-controls'?: ?Stringish, // Win32
@@ -176,13 +155,8 @@ type TextBaseProps = $ReadOnly<{
   'aria-level'?: ?number, // Win32
   'aria-posinset'?: ?number, // Win32
   'aria-setsize'?: ?number, // Win32
-  /**
-   * Represents the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   * This prop is listed for cross-platform reasons and has no real effect on Android or iOS.
-   */
-  'aria-labelledby'?: ?string,
 
-  children?: ?Node,
+  children?: ?React.Node,
 
   /**
    * When `numberOfLines` is set, this prop defines how text will be
@@ -318,4 +292,5 @@ export type TextProps = $ReadOnly<{
   ...TextPropsIOS,
   ...TextPropsAndroid,
   ...TextBaseProps,
+  ...AccessibilityProps,
 }>;

package/Libraries/Types/CodegenTypesNamespace.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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
+ */
+
+import type {NativeSyntheticEvent} from 'react-native';
+import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
+
+// Event types
+// We're not using the PaperName, it is only used to codegen view config settings
+
+export type BubblingEventHandler<
+  T,
+  PaperName extends string | never = never,
+> = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
+export type DirectEventHandler<T, PaperName extends string | never = never> = (
+  event: NativeSyntheticEvent<T>,
+) => void | Promise<void>;
+
+// Prop types
+export type Double = number;
+export type Float = number;
+export type Int32 = number;
+export type UnsafeObject = object;
+export type UnsafeMixed = unknown;
+
+type DefaultTypes = number | boolean | string | ReadonlyArray<string>;
+// Default handling, ignore the unused value
+// we're only using it for type checking
+//
+// TODO: (rickhanlonii) T44881457 If a default is provided, it should always be optional
+//  but that is currently not supported in the codegen since we require a default
+
+export type WithDefault<
+  Type extends DefaultTypes,
+  Value extends Type | string | undefined | null,
+> = Type | undefined | null;
+
+export type EventEmitter<T> = (
+  handler: (arg: T) => void | Promise<void>,
+) => EventSubscription;

package/Libraries/{Blob/__mocks__/BlobModule.js → Types/CodegenTypesNamespace.js}

@@ -4,13 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
  * @format
+ * @flow strict
  */
 
-const BlobModule = {
-  createFromParts() {},
-  release() {},
-};
+// This module exists to fit CodegenTypes into a namespace under Flow
 
-module.exports = BlobModule;
+import * as CodegenTypes from './CodegenTypes';
+export type {CodegenTypes};

package/Libraries/Types/CoreEventTypes.d.ts

@@ -33,12 +33,17 @@ interface TextLayoutLine {
 }
 
 /**
- * @see TextProps.onTextLayout
+ * @deprecated Use `TextLayoutEvent` instead.
  */
 export interface TextLayoutEventData extends TargetedEvent {
   lines: TextLayoutLine[];
 }
 
+/**
+ * @see TextProps.onTextLayout
+ */
+export type TextLayoutEvent = NativeSyntheticEvent<TextLayoutEventData>;
+
 // Similar to React.SyntheticEvent except for nativeEvent
 export interface NativeSyntheticEvent<T>
   extends React.BaseSyntheticEvent<T, HostInstance, HostInstance> {}

package/Libraries/Types/CoreEventTypes.js

@@ -76,7 +76,7 @@ export type LayoutChangeEvent = NativeSyntheticEvent<
   }>,
 >;
 
-export type TextLayoutEventData = $ReadOnly<{
+type TextLayoutEventData = $ReadOnly<{
   lines: Array<TextLayoutLine>,
 }>;
 

package/Libraries/Types/CoreEventTypes.win32.js

@@ -76,7 +76,7 @@ export type LayoutChangeEvent = NativeSyntheticEvent<
   }>,
 >;
 
-export type TextLayoutEventData = $ReadOnly<{
+type TextLayoutEventData = $ReadOnly<{
   lines: Array<TextLayoutLine>,
 }>;
 

package/Libraries/Utilities/Appearance.js

@@ -16,6 +16,8 @@ import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import EventEmitter from '../vendor/emitter/EventEmitter';
 import invariant from 'invariant';
 
+export type {AppearancePreferences};
+
 type Appearance = {
   colorScheme: ?ColorSchemeName,
 };

package/Libraries/Utilities/BackHandler.js

@@ -0,0 +1,17 @@
+/**
+ * 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
+ */
+
+// 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 BackHandler from './BackHandler';
+
+export default BackHandler;

package/Libraries/Utilities/DeviceInfo.js

@@ -8,6 +8,8 @@
  * @flow strict-local
  */
 
+export type {DeviceInfoConstants} from './NativeDeviceInfo';
+
 import NativeDeviceInfo from './NativeDeviceInfo';
 
 export default NativeDeviceInfo;

package/Libraries/Utilities/Dimensions.js

@@ -19,7 +19,7 @@ import NativeDeviceInfo, {
 } from './NativeDeviceInfo';
 import invariant from 'invariant';
 
-export type {DisplayMetrics, DisplayMetricsAndroid};
+export type {DimensionsPayload, DisplayMetrics, DisplayMetricsAndroid};
 
 /** @deprecated Use DisplayMetrics */
 export type ScaledSize = DisplayMetrics;

package/Libraries/Utilities/Dimensions.win32.js

@@ -17,7 +17,7 @@ import NativeDeviceInfo, {
 } from './NativeDeviceInfo';
 import invariant from 'invariant';
 
-export type {DisplayMetrics, DisplayMetricsAndroid};
+export type {DimensionsPayload, DisplayMetrics, DisplayMetricsAndroid};
 
 /** @deprecated Use DisplayMetrics */
 export type ScaledSize = DisplayMetrics;

package/Libraries/Utilities/Platform.js

@@ -0,0 +1,17 @@
+/**
+ * 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
+ */
+
+// 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 Platform from './Platform';
+
+export default Platform;

package/Libraries/Utilities/PlatformTypes.js

@@ -17,11 +17,17 @@ export type PlatformOSType =
   | 'web'
   | 'native';
 
-export type PlatformSelectSpec<T> = {
-  default?: T,
-  [PlatformOSType]: T,
+type OptionalPlatformSelectSpec<T> = {
+  [_key in PlatformOSType]?: T,
 };
 
+export type PlatformSelectSpec<T> =
+  | {
+      ...OptionalPlatformSelectSpec<T>,
+      default: T,
+    }
+  | OptionalPlatformSelectSpec<T>;
+
 type IOSPlatform = {
   __constants: null,
   OS: 'ios',
@@ -190,6 +196,8 @@ type Win32Platform = {
 type WebPlatform = {
   OS: 'web',
   // $FlowFixMe[unsafe-getters-setters]
+  get Version(): void,
+  // $FlowFixMe[unsafe-getters-setters]
   get constants(): {
     reactNativeVersion: {
       major: number,

package/Libraries/Utilities/ReactNativeTestTools.js

@@ -13,7 +13,7 @@
 import type {ReactTestRenderer as ReactTestRendererType} from 'react-test-renderer';
 
 import TouchableWithoutFeedback from '../Components/Touchable/TouchableWithoutFeedback';
-import React from 'react';
+import * as React from 'react';
 import ReactTestRenderer from 'react-test-renderer';
 
 const Switch = require('../Components/Switch/Switch').default;
@@ -22,7 +22,7 @@ const View = require('../Components/View/View').default;
 const Text = require('../Text/Text').default;
 const {VirtualizedList} = require('@react-native/virtualized-lists').default;
 
-export type ReactTestInstance = $PropertyType<ReactTestRendererType, 'root'>;
+export type ReactTestInstance = ReactTestRendererType['root'];
 export type Predicate = (node: ReactTestInstance) => boolean;
 /* $FlowFixMe[value-as-type] (>=0.125.1 site=react_native_fb) This comment
  * suppresses an error found when Flow v0.125.1 was deployed. To see the error,

package/Libraries/Utilities/codegenNativeCommands.d.ts

@@ -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
+ */
+
+interface Options<T extends string> {
+  readonly supportedCommands: ReadonlyArray<T>;
+}
+
+declare function codegenNativeCommands<T extends object>(
+  options: Options<keyof T extends string ? keyof T : never>,
+): T;
+
+export default codegenNativeCommands;

package/Libraries/Utilities/codegenNativeComponent.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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
+ */
+
+import type {HostComponent} from 'react-native';
+
+interface Options {
+  readonly interfaceOnly?: boolean | undefined;
+  readonly paperComponentName?: string | undefined;
+  readonly paperComponentNameDeprecated?: string | undefined;
+  readonly excludedPlatforms?: ReadonlyArray<'iOS' | 'android'> | undefined;
+}
+
+type NativeComponentType<T> = HostComponent<T>;
+
+declare function codegenNativeComponent<Props extends object>(
+  componentName: string,
+  options?: Options,
+): NativeComponentType<Props>;
+
+export default codegenNativeComponent;