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

package/Libraries/Text/TextNativeComponent.win32.js

@@ -8,9 +8,9 @@
  * @format
  */
 
-import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../src/private/types/HostComponent';
 import type {ProcessedColorValue} from '../StyleSheet/processColor';
-import type {PressEvent} from '../Types/CoreEventTypes';
+import type {GestureResponderEvent} from '../Types/CoreEventTypes';
 import type {TextProps} from './TextProps';
 
 import {createViewConfig} from '../NativeComponent/ViewConfig';
@@ -21,7 +21,7 @@ export type NativeTextProps = $ReadOnly<{
   ...TextProps,
   isHighlighted?: ?boolean,
   selectionColor?: ?ProcessedColorValue,
-  onClick?: ?(event: PressEvent) => mixed,
+  onClick?: ?(event: GestureResponderEvent) => mixed,
   // This is only needed for platforms that optimize text hit testing, e.g.,
   // react-native-windows. It can be used to only hit test virtual text spans
   // that have pressable events attached to them.

package/Libraries/Text/TextProps.js

@@ -19,9 +19,9 @@ import type {
 } from '../Components/View/ViewAccessibility';
 import type {ColorValue, TextStyleProp} from '../StyleSheet/StyleSheet';
 import type {
-  LayoutEvent,
+  GestureResponderEvent,
+  LayoutChangeEvent,
   PointerEvent,
-  PressEvent,
   TextLayoutEvent,
 } from '../Types/CoreEventTypes';
 import type {Node} from 'react';
@@ -39,12 +39,90 @@ type PointerEventProps = $ReadOnly<{
   onPointerMove?: (event: PointerEvent) => void,
 }>;
 
-/**
- * @see https://reactnative.dev/docs/text#reference
- */
-export type TextProps = $ReadOnly<{
-  ...PointerEventProps,
+export type TextPropsIOS = {
+  /**
+   * Specifies whether font should be scaled down automatically to fit given style constraints.
+   *
+   * See https://reactnative.dev/docs/text#adjustsfontsizetofit
+   */
+  adjustsFontSizeToFit?: ?boolean,
+
+  /**
+   * The Dynamic Type scale ramp to apply to this element on iOS.
+   */
+  dynamicTypeRamp?: ?(
+    | 'caption2'
+    | 'caption1'
+    | 'footnote'
+    | 'subheadline'
+    | 'callout'
+    | 'body'
+    | 'headline'
+    | 'title3'
+    | 'title2'
+    | 'title1'
+    | 'largeTitle'
+  ),
+
+  /**
+   * When `true`, no visual change is made when text is pressed down. By
+   * default, a gray oval highlights the text on press down.
+   *
+   * See https://reactnative.dev/docs/text#supperhighlighting
+   */
+  suppressHighlighting?: ?boolean,
+
+  /**
+   * Set line break strategy on iOS.
+   *
+   * See https://reactnative.dev/docs/text.html#linebreakstrategyios
+   */
+  lineBreakStrategyIOS?: ?('none' | 'standard' | 'hangul-word' | 'push-out'),
+};
+
+export type TextPropsAndroid = {
+  /**
+   * Specifies the disabled state of the text view for testing purposes.
+   *
+   * See https://reactnative.dev/docs/text#disabled
+   */
+  disabled?: ?boolean,
 
+  /**
+   * The highlight color of the text.
+   *
+   * See https://reactnative.dev/docs/text#selectioncolor
+   */
+  selectionColor?: ?ColorValue,
+
+  /**
+   * Determines the types of data converted to clickable URLs in the text element.
+   * By default no data types are detected.
+   */
+  dataDetectorType?: ?('phoneNumber' | 'link' | 'email' | 'none' | 'all'),
+
+  /**
+   * Set text break strategy on Android API Level 23+
+   * default is `highQuality`.
+   *
+   * See https://reactnative.dev/docs/text#textbreakstrategy
+   */
+  textBreakStrategy?: ?('balanced' | 'highQuality' | 'simple'),
+
+  /**
+   * iOS Only
+   */
+  adjustsFontSizeToFit?: ?boolean,
+
+  /**
+   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).
+   *
+   * See https://reactnative.dev/docs/text#minimumfontscale
+   */
+  minimumFontScale?: ?number,
+};
+
+type TextBaseProps = $ReadOnly<{
   /**
    * Indicates whether the view is an accessibility element.
    *
@@ -60,15 +138,9 @@ export type TextProps = $ReadOnly<{
   accessibilityState?: ?AccessibilityState,
   'aria-label'?: ?string,
 
-  /**
-   * Whether font should be scaled down automatically.
-   *
-   * See https://reactnative.dev/docs/text#adjustsfontsizetofit
-   */
-  adjustsFontSizeToFit?: ?boolean,
-
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
+   * The default is `true`.
    *
    * See https://reactnative.dev/docs/text#allowfontscaling
    */
@@ -103,12 +175,28 @@ export type TextProps = $ReadOnly<{
    * When `numberOfLines` is set, this prop defines how text will be
    * truncated.
    *
+   * This can be one of the following values:
+   *
+   * - `head` - The line is displayed so that the end fits in the container and the missing text
+   * at the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"
+   * - `middle` - The line is displayed so that the beginning and end fit in the container and the
+   * missing text in the middle is indicated by an ellipsis glyph. "ab...yz"
+   * - `tail` - The line is displayed so that the beginning fits in the container and the
+   * missing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."
+   * - `clip` - Lines are not drawn past the edge of the text container.
+   *
+   * The default is `tail`.
+   *
+   * `numberOfLines` must be set in conjunction with this prop.
+   *
+   * > `clip` is working only for iOS
+   *
    * See https://reactnative.dev/docs/text#ellipsizemode
    */
   ellipsizeMode?: ?('clip' | 'head' | 'middle' | 'tail'),
 
   /**
-   * Used to locate this view from native code.
+   * Used to reference react managed views from native code.
    *
    * See https://reactnative.dev/docs/text#nativeid
    */
@@ -131,7 +219,11 @@ export type TextProps = $ReadOnly<{
   nativeID?: ?string,
 
   /**
-   * Used to truncate the text with an ellipsis.
+   * Used to truncate the text with an ellipsis after computing the text
+   * layout, including line wrapping, such that the total number of lines
+   * does not exceed this number.
+   *
+   * This prop is commonly used with `ellipsizeMode`.
    *
    * See https://reactnative.dev/docs/text#numberoflines
    */
@@ -140,29 +232,33 @@ export type TextProps = $ReadOnly<{
   /**
    * Invoked on mount and layout changes.
    *
+   * {nativeEvent: { layout: {x, y, width, height}}}.
+   *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => mixed,
 
   /**
    * This function is called on long press.
+   * e.g., `onLongPress={this.increaseSize}>`
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: PressEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * This function is called on press.
+   * Text intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: PressEvent) => mixed,
-  onPressIn?: ?(event: PressEvent) => mixed,
-  onPressOut?: ?(event: PressEvent) => mixed,
-  onResponderGrant?: ?(event: PressEvent) => void,
-  onResponderMove?: ?(event: PressEvent) => void,
-  onResponderRelease?: ?(event: PressEvent) => void,
-  onResponderTerminate?: ?(event: PressEvent) => void,
+  onPress?: ?(event: GestureResponderEvent) => mixed,
+  onPressIn?: ?(event: GestureResponderEvent) => mixed,
+  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onResponderGrant?: ?(event: GestureResponderEvent) => void,
+  onResponderMove?: ?(event: GestureResponderEvent) => void,
+  onResponderRelease?: ?(event: GestureResponderEvent) => void,
+  onResponderTerminate?: ?(event: GestureResponderEvent) => void,
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,
@@ -187,6 +283,10 @@ export type TextProps = $ReadOnly<{
    * See https://reactnative.dev/docs/text#selectable
    */
   selectable?: ?boolean,
+
+  /**
+   * @see https://reactnative.dev/docs/text#style
+   */
   style?: ?TextStyleProp,
 
   /**
@@ -195,74 +295,14 @@ export type TextProps = $ReadOnly<{
    * See https://reactnative.dev/docs/text#testid
    */
   testID?: ?string,
+}>;
 
-  /**
-   * Android Only
-   */
-
-  /**
-   * Specifies the disabled state of the text view for testing purposes.
-   *
-   * See https://reactnative.dev/docs/text#disabled
-   */
-  disabled?: ?boolean,
-
-  /**
-   * The highlight color of the text.
-   *
-   * See https://reactnative.dev/docs/text#selectioncolor
-   */
-  selectionColor?: ?ColorValue,
-
-  dataDetectorType?: ?('phoneNumber' | 'link' | 'email' | 'none' | 'all'),
-
-  /**
-   * Set text break strategy on Android.
-   *
-   * See https://reactnative.dev/docs/text#textbreakstrategy
-   */
-  textBreakStrategy?: ?('balanced' | 'highQuality' | 'simple'),
-
-  /**
-   * iOS Only
-   */
-  adjustsFontSizeToFit?: ?boolean,
-
-  /**
-   * The Dynamic Type scale ramp to apply to this element on iOS.
-   */
-  dynamicTypeRamp?: ?(
-    | 'caption2'
-    | 'caption1'
-    | 'footnote'
-    | 'subheadline'
-    | 'callout'
-    | 'body'
-    | 'headline'
-    | 'title3'
-    | 'title2'
-    | 'title1'
-    | 'largeTitle'
-  ),
-
-  /**
-   * Smallest possible scale a font can reach.
-   *
-   * See https://reactnative.dev/docs/text#minimumfontscale
-   */
-  minimumFontScale?: ?number,
-
-  /**
-   * When `true`, no visual change is made when text is pressed down.
-   *
-   * See https://reactnative.dev/docs/text#supperhighlighting
-   */
-  suppressHighlighting?: ?boolean,
-
-  /**
-   * Set line break strategy on iOS.
-   *
-   * See https://reactnative.dev/docs/text.html#linebreakstrategyios
-   */
-  lineBreakStrategyIOS?: ?('none' | 'standard' | 'hangul-word' | 'push-out'),
+/**
+ * @see https://reactnative.dev/docs/text#reference
+ */
+export type TextProps = $ReadOnly<{
+  ...PointerEventProps,
+  ...TextPropsIOS,
+  ...TextPropsAndroid,
+  ...TextBaseProps,
 }>;

package/Libraries/Text/TextProps.win32.js

@@ -19,9 +19,9 @@ import type {
 } from '../Components/View/ViewAccessibility';
 import type {ColorValue, TextStyleProp} from '../StyleSheet/StyleSheet';
 import type {
-  LayoutEvent,
+  GestureResponderEvent,
+  LayoutChangeEvent,
   PointerEvent,
-  PressEvent,
   TextLayoutEvent,
 } from '../Types/CoreEventTypes';
 import type {Node} from 'react';
@@ -39,12 +39,90 @@ type PointerEventProps = $ReadOnly<{
   onPointerMove?: (event: PointerEvent) => void,
 }>;
 
-/**
- * @see https://reactnative.dev/docs/text#reference
- */
-export type TextProps = $ReadOnly<{
-  ...PointerEventProps,
+export type TextPropsIOS = {
+  /**
+   * Specifies whether font should be scaled down automatically to fit given style constraints.
+   *
+   * See https://reactnative.dev/docs/text#adjustsfontsizetofit
+   */
+  adjustsFontSizeToFit?: ?boolean,
+
+  /**
+   * The Dynamic Type scale ramp to apply to this element on iOS.
+   */
+  dynamicTypeRamp?: ?(
+    | 'caption2'
+    | 'caption1'
+    | 'footnote'
+    | 'subheadline'
+    | 'callout'
+    | 'body'
+    | 'headline'
+    | 'title3'
+    | 'title2'
+    | 'title1'
+    | 'largeTitle'
+  ),
+
+  /**
+   * When `true`, no visual change is made when text is pressed down. By
+   * default, a gray oval highlights the text on press down.
+   *
+   * See https://reactnative.dev/docs/text#supperhighlighting
+   */
+  suppressHighlighting?: ?boolean,
+
+  /**
+   * Set line break strategy on iOS.
+   *
+   * See https://reactnative.dev/docs/text.html#linebreakstrategyios
+   */
+  lineBreakStrategyIOS?: ?('none' | 'standard' | 'hangul-word' | 'push-out'),
+};
+
+export type TextPropsAndroid = {
+  /**
+   * Specifies the disabled state of the text view for testing purposes.
+   *
+   * See https://reactnative.dev/docs/text#disabled
+   */
+  disabled?: ?boolean,
 
+  /**
+   * The highlight color of the text.
+   *
+   * See https://reactnative.dev/docs/text#selectioncolor
+   */
+  selectionColor?: ?ColorValue,
+
+  /**
+   * Determines the types of data converted to clickable URLs in the text element.
+   * By default no data types are detected.
+   */
+  dataDetectorType?: ?('phoneNumber' | 'link' | 'email' | 'none' | 'all'),
+
+  /**
+   * Set text break strategy on Android API Level 23+
+   * default is `highQuality`.
+   *
+   * See https://reactnative.dev/docs/text#textbreakstrategy
+   */
+  textBreakStrategy?: ?('balanced' | 'highQuality' | 'simple'),
+
+  /**
+   * iOS Only
+   */
+  adjustsFontSizeToFit?: ?boolean,
+
+  /**
+   * Specifies smallest possible scale a font can reach when adjustsFontSizeToFit is enabled. (values 0.01-1.0).
+   *
+   * See https://reactnative.dev/docs/text#minimumfontscale
+   */
+  minimumFontScale?: ?number,
+};
+
+type TextBaseProps = $ReadOnly<{
   /**
    * Indicates whether the view is an accessibility element.
    *
@@ -66,15 +144,9 @@ export type TextProps = $ReadOnly<{
   accessibilityPositionInSet?: ?number, // Win32
   accessibilitySetSize?: ?number, // Win32
 
-  /**
-   * Whether font should be scaled down automatically.
-   *
-   * See https://reactnative.dev/docs/text#adjustsfontsizetofit
-   */
-  adjustsFontSizeToFit?: ?boolean,
-
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
+   * The default is `true`.
    *
    * See https://reactnative.dev/docs/text#allowfontscaling
    */
@@ -116,12 +188,28 @@ export type TextProps = $ReadOnly<{
    * When `numberOfLines` is set, this prop defines how text will be
    * truncated.
    *
+   * This can be one of the following values:
+   *
+   * - `head` - The line is displayed so that the end fits in the container and the missing text
+   * at the beginning of the line is indicated by an ellipsis glyph. e.g., "...wxyz"
+   * - `middle` - The line is displayed so that the beginning and end fit in the container and the
+   * missing text in the middle is indicated by an ellipsis glyph. "ab...yz"
+   * - `tail` - The line is displayed so that the beginning fits in the container and the
+   * missing text at the end of the line is indicated by an ellipsis glyph. e.g., "abcd..."
+   * - `clip` - Lines are not drawn past the edge of the text container.
+   *
+   * The default is `tail`.
+   *
+   * `numberOfLines` must be set in conjunction with this prop.
+   *
+   * > `clip` is working only for iOS
+   *
    * See https://reactnative.dev/docs/text#ellipsizemode
    */
   ellipsizeMode?: ?('clip' | 'head' | 'middle' | 'tail'),
 
   /**
-   * Used to locate this view from native code.
+   * Used to reference react managed views from native code.
    *
    * See https://reactnative.dev/docs/text#nativeid
    */
@@ -144,7 +232,11 @@ export type TextProps = $ReadOnly<{
   nativeID?: ?string,
 
   /**
-   * Used to truncate the text with an ellipsis.
+   * Used to truncate the text with an ellipsis after computing the text
+   * layout, including line wrapping, such that the total number of lines
+   * does not exceed this number.
+   *
+   * This prop is commonly used with `ellipsizeMode`.
    *
    * See https://reactnative.dev/docs/text#numberoflines
    */
@@ -153,29 +245,33 @@ export type TextProps = $ReadOnly<{
   /**
    * Invoked on mount and layout changes.
    *
+   * {nativeEvent: { layout: {x, y, width, height}}}.
+   *
    * See https://reactnative.dev/docs/text#onlayout
    */
-  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLayout?: ?(event: LayoutChangeEvent) => mixed,
 
   /**
    * This function is called on long press.
+   * e.g., `onLongPress={this.increaseSize}>`
    *
    * See https://reactnative.dev/docs/text#onlongpress
    */
-  onLongPress?: ?(event: PressEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * This function is called on press.
+   * Text intrinsically supports press handling with a default highlight state (which can be disabled with suppressHighlighting).
    *
    * See https://reactnative.dev/docs/text#onpress
    */
-  onPress?: ?(event: PressEvent) => mixed,
-  onPressIn?: ?(event: PressEvent) => mixed,
-  onPressOut?: ?(event: PressEvent) => mixed,
-  onResponderGrant?: ?(event: PressEvent) => void,
-  onResponderMove?: ?(event: PressEvent) => void,
-  onResponderRelease?: ?(event: PressEvent) => void,
-  onResponderTerminate?: ?(event: PressEvent) => void,
+  onPress?: ?(event: GestureResponderEvent) => mixed,
+  onPressIn?: ?(event: GestureResponderEvent) => mixed,
+  onPressOut?: ?(event: GestureResponderEvent) => mixed,
+  onResponderGrant?: ?(event: GestureResponderEvent) => void,
+  onResponderMove?: ?(event: GestureResponderEvent) => void,
+  onResponderRelease?: ?(event: GestureResponderEvent) => void,
+  onResponderTerminate?: ?(event: GestureResponderEvent) => void,
   onResponderTerminationRequest?: ?() => boolean,
   onStartShouldSetResponder?: ?() => boolean,
   onMoveShouldSetResponder?: ?() => boolean,
@@ -200,6 +296,10 @@ export type TextProps = $ReadOnly<{
    * See https://reactnative.dev/docs/text#selectable
    */
   selectable?: ?boolean,
+
+  /**
+   * @see https://reactnative.dev/docs/text#style
+   */
   style?: ?TextStyleProp,
 
   /**
@@ -208,74 +308,14 @@ export type TextProps = $ReadOnly<{
    * See https://reactnative.dev/docs/text#testid
    */
   testID?: ?string,
+}>;
 
-  /**
-   * Android Only
-   */
-
-  /**
-   * Specifies the disabled state of the text view for testing purposes.
-   *
-   * See https://reactnative.dev/docs/text#disabled
-   */
-  disabled?: ?boolean,
-
-  /**
-   * The highlight color of the text.
-   *
-   * See https://reactnative.dev/docs/text#selectioncolor
-   */
-  selectionColor?: ?ColorValue,
-
-  dataDetectorType?: ?('phoneNumber' | 'link' | 'email' | 'none' | 'all'),
-
-  /**
-   * Set text break strategy on Android.
-   *
-   * See https://reactnative.dev/docs/text#textbreakstrategy
-   */
-  textBreakStrategy?: ?('balanced' | 'highQuality' | 'simple'),
-
-  /**
-   * iOS Only
-   */
-  adjustsFontSizeToFit?: ?boolean,
-
-  /**
-   * The Dynamic Type scale ramp to apply to this element on iOS.
-   */
-  dynamicTypeRamp?: ?(
-    | 'caption2'
-    | 'caption1'
-    | 'footnote'
-    | 'subheadline'
-    | 'callout'
-    | 'body'
-    | 'headline'
-    | 'title3'
-    | 'title2'
-    | 'title1'
-    | 'largeTitle'
-  ),
-
-  /**
-   * Smallest possible scale a font can reach.
-   *
-   * See https://reactnative.dev/docs/text#minimumfontscale
-   */
-  minimumFontScale?: ?number,
-
-  /**
-   * When `true`, no visual change is made when text is pressed down.
-   *
-   * See https://reactnative.dev/docs/text#supperhighlighting
-   */
-  suppressHighlighting?: ?boolean,
-
-  /**
-   * Set line break strategy on iOS.
-   *
-   * See https://reactnative.dev/docs/text.html#linebreakstrategyios
-   */
-  lineBreakStrategyIOS?: ?('none' | 'standard' | 'hangul-word' | 'push-out'),
+/**
+ * @see https://reactnative.dev/docs/text#reference
+ */
+export type TextProps = $ReadOnly<{
+  ...PointerEventProps,
+  ...TextPropsIOS,
+  ...TextPropsAndroid,
+  ...TextBaseProps,
 }>;

package/Libraries/TurboModule/TurboModuleRegistry.js

@@ -12,7 +12,7 @@ import type {TurboModule} from './RCTExport';
 
 import invariant from 'invariant';
 
-const NativeModules = require('../BatchedBridge/NativeModules');
+const NativeModules = require('../BatchedBridge/NativeModules').default;
 
 const turboModuleProxy = global.__turboModuleProxy;
 

package/Libraries/TurboModule/samples/NativeSampleTurboModule.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeSampleTurboModule';
-import NativeSampleTurboModule from '../../../src/private/specs/modules/NativeSampleTurboModule';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeSampleTurboModule';
+import NativeSampleTurboModule from '../../../src/private/specs_DEPRECATED/modules/NativeSampleTurboModule';
 export default NativeSampleTurboModule;

package/Libraries/Types/CodegenTypes.js

@@ -11,7 +11,7 @@
 'use strict';
 
 import type {EventSubscription} from '../vendor/emitter/EventEmitter';
-import type {SyntheticEvent} from './CoreEventTypes';
+import type {NativeSyntheticEvent} from './CoreEventTypes';
 
 // Event types
 // We're not using the PaperName, it is only used to codegen view config settings
@@ -19,17 +19,18 @@ import type {SyntheticEvent} from './CoreEventTypes';
 export type BubblingEventHandler<
   T,
   PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
-> = (event: SyntheticEvent<T>) => void | Promise<void>;
+> = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
 export type DirectEventHandler<
   T,
   PaperName: string | empty = empty, // eslint-disable-line no-unused-vars
-> = (event: SyntheticEvent<T>) => void | Promise<void>;
+> = (event: NativeSyntheticEvent<T>) => void | Promise<void>;
 
 // Prop types
 export type Double = number;
 export type Float = number;
 export type Int32 = number;
-export type UnsafeObject = $FlowFixMe; // Object is forbidden in strict mode
+/* $FlowFixMe[unclear-type] Object is forbidden in strict mode */
+export type UnsafeObject = Object;
 export type UnsafeMixed = mixed;
 
 type DefaultTypes = number | boolean | string | $ReadOnlyArray<string>;