react-native-windows 0.73.11 → 0.74.0-preview.2

package/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js

@@ -8,61 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR: number,
-  |};
-  +setColor: (color: number, animated: boolean) => void;
-  +setTranslucent: (translucent: boolean) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  +setStyle: (statusBarStyle?: ?string) => void;
-  +setHidden: (hidden: boolean) => void;
-}
-
-const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
-let constants = null;
-
-const NativeStatusBarManager = {
-  getConstants(): {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |} {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-    return constants;
-  },
-
-  setColor(color: number, animated: boolean): void {
-    NativeModule.setColor(color, animated);
-  },
-
-  setTranslucent(translucent: boolean): void {
-    NativeModule.setTranslucent(translucent);
-  },
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  setStyle(statusBarStyle?: ?string): void {
-    NativeModule.setStyle(statusBarStyle);
-  },
-
-  setHidden(hidden: boolean): void {
-    NativeModule.setHidden(hidden);
-  },
-};
-
-export default NativeStatusBarManager;
+export * from '../../../src/private/specs/modules/NativeStatusBarManagerAndroid';
+import NativeStatusBarManagerAndroid from '../../../src/private/specs/modules/NativeStatusBarManagerAndroid';
+export default NativeStatusBarManagerAndroid;

package/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.js

@@ -8,82 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |};
-
-  // TODO(T47754272) Can we remove this method?
-  +getHeight: (callback: (result: {|height: number|}) => void) => void;
-  +setNetworkActivityIndicatorVisible: (visible: boolean) => void;
-  +addListener: (eventType: string) => void;
-  +removeListeners: (count: number) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   *    - 'light-content'
-   */
-  +setStyle: (statusBarStyle?: ?string, animated: boolean) => void;
-  /**
-   *  - withAnimation can be: 'none' | 'fade' | 'slide'
-   */
-  +setHidden: (hidden: boolean, withAnimation: string) => void;
-}
-
-const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
-let constants = null;
-
-const NativeStatusBarManager = {
-  getConstants(): {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |} {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-    return constants;
-  },
-
-  // TODO(T47754272) Can we remove this method?
-  getHeight(callback: (result: {|height: number|}) => void): void {
-    NativeModule.getHeight(callback);
-  },
-
-  setNetworkActivityIndicatorVisible(visible: boolean): void {
-    NativeModule.setNetworkActivityIndicatorVisible(visible);
-  },
-
-  addListener(eventType: string): void {
-    NativeModule.addListener(eventType);
-  },
-
-  removeListeners(count: number): void {
-    NativeModule.removeListeners(count);
-  },
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   *    - 'light-content'
-   */
-  setStyle(statusBarStyle?: ?string, animated: boolean): void {
-    NativeModule.setStyle(statusBarStyle, animated);
-  },
-
-  /**
-   *  - withAnimation can be: 'none' | 'fade' | 'slide'
-   */
-  setHidden(hidden: boolean, withAnimation: string): void {
-    NativeModule.setHidden(hidden, withAnimation);
-  },
-};
-
-export default NativeStatusBarManager;
+export * from '../../../src/private/specs/modules/NativeStatusBarManagerIOS';
+import NativeStatusBarManagerIOS from '../../../src/private/specs/modules/NativeStatusBarManagerIOS';
+export default NativeStatusBarManagerIOS;

package/Libraries/Components/Switch/AndroidSwitchNativeComponent.js

@@ -4,59 +4,10 @@
  * 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
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  BubblingEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type SwitchChangeEvent = $ReadOnly<{|
-  value: boolean,
-  target: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  enabled?: WithDefault<boolean, true>,
-  thumbColor?: ?ColorValue,
-  trackColorForFalse?: ?ColorValue,
-  trackColorForTrue?: ?ColorValue,
-  value?: WithDefault<boolean, false>,
-  on?: WithDefault<boolean, false>,
-  thumbTintColor?: ?ColorValue,
-  trackTintColor?: ?ColorValue,
-
-  // Events
-  onChange?: BubblingEventHandler<SwitchChangeEvent>,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeValue: (
-    viewRef: React.ElementRef<NativeType>,
-    value: boolean,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeValue'],
-});
-
-export default (codegenNativeComponent<NativeProps>('AndroidSwitch', {
-  interfaceOnly: true,
-}): NativeType);
+export * from '../../../src/private/specs/components/AndroidSwitchNativeComponent';
+import AndroidSwitchNativeComponent from '../../../src/private/specs/components/AndroidSwitchNativeComponent';
+export default AndroidSwitchNativeComponent;

package/Libraries/Components/Switch/Switch.js

@@ -6,7 +6,6 @@
  *
  * @flow strict-local
  * @format
- * @generate-docs
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
@@ -155,7 +154,6 @@ const SwitchWithForwardedRef: React.AbstractComponent<
     typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
   > | null>(null);
 
-  // $FlowFixMe[incompatible-call]
   const ref = useMergeRefs(nativeSwitchRef, forwardedRef);
 
   const [native, setNative] = React.useState({value: (null: ?boolean)});

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

@@ -6,7 +6,6 @@
  *
  * @flow strict-local
  * @format
- * @generate-docs
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
@@ -156,7 +155,6 @@ const SwitchWithForwardedRef: React.AbstractComponent<
     typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
   > | null>(null);
 
-  // $FlowFixMe[incompatible-call]
   const ref = useMergeRefs(nativeSwitchRef, forwardedRef);
 
   const [native, setNative] = React.useState({value: (null: ?boolean)});

package/Libraries/Components/Switch/SwitchNativeComponent.js

@@ -4,58 +4,10 @@
  * 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
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  BubblingEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type SwitchChangeEvent = $ReadOnly<{|
-  value: boolean,
-  target: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  value?: WithDefault<boolean, false>,
-  tintColor?: ?ColorValue,
-  onTintColor?: ?ColorValue,
-  thumbTintColor?: ?ColorValue,
-
-  // Deprecated props
-  thumbColor?: ?ColorValue,
-  trackColorForFalse?: ?ColorValue,
-  trackColorForTrue?: ?ColorValue,
-
-  // Events
-  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setValue'],
-});
-
-export default (codegenNativeComponent<NativeProps>('Switch', {
-  paperComponentName: 'RCTSwitch',
-  excludedPlatforms: ['android'],
-}): ComponentType);
+export * from '../../../src/private/specs/components/SwitchNativeComponent';
+import SwitchNativeComponent from '../../../src/private/specs/components/SwitchNativeComponent';
+export default SwitchNativeComponent;

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -485,6 +485,11 @@ export type NativeProps = $ReadOnly<{|
    */
   selectionColor?: ?ColorValue,
 
+  /**
+   * The text selection handle color.
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * The start and end of the text input's selection. Set start and end to
    * the same value to position the cursor.
@@ -692,6 +697,9 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     fontStyle: true,
     textShadowOffset: true,
     selectionColor: {process: require('../../StyleSheet/processColor').default},
+    selectionHandleColor: {
+      process: require('../../StyleSheet/processColor').default,
+    },
     placeholderTextColor: {
       process: require('../../StyleSheet/processColor').default,
     },

package/Libraries/Components/TextInput/InputAccessoryView.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -85,27 +85,25 @@ type Props = $ReadOnly<{|
   backgroundColor?: ?ColorValue,
 |}>;
 
-class InputAccessoryView extends React.Component<Props> {
-  render(): React.Node {
-    if (Platform.OS === 'ios') {
-      if (React.Children.count(this.props.children) === 0) {
-        return null;
-      }
-
-      return (
-        <RCTInputAccessoryViewNativeComponent
-          style={[this.props.style, styles.container]}
-          nativeID={this.props.nativeID}
-          backgroundColor={this.props.backgroundColor}>
-          {this.props.children}
-        </RCTInputAccessoryViewNativeComponent>
-      );
-    } else {
-      console.warn('<InputAccessoryView> is only supported on iOS.');
+const InputAccessoryView: React.AbstractComponent<Props> = (props: Props) => {
+  if (Platform.OS === 'ios') {
+    if (React.Children.count(props.children) === 0) {
       return null;
     }
+
+    return (
+      <RCTInputAccessoryViewNativeComponent
+        style={[props.style, styles.container]}
+        nativeID={props.nativeID}
+        backgroundColor={props.backgroundColor}>
+        {props.children}
+      </RCTInputAccessoryViewNativeComponent>
+    );
+  } else {
+    console.warn('<InputAccessoryView> is only supported on iOS.');
+    return null;
   }
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -113,4 +111,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = InputAccessoryView;
+export default InputAccessoryView;

package/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js

@@ -4,23 +4,10 @@
  * 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
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  backgroundColor?: ?ColorValue,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('InputAccessory', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTInputAccessoryView',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+import RCTInputAccessoryViewNativeComponent from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+export default RCTInputAccessoryViewNativeComponent;

package/Libraries/Components/TextInput/RCTTextInputViewConfig.js

@@ -31,12 +31,6 @@ const RCTTextInputViewConfig = {
         captured: 'onChangeCapture',
       },
     },
-    topContentSizeChange: {
-      phasedRegistrationNames: {
-        captured: 'onContentSizeChangeCapture',
-        bubbled: 'onContentSizeChange',
-      },
-    },
     topEndEditing: {
       phasedRegistrationNames: {
         bubbled: 'onEndEditing',
@@ -97,6 +91,9 @@ const RCTTextInputViewConfig = {
     topChangeSync: {
       registrationName: 'onChangeSync',
     },
+    topContentSizeChange: {
+      registrationName: 'onContentSizeChange',
+    },
   },
   validAttributes: {
     fontSize: true,

package/Libraries/Components/TextInput/TextInput.d.ts

@@ -84,6 +84,9 @@ type DataDetectorTypes =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -333,6 +336,14 @@ export interface TextInputAndroidProps {
    */
   cursorColor?: ColorValue | null | undefined;
 
+  /**
+   * When provided it will set the color of the selection handles when highlighting text.
+   * Unlike the behavior of `selectionColor` the handle color will be set independently
+   * from the color of the text selection box.
+   * @platform android
+   */
+  selectionHandleColor?: ColorValue | null | undefined;
+
   /**
    * Determines whether the individual fields in your app should be included in a
    * view structure for autofill purposes on Android API Level 26+. Defaults to auto.
@@ -738,6 +749,11 @@ export interface TextInputProps
     | ((e: NativeSyntheticEvent<TextInputEndEditingEventData>) => void)
     | undefined;
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ((e: NativeSyntheticEvent<NativeTouchEvent>) => void) | undefined;
+
   /**
    * Callback that is called when a touch is engaged.
    */

package/Libraries/Components/TextInput/TextInput.flow.js

@@ -99,6 +99,9 @@ type DataDetectorTypesType =
   | 'link'
   | 'address'
   | 'calendarEvent'
+  | 'trackingNumber'
+  | 'flightNumber'
+  | 'lookupSuggestion'
   | 'none'
   | 'all';
 
@@ -329,6 +332,14 @@ type AndroidProps = $ReadOnly<{|
    */
   cursorColor?: ?ColorValue,
 
+  /**
+   * When provided it will set the color of the selection handles when highlighting text.
+   * Unlike the behavior of `selectionColor` the handle color will be set independently
+   * from the color of the text selection box.
+   * @platform android
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * When `false`, if there is a small amount of space available around a text input
    * (e.g. landscape orientation on a phone), the OS may choose to have the user edit
@@ -766,6 +777,11 @@ export type Props = $ReadOnly<{|
    */
   unstable_onKeyPressSync?: ?(e: KeyPressEvent) => mixed,
 
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ?(event: PressEvent) => mixed,
+
   /**
    * Called when a touch is engaged.
    */