react-native-windows 0.78.7 → 0.79.0-preview.1

package/Libraries/Components/Switch/Switch.windows.js

@@ -9,7 +9,7 @@
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {NativeSyntheticEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import StyleSheet from '../../StyleSheet/StyleSheet';
@@ -23,16 +23,37 @@ import SwitchNativeComponent, {
 } from './SwitchNativeComponent';
 import * as React from 'react';
 
-type SwitchChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    value: boolean,
-    target: number,
-  |}>,
->;
+export type SwitchPropsIOS = {
+  /**
+   * Background color when the switch is turned on.
+   *
+   * @deprecated use trackColor instead
+   */
+  onTintColor?: ?ColorValue,
 
-export type Props = $ReadOnly<{|
-  ...ViewProps,
+  /**
+   * Color of the foreground switch grip.
+   *
+   * @deprecated use thumbColor instead
+   */
+  thumbTintColor?: ?ColorValue,
+
+  /**
+   * Background color when the switch is turned off.
+   *
+   * @deprecated use trackColor instead
+   */
+  tintColor?: ?ColorValue,
+};
+
+export type SwitchChangeEventData = $ReadOnly<{
+  target: number,
+  value: boolean,
+}>;
 
+export type SwitchChangeEvent = NativeSyntheticEvent<SwitchChangeEventData>;
+
+type SwitchPropsBase = {
   /**
     If true the user won't be able to toggle the switch.
 
@@ -41,53 +62,64 @@ export type Props = $ReadOnly<{|
   disabled?: ?boolean,
 
   /**
-    The value of the switch. If true the switch will be turned on.
+      The value of the switch. If true the switch will be turned on.
 
-    @default false
-   */
+      @default false
+     */
   value?: ?boolean,
 
   /**
-    Color of the foreground switch grip. If this is set on iOS, the switch grip will lose its drop shadow.
-   */
+      Color of the foreground switch grip. If this is set on iOS, the switch grip will lose its drop shadow.
+     */
   thumbColor?: ?ColorValue,
 
   /**
-    Custom colors for the switch track.
+      Custom colors for the switch track.
 
-    _iOS_: When the switch value is false, the track shrinks into the border. If you want to change the
-    color of the background exposed by the shrunken track, use
-     [`ios_backgroundColor`](https://reactnative.dev/docs/switch#ios_backgroundColor).
-   */
-  trackColor?: ?$ReadOnly<{|
+      _iOS_: When the switch value is false, the track shrinks into the border. If you want to change the
+      color of the background exposed by the shrunken track, use
+       [`ios_backgroundColor`](https://reactnative.dev/docs/switch#ios_backgroundColor).
+     */
+  trackColor?: ?$ReadOnly<{
     false?: ?ColorValue,
     true?: ?ColorValue,
-  |}>,
+  }>,
 
   /**
-    On iOS, custom color for the background. This background color can be
-    seen either when the switch value is false or when the switch is
-    disabled (and the switch is translucent).
-   */
+      On iOS, custom color for the background. This background color can be
+      seen either when the switch value is false or when the switch is
+      disabled (and the switch is translucent).
+     */
   ios_backgroundColor?: ?ColorValue,
 
   /**
-    Invoked when the user tries to change the value of the switch. Receives
-    the change event as an argument. If you want to only receive the new
-    value, use `onValueChange` instead.
-   */
+      Invoked when the user tries to change the value of the switch. Receives
+      the change event as an argument. If you want to only receive the new
+      value, use `onValueChange` instead.
+     */
   onChange?: ?(event: SwitchChangeEvent) => Promise<void> | void,
 
   /**
-    Invoked when the user tries to change the value of the switch. Receives
-    the new value as an argument. If you want to instead receive an event,
-    use `onChange`.
-   */
+      Invoked when the user tries to change the value of the switch. Receives
+      the new value as an argument. If you want to instead receive an event,
+      use `onChange`.
+     */
   onValueChange?: ?(value: boolean) => Promise<void> | void,
-|}>;
+};
+
+export type SwitchProps = $ReadOnly<{
+  ...ViewProps,
+  ...SwitchPropsIOS,
+  ...SwitchPropsBase,
+}>;
+
 const returnsFalse = () => false;
 const returnsTrue = () => true;
 
+type SwitchRef = React.ElementRef<
+  typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
+>;
+
 /**
   Renders a boolean input.
 
@@ -129,14 +161,9 @@ const returnsTrue = () => true;
   export default App;
   ```
  */
-
-type SwitchRef = React.ElementRef<
-  typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
->;
-
-const SwitchWithForwardedRef: component(
-  ref: React.RefSetter<SwitchRef>,
-  ...props: Props
+const Switch: component(
+  ref?: React.RefSetter<SwitchRef>,
+  ...props: SwitchProps
 ) = React.forwardRef(function Switch(props, forwardedRef): React.Node {
   const {
     disabled,
@@ -179,6 +206,7 @@ const SwitchWithForwardedRef: component(
       native.value != null && native.value !== jsValue;
     if (
       shouldUpdateNativeSwitch &&
+      // $FlowIssue[method-unbinding]
       nativeSwitchRef.current?.setNativeProps != null
     ) {
       if (Platform.OS === 'android') {
@@ -190,7 +218,8 @@ const SwitchWithForwardedRef: component(
   }, [value, native]);
 
   if (Platform.OS === 'android') {
-    const {accessibilityState} = restProps;
+    const {onTintColor, tintColor, ...androidProps} = restProps;
+    const {accessibilityState} = androidProps;
     const _disabled =
       disabled != null ? disabled : accessibilityState?.disabled;
 
@@ -212,7 +241,7 @@ const SwitchWithForwardedRef: component(
 
     return (
       <AndroidSwitchNativeComponent
-        {...restProps}
+        {...androidProps}
         {...platformProps}
         accessibilityRole={props.accessibilityRole ?? 'switch'}
         onChange={handleChange}
@@ -258,4 +287,4 @@ const SwitchWithForwardedRef: component(
   }
 });
 
-export default SwitchWithForwardedRef;
+export default Switch;

package/Libraries/Components/Switch/SwitchNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/SwitchNativeComponent';
-import SwitchNativeComponent from '../../../src/private/specs/components/SwitchNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/SwitchNativeComponent';
+import SwitchNativeComponent from '../../../src/private/specs_DEPRECATED/components/SwitchNativeComponent';
 export default SwitchNativeComponent;

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -8,10 +8,8 @@
  * @format
  */
 
-import type {
-  HostComponent,
-  PartialViewConfig,
-} from '../../Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../../src/private/types/HostComponent';
+import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
 import type {
   ColorValue,
   TextStyleProp,
@@ -69,10 +67,10 @@ export type ReturnKeyType =
 
 export type SubmitBehavior = 'submit' | 'blurAndSubmit' | 'newline';
 
-export type NativeProps = $ReadOnly<{|
+export type NativeProps = $ReadOnly<{
   // This allows us to inherit everything from ViewProps except for style (see below)
   // This must be commented for Fabric codegen to work.
-  ...$Diff<ViewProps, $ReadOnly<{|style: ?ViewStyleProp|}>>,
+  ...$Diff<ViewProps, $ReadOnly<{style: ?ViewStyleProp}>>,
 
   /**
    * Android props after this
@@ -345,13 +343,13 @@ export type NativeProps = $ReadOnly<{|
    * Callback that is called when the text input is blurred.
    * `target` is the reactTag of the element
    */
-  onBlur?: ?BubblingEventHandler<$ReadOnly<{|target: Int32|}>>,
+  onBlur?: ?BubblingEventHandler<$ReadOnly<{target: Int32}>>,
 
   /**
    * Callback that is called when the text input is focused.
    * `target` is the reactTag of the element
    */
-  onFocus?: ?BubblingEventHandler<$ReadOnly<{|target: Int32|}>>,
+  onFocus?: ?BubblingEventHandler<$ReadOnly<{target: Int32}>>,
 
   /**
    * Callback that is called when the text input's text changes.
@@ -359,7 +357,7 @@ export type NativeProps = $ReadOnly<{|
    * TODO: differentiate between onChange and onChangeText
    */
   onChange?: ?BubblingEventHandler<
-    $ReadOnly<{|target: Int32, eventCount: Int32, text: string|}>,
+    $ReadOnly<{target: Int32, eventCount: Int32, text: string}>,
   >,
 
   /**
@@ -368,7 +366,7 @@ export type NativeProps = $ReadOnly<{|
    * TODO: differentiate between onChange and onChangeText
    */
   onChangeText?: ?BubblingEventHandler<
-    $ReadOnly<{|target: Int32, eventCount: Int32, text: string|}>,
+    $ReadOnly<{target: Int32, eventCount: Int32, text: string}>,
   >,
 
   /**
@@ -379,17 +377,17 @@ export type NativeProps = $ReadOnly<{|
    * Only called for multiline text inputs.
    */
   onContentSizeChange?: ?DirectEventHandler<
-    $ReadOnly<{|
+    $ReadOnly<{
       target: Int32,
-      contentSize: $ReadOnly<{|width: Double, height: Double|}>,
-    |}>,
+      contentSize: $ReadOnly<{width: Double, height: Double}>,
+    }>,
   >,
 
   /**
    * Callback that is called when text input ends.
    */
   onEndEditing?: ?BubblingEventHandler<
-    $ReadOnly<{|target: Int32, text: string|}>,
+    $ReadOnly<{target: Int32, text: string}>,
   >,
 
   /**
@@ -398,10 +396,10 @@ export type NativeProps = $ReadOnly<{|
    * `{ nativeEvent: { selection: { start, end } } }`.
    */
   onSelectionChange?: ?DirectEventHandler<
-    $ReadOnly<{|
+    $ReadOnly<{
       target: Int32,
-      selection: $ReadOnly<{|start: Double, end: Double|}>,
-    |}>,
+      selection: $ReadOnly<{start: Double, end: Double}>,
+    }>,
   >,
 
   /**
@@ -409,7 +407,7 @@ export type NativeProps = $ReadOnly<{|
    * Invalid if `multiline={true}` is specified.
    */
   onSubmitEditing?: ?BubblingEventHandler<
-    $ReadOnly<{|target: Int32, text: string|}>,
+    $ReadOnly<{target: Int32, text: string}>,
   >,
 
   /**
@@ -419,7 +417,7 @@ export type NativeProps = $ReadOnly<{|
    * the typed-in character otherwise including `' '` for space.
    * Fires before `onChange` callbacks.
    */
-  onKeyPress?: ?BubblingEventHandler<$ReadOnly<{|target: Int32, key: string|}>>,
+  onKeyPress?: ?BubblingEventHandler<$ReadOnly<{target: Int32, key: string}>>,
 
   /**
    * Invoked on content scroll with `{ nativeEvent: { contentOffset: { x, y } } }`.
@@ -427,32 +425,32 @@ export type NativeProps = $ReadOnly<{|
    * is not provided for performance reasons.
    */
   onScroll?: ?DirectEventHandler<
-    $ReadOnly<{|
+    $ReadOnly<{
       target: Int32,
       responderIgnoreScroll: boolean,
-      contentInset: $ReadOnly<{|
+      contentInset: $ReadOnly<{
         top: Double, // always 0 on Android
         bottom: Double, // always 0 on Android
         left: Double, // always 0 on Android
         right: Double, // always 0 on Android
-      |}>,
-      contentOffset: $ReadOnly<{|
+      }>,
+      contentOffset: $ReadOnly<{
         x: Double,
         y: Double,
-      |}>,
-      contentSize: $ReadOnly<{|
+      }>,
+      contentSize: $ReadOnly<{
         width: Double, // always 0 on Android
         height: Double, // always 0 on Android
-      |}>,
-      layoutMeasurement: $ReadOnly<{|
+      }>,
+      layoutMeasurement: $ReadOnly<{
         width: Double,
         height: Double,
-      |}>,
-      velocity: $ReadOnly<{|
+      }>,
+      velocity: $ReadOnly<{
         x: Double, // always 0 on Android
         y: Double, // always 0 on Android
-      |}>,
-    |}>,
+      }>,
+    }>,
   >,
 
   /**
@@ -485,10 +483,10 @@ export type NativeProps = $ReadOnly<{|
    * The start and end of the text input's selection. Set start and end to
    * the same value to position the cursor.
    */
-  selection?: ?$ReadOnly<{|
+  selection?: ?$ReadOnly<{
     start: Int32,
     end?: ?Int32,
-  |}>,
+  }>,
 
   /**
    * The value to show for the text input. `TextInput` is a controlled
@@ -588,7 +586,7 @@ export type NativeProps = $ReadOnly<{|
   textShadowRadius?: ?Float,
   textDecorationLine?: ?string,
   fontStyle?: ?string,
-  textShadowOffset?: ?$ReadOnly<{|width?: ?Double, height?: ?Double|}>,
+  textShadowOffset?: ?$ReadOnly<{width?: ?Double, height?: ?Double}>,
   lineHeight?: ?Float,
   textTransform?: ?string,
   color?: ?Int32,
@@ -610,7 +608,7 @@ export type NativeProps = $ReadOnly<{|
    */
   mostRecentEventCount: Int32,
   text?: ?string,
-|}>;
+}>;
 
 type NativeType = HostComponent<NativeProps>;
 

package/Libraries/Components/TextInput/InputAccessoryView.js

@@ -76,7 +76,7 @@ import * as React from 'react';
  * For an example, look at InputAccessoryViewExample.js in RNTester.
  */
 
-type Props = $ReadOnly<{|
+export type InputAccessoryViewProps = $ReadOnly<{
   +children: React.Node,
   /**
    * An ID which is used to associate this `InputAccessoryView` to
@@ -85,9 +85,11 @@ type Props = $ReadOnly<{|
   nativeID?: ?string,
   style?: ?ViewStyleProp,
   backgroundColor?: ?ColorValue,
-|}>;
+}>;
 
-const InputAccessoryView: React.ComponentType<Props> = (props: Props) => {
+const InputAccessoryView: React.ComponentType<InputAccessoryViewProps> = (
+  props: InputAccessoryViewProps,
+) => {
   const {width} = useWindowDimensions();
 
   if (Platform.OS === 'ios') {

package/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
-import RCTInputAccessoryViewNativeComponent from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+export * from '../../../src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent';
+import RCTInputAccessoryViewNativeComponent from '../../../src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent';
 export default RCTInputAccessoryViewNativeComponent;

package/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js

@@ -8,10 +8,8 @@
  * @format
  */
 
-import type {
-  HostComponent,
-  PartialViewConfig,
-} from '../../Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../../src/private/types/HostComponent';
+import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
 import type {TextInputNativeCommands} from './TextInputNativeCommands';
 
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';

package/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js

@@ -8,10 +8,8 @@
  * @format
  */
 
-import type {
-  HostComponent,
-  PartialViewConfig,
-} from '../../Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../../../src/private/types/HostComponent';
+import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
 import type {TextInputNativeCommands} from './TextInputNativeCommands';
 
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';

package/Libraries/Components/TextInput/RCTTextInputViewConfig.js

@@ -98,7 +98,9 @@ const RCTTextInputViewConfig = {
     fontWeight: true,
     fontVariant: true,
     // flowlint-next-line untyped-import:off
-    textShadowOffset: {diff: require('../../Utilities/differ/sizesDiffer')},
+    textShadowOffset: {
+      diff: require('../../Utilities/differ/sizesDiffer').default,
+    },
     allowFontScaling: true,
     fontStyle: true,
     textTransform: true,
@@ -140,6 +142,7 @@ const RCTTextInputViewConfig = {
     placeholder: true,
     autoCorrect: true,
     multiline: true,
+    numberOfLines: true,
     textContentType: true,
     maxLength: true,
     autoCapitalize: true,
@@ -166,4 +169,4 @@ const RCTTextInputViewConfig = {
   },
 };
 
-module.exports = (RCTTextInputViewConfig: PartialViewConfigWithoutName);
+export default RCTTextInputViewConfig as PartialViewConfigWithoutName;