@office-iss/react-native-win32 0.68.0 → 0.69.0-preview.3

package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js

@@ -17,7 +17,10 @@ import type {
   Int32,
   WithDefault,
 } from '../../Types/CodegenTypes';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import type {
   TextStyleProp,
   ViewStyleProp,
@@ -593,123 +596,125 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
-let AndroidTextInputNativeComponent = NativeComponentRegistry.get<NativeProps>(
-  'AndroidTextInput',
-  () => ({
-    uiViewClassName: 'AndroidTextInput',
-    bubblingEventTypes: {
-      topBlur: {
-        phasedRegistrationNames: {
-          bubbled: 'onBlur',
-          captured: 'onBlurCapture',
-        },
-      },
-      topEndEditing: {
-        phasedRegistrationNames: {
-          bubbled: 'onEndEditing',
-          captured: 'onEndEditingCapture',
-        },
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'AndroidTextInput',
+  bubblingEventTypes: {
+    topBlur: {
+      phasedRegistrationNames: {
+        bubbled: 'onBlur',
+        captured: 'onBlurCapture',
       },
-      topFocus: {
-        phasedRegistrationNames: {
-          bubbled: 'onFocus',
-          captured: 'onFocusCapture',
-        },
-      },
-      topKeyPress: {
-        phasedRegistrationNames: {
-          bubbled: 'onKeyPress',
-          captured: 'onKeyPressCapture',
-        },
+    },
+    topEndEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onEndEditing',
+        captured: 'onEndEditingCapture',
       },
-      topSubmitEditing: {
-        phasedRegistrationNames: {
-          bubbled: 'onSubmitEditing',
-          captured: 'onSubmitEditingCapture',
-        },
+    },
+    topFocus: {
+      phasedRegistrationNames: {
+        bubbled: 'onFocus',
+        captured: 'onFocusCapture',
       },
-      topTextInput: {
-        phasedRegistrationNames: {
-          bubbled: 'onTextInput',
-          captured: 'onTextInputCapture',
-        },
+    },
+    topKeyPress: {
+      phasedRegistrationNames: {
+        bubbled: 'onKeyPress',
+        captured: 'onKeyPressCapture',
       },
     },
-    directEventTypes: {
-      topScroll: {
-        registrationName: 'onScroll',
+    topSubmitEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onSubmitEditing',
+        captured: 'onSubmitEditingCapture',
       },
     },
-    validAttributes: {
-      maxFontSizeMultiplier: true,
-      adjustsFontSizeToFit: true,
-      minimumFontScale: true,
-      autoFocus: true,
-      placeholder: true,
-      inlineImagePadding: true,
-      contextMenuHidden: true,
-      textShadowColor: {process: require('../../StyleSheet/processColor')},
-      maxLength: true,
-      selectTextOnFocus: true,
-      textShadowRadius: true,
-      underlineColorAndroid: {
-        process: require('../../StyleSheet/processColor'),
+    topTextInput: {
+      phasedRegistrationNames: {
+        bubbled: 'onTextInput',
+        captured: 'onTextInputCapture',
       },
-      textDecorationLine: true,
-      blurOnSubmit: true,
-      textAlignVertical: true,
-      fontStyle: true,
-      textShadowOffset: true,
-      selectionColor: {process: require('../../StyleSheet/processColor')},
-      selection: true,
-      placeholderTextColor: {process: require('../../StyleSheet/processColor')},
-      importantForAutofill: true,
-      lineHeight: true,
-      textTransform: true,
-      returnKeyType: true,
-      keyboardType: true,
-      multiline: true,
-      color: {process: require('../../StyleSheet/processColor')},
-      autoComplete: true,
-      numberOfLines: true,
-      letterSpacing: true,
-      returnKeyLabel: true,
-      fontSize: true,
-      onKeyPress: true,
-      cursorColor: {process: require('../../StyleSheet/processColor')},
-      text: true,
-      showSoftInputOnFocus: true,
-      textAlign: true,
-      autoCapitalize: true,
-      autoCorrect: true,
-      caretHidden: true,
-      secureTextEntry: true,
-      textBreakStrategy: true,
-      onScroll: true,
-      onContentSizeChange: true,
-      disableFullscreenUI: true,
-      includeFontPadding: true,
-      fontWeight: true,
-      fontFamily: true,
-      allowFontScaling: true,
-      onSelectionChange: true,
-      mostRecentEventCount: true,
-      inlineImageLeft: true,
-      editable: true,
-      fontVariant: true,
-      borderBottomRightRadius: true,
-      borderBottomColor: {process: require('../../StyleSheet/processColor')},
-      borderRadius: true,
-      borderRightColor: {process: require('../../StyleSheet/processColor')},
-      borderColor: {process: require('../../StyleSheet/processColor')},
-      borderTopRightRadius: true,
-      borderStyle: true,
-      borderBottomLeftRadius: true,
-      borderLeftColor: {process: require('../../StyleSheet/processColor')},
-      borderTopLeftRadius: true,
-      borderTopColor: {process: require('../../StyleSheet/processColor')},
     },
-  }),
+  },
+  directEventTypes: {
+    topScroll: {
+      registrationName: 'onScroll',
+    },
+  },
+  validAttributes: {
+    maxFontSizeMultiplier: true,
+    adjustsFontSizeToFit: true,
+    minimumFontScale: true,
+    autoFocus: true,
+    placeholder: true,
+    inlineImagePadding: true,
+    contextMenuHidden: true,
+    textShadowColor: {process: require('../../StyleSheet/processColor')},
+    maxLength: true,
+    selectTextOnFocus: true,
+    textShadowRadius: true,
+    underlineColorAndroid: {
+      process: require('../../StyleSheet/processColor'),
+    },
+    textDecorationLine: true,
+    blurOnSubmit: true,
+    textAlignVertical: true,
+    fontStyle: true,
+    textShadowOffset: true,
+    selectionColor: {process: require('../../StyleSheet/processColor')},
+    selection: true,
+    placeholderTextColor: {process: require('../../StyleSheet/processColor')},
+    importantForAutofill: true,
+    lineHeight: true,
+    textTransform: true,
+    returnKeyType: true,
+    keyboardType: true,
+    multiline: true,
+    color: {process: require('../../StyleSheet/processColor')},
+    autoComplete: true,
+    numberOfLines: true,
+    letterSpacing: true,
+    returnKeyLabel: true,
+    fontSize: true,
+    onKeyPress: true,
+    cursorColor: {process: require('../../StyleSheet/processColor')},
+    text: true,
+    showSoftInputOnFocus: true,
+    textAlign: true,
+    autoCapitalize: true,
+    autoCorrect: true,
+    caretHidden: true,
+    secureTextEntry: true,
+    textBreakStrategy: true,
+    onScroll: true,
+    onContentSizeChange: true,
+    disableFullscreenUI: true,
+    includeFontPadding: true,
+    fontWeight: true,
+    fontFamily: true,
+    allowFontScaling: true,
+    onSelectionChange: true,
+    mostRecentEventCount: true,
+    inlineImageLeft: true,
+    editable: true,
+    fontVariant: true,
+    borderBottomRightRadius: true,
+    borderBottomColor: {process: require('../../StyleSheet/processColor')},
+    borderRadius: true,
+    borderRightColor: {process: require('../../StyleSheet/processColor')},
+    borderColor: {process: require('../../StyleSheet/processColor')},
+    borderTopRightRadius: true,
+    borderStyle: true,
+    borderBottomLeftRadius: true,
+    borderLeftColor: {process: require('../../StyleSheet/processColor')},
+    borderTopLeftRadius: true,
+    borderTopColor: {process: require('../../StyleSheet/processColor')},
+  },
+};
+
+let AndroidTextInputNativeComponent = NativeComponentRegistry.get<NativeProps>(
+  'AndroidTextInput',
+  () => __INTERNAL_VIEW_CONFIG,
 );
 
 // flowlint-next-line unclear-type:off

package/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js

@@ -8,7 +8,10 @@
  * @format
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import type {TextInputNativeCommands} from './TextInputNativeCommands';
 import RCTTextInputViewConfig from './RCTTextInputViewConfig';
@@ -22,15 +25,20 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'RCTMultilineTextInputView',
+  ...RCTTextInputViewConfig,
+  validAttributes: {
+    ...RCTTextInputViewConfig.validAttributes,
+    dataDetectorTypes: true,
+  },
+};
+
 const MultilineTextInputNativeComponent: HostComponent<mixed> =
-  NativeComponentRegistry.get<mixed>('RCTMultilineTextInputView', () => ({
-    uiViewClassName: 'RCTMultilineTextInputView',
-    ...RCTTextInputViewConfig,
-    validAttributes: {
-      ...RCTTextInputViewConfig.validAttributes,
-      dataDetectorTypes: true,
-    },
-  }));
+  NativeComponentRegistry.get<mixed>(
+    'RCTMultilineTextInputView',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
 // flowlint-next-line unclear-type:off
 export default ((MultilineTextInputNativeComponent: any): HostComponent<mixed>);

package/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js

@@ -8,7 +8,10 @@
  * @format
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import type {TextInputNativeCommands} from './TextInputNativeCommands';
 import RCTTextInputViewConfig from './RCTTextInputViewConfig';
@@ -22,11 +25,16 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
   supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'RCTSinglelineTextInputView',
+  ...RCTTextInputViewConfig,
+};
+
 const SinglelineTextInputNativeComponent: HostComponent<mixed> =
-  NativeComponentRegistry.get<mixed>('RCTSinglelineTextInputView', () => ({
-    uiViewClassName: 'RCTSinglelineTextInputView',
-    ...RCTTextInputViewConfig,
-  }));
+  NativeComponentRegistry.get<mixed>(
+    'RCTSinglelineTextInputView',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
 // flowlint-next-line unclear-type:off
 export default ((SinglelineTextInputNativeComponent: any): HostComponent<mixed>);

package/Libraries/Components/TextInput/RCTTextInputViewConfig.js

@@ -9,6 +9,7 @@
  */
 
 import type {PartialViewConfig} from '../../Renderer/shims/ReactNativeTypes';
+import {ConditionallyIgnoredEventHandlers} from '../../NativeComponent/ViewConfigIgnore';
 
 type PartialViewConfigWithoutName = $Rest<
   PartialViewConfig,
@@ -147,6 +148,15 @@ const RCTTextInputViewConfig = {
     clearTextOnFocus: true,
     showSoftInputOnFocus: true,
     autoFocus: true,
+    ...ConditionallyIgnoredEventHandlers({
+      onChange: true,
+      onSelectionChange: true,
+      onContentSizeChange: true,
+      onScroll: true,
+      onChangeSync: true,
+      onKeyPressSync: true,
+      onTextInput: true,
+    }),
   },
 };
 

package/Libraries/Components/TextInput/TextInput.js

@@ -1341,13 +1341,6 @@ const ExportedForwardRef: React.AbstractComponent<
   );
 });
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-ExportedForwardRef.propTypes =
-  require('deprecated-react-native-prop-types').TextInputPropTypes;
-
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
@@ -1357,7 +1350,7 @@ ExportedForwardRef.State = {
   blurTextInput: TextInputState.blurTextInput,
 };
 
-type TextInputComponentStatics = $ReadOnly<{|
+export type TextInputComponentStatics = $ReadOnly<{|
   State: $ReadOnly<{|
     currentlyFocusedInput: typeof TextInputState.currentlyFocusedInput,
     currentlyFocusedField: typeof TextInputState.currentlyFocusedField,

package/Libraries/Components/TextInput/TextInputState.js

@@ -73,7 +73,7 @@ function blurField(textFieldID: ?number) {
 /**
  * @param {number} TextInputID id of the text field to focus
  * Focuses the specified text field
- * noop if the text field was already focused
+ * noop if the text field was already focused or if the field is not editable
  */
 function focusTextInput(textField: ?ComponentRef) {
   if (typeof textField === 'number') {
@@ -86,7 +86,15 @@ function focusTextInput(textField: ?ComponentRef) {
     return;
   }
 
-  if (currentlyFocusedInputRef !== textField && textField != null) {
+  if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
     focusInput(textField);
     if (Platform.OS === 'ios') {
       // This isn't necessarily a single line text input

package/Libraries/Components/TextInput/TextInputState.win32.js

@@ -74,7 +74,7 @@ function blurField(textFieldID: ?number) {
 /**
  * @param {number} TextInputID id of the text field to focus
  * Focuses the specified text field
- * noop if the text field was already focused
+ * noop if the text field was already focused or if the field is not editable
  */
 function focusTextInput(textField: ?ComponentRef) {
   if (typeof textField === 'number') {
@@ -87,7 +87,15 @@ function focusTextInput(textField: ?ComponentRef) {
     return;
   }
 
-  if (currentlyFocusedInputRef !== textField && textField != null) {
+  if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
     focusInput(textField);
     if (Platform.OS === 'ios') {
       // This isn't necessarily a single line text input

package/Libraries/Components/Touchable/Tests/TouchableWin32Test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchableWin32Test.js","sourceRoot":"","sources":["../../../../src/Libraries/Components/Touchable/Tests/TouchableWin32Test.tsx"],"names":[],"mappings":"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","sourcesContent":["'use strict';\n\nimport React from 'react'\nimport { Insets, NativeSyntheticEvent, StyleSheet, Text, ViewStyle } from 'react-native';\n\nimport { TextWin32 } from '../../Text/TextWin32';\nimport { ViewWin32 } from '../../View/ViewWin32';\nimport { IViewWin32Props, IKeyboardEvent } from '../../View/ViewWin32.Props';\nimport { TouchableWin32 } from '../TouchableWin32';\nimport { IPressEvent, IRenderChild } from '../TouchableWin32.Types';\nimport { ITouchableWin32State } from '../TouchableWin32.Props';\n\n/**\n * Styles used across both examples\n */\nconst styles = StyleSheet.create({\n  largeContainer: {\n    height: 200,\n    width: 600,\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  smallContainer: {\n    height: 90,\n    width: 90,\n    justifyContent: 'center',\n    alignContent: 'center',\n  },\n  highlight: {\n    height: 150,\n    width: 150,\n    justifyContent: 'space-around',\n    alignContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  outerTouch: {\n    height: 150,\n    width: 150,\n    justifyContent: 'space-around',\n    alignContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  innerTouch: {\n    height: 90,\n    width: 90,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Constant press rect offset, used to demonstrate press geometry\n */\nconst PRESS_RETENTION_OFFSET: Insets = {\n  top: 100,\n  left: 100,\n  right: 100,\n  bottom: 100,\n};\n\ninterface ITouchableWin32WithoutFeedbackProps extends IViewWin32Props {\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  onPress?: (e: IPressEvent) => void;\n  onPressIn?: (e: IPressEvent) => void;\n  onPressOut?: (e: IPressEvent) => void;\n  onLongPress?: (e: IPressEvent) => void;\n  pressRetentionOffset?: Insets;\n  rejectResponderTermination?: boolean;\n}\n\ninterface ITouchableWin32WithoutFeedbackState {\n  isFocused: boolean;\n}\n\n/**\n * Example implementation of TouchableWithoutFeedback - not meant for use outside these examples\n * This is mainly there to show the ability to respond to touches without providing visual feedback,\n * though we do show a red border on focus to know where starts start and end and whether press rect\n * offsets are respected.\n */\nclass TouchableWin32WithoutFeedback extends React.Component<ITouchableWin32WithoutFeedbackProps, ITouchableWin32WithoutFeedbackState> {\n  constructor(props) {\n    super(props);\n\n    this.state = { isFocused: false };\n  }\n\n  public render() {\n    return (\n      <TouchableWin32\n        focusable\n        rejectResponderTermination={true}\n        disabled={false}\n        touchableHandleActivePressIn={this._touchableHandleActivePressIn}\n        touchableHandleActivePressOut={this._touchableHandleActivePressOut}\n        touchableHandlePress={this._touchableHandlePress}\n        touchableHandleLongPress={this._touchableHandleLongPress}\n        touchableGetHighlightDelayMS={this._touchableGetHighlightDelayMS}\n        touchableGetPressRectOffset={this._touchableGetPressRectOffset}\n        touchableGetLongPressDelayMS={this._touchableGetLongPressDelayMS}\n        touchableGetPressOutDelayMS={this._touchableGetPressOutDelayMS}\n        touchableGetHitSlop={this._touchableGetHitSlop}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n        renderStyle={this._generateStyle}\n      >\n        {React.Children.only(this.props.children)}\n      </TouchableWin32>\n    );\n  }\n\n  private readonly _touchableHandlePress = (e: IPressEvent) => {\n    this.props.onPress && this.props.onPress(e);\n  };\n\n  private readonly _touchableHandleActivePressIn = (e: IPressEvent) => {\n    this.props.onPressIn && this.props.onPressIn(e);\n  };\n\n  private readonly _touchableHandleActivePressOut = (e: IPressEvent) => {\n    this.props.onPressOut && this.props.onPressOut(e);\n  };\n\n  private readonly _touchableHandleLongPress = (e: IPressEvent) => {\n    this.props.onLongPress && this.props.onLongPress(e);\n  };\n\n  private readonly _touchableGetPressRectOffset = (): Insets => {\n    return this.props.pressRetentionOffset || PRESS_RETENTION_OFFSET;\n  };\n\n  private readonly _touchableGetHitSlop = (): Insets => {\n    return this.props.hitSlop;\n  };\n\n  private readonly _touchableGetHighlightDelayMS = (): number => {\n    return this.props.delayPressIn || 0;\n  };\n\n  private readonly _touchableGetLongPressDelayMS = (): number => {\n    return this.props.delayLongPress === 0 ? 0 : this.props.delayLongPress || 500;\n  };\n\n  private readonly _touchableGetPressOutDelayMS = (): number => {\n    return this.props.delayPressOut || 0;\n  };\n\n  private readonly _onFocus = () => {\n    this.setState({ isFocused: true });\n  };\n\n  private readonly _onBlur = () => {\n    this.setState({ isFocused: false });\n  };\n\n  /**\n   * The generated style uses hard-coded border width values\n   */\n  private readonly _generateStyle = (state: ITouchableWin32State): ViewStyle => {\n    const finalStyle: ViewStyle = {\n      borderWidth: state.isFocused ? 5 : 0,\n      borderColor: 'red',\n    };\n    return Object.assign({}, this.props.style, finalStyle);\n  };\n}\n\ninterface ITouchableWin32HighlightProps extends IViewWin32Props {\n  delayLongPress?: number;\n  delayLongPressIn?: number;\n  delayPressOut?: number;\n  onPress?: (e: IPressEvent) => void;\n  onPressIn?: (e: IPressEvent) => void;\n  onPressOut?: (e: IPressEvent) => void;\n  onLongPress?: (e: IPressEvent) => void;\n  onKeyPress?: (e: IKeyboardEvent) => void;\n  onKeyPressDown?: (e: IKeyboardEvent) => void;\n  pressRetentionOffset?: Insets;\n  rejectResponderTermination?: boolean;\n  underlayColor?: string;\n  children?: IRenderChild<ITouchableWin32State>;\n}\n\ninterface ITouchableWin32HighlightComponentProps extends ITouchableWin32HighlightProps {\n  // Used as an imperative handle to the TouchableWin32 interface - primarily for focus()\n  innerRef?: React.Ref<TouchableWin32>;\n}\n\n/**\n * Example implementation of TouchableHighlight - not meant for use outside these examples\n * The main difference between a ful TouchableHiglight implementation and this example is that\n * TouchableHighlight should manipulate the opacity of the wrapped view to display the underlay color.\n * This example merely uses hard coded color values to distinguish between different control states\n */\nclass TouchableWin32HighlightComponent extends React.Component<ITouchableWin32HighlightComponentProps, {}> {\n\n  public render() {\n    return (\n      <TouchableWin32\n        focusable\n        rejectResponderTermination={this.props.rejectResponderTermination}\n        disabled={false}\n        touchableHandleActivePressIn={this._touchableHandleActivePressIn}\n        touchableHandleActivePressOut={this._touchableHandleActivePressOut}\n        touchableHandlePress={this._touchableHandlePress}\n        touchableHandleLongPress={this._touchableHandleLongPress}\n        touchableGetHighlightDelayMS={this._touchableGetHighlightDelayMS}\n        touchableGetPressRectOffset={this._touchableGetPressRectOffset}\n        touchableGetLongPressDelayMS={this._touchableGetLongPressDelayMS}\n        touchableGetPressOutDelayMS={this._touchableGetPressOutDelayMS}\n        touchableGetHitSlop={this._touchableGetHitSlop}\n        touchableHandleKeyPress={this._touchableHandleKeyPress}\n        touchableHandleKeyPressDown={this._touchableHandleKeyPressDown}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n        onMouseEnter={this._mouseEnter}\n        onMouseLeave={this._mouseLeave}\n        renderStyle={this._generateStyle}\n        children={this.props.children}\n        ref={this.props.innerRef}\n      />\n    );\n  }\n\n  private readonly _touchableHandlePress = (e: IPressEvent) => {\n    this.props.onPress && this.props.onPress(e);\n    this.setState({ isPressed: false });\n  };\n  private readonly _touchableHandleActivePressIn = (e: IPressEvent) => {\n    this.props.onPressIn && this.props.onPressIn(e);\n    this.setState({ isPressed: true });\n  };\n  private readonly _touchableHandleActivePressOut = (e: IPressEvent) => {\n    this.props.onPressOut && this.props.onPressOut(e);\n    this.setState({ isPressed: false });\n  };\n  private readonly _touchableHandleLongPress = (e: IPressEvent) => {\n    this.props.onLongPress && this.props.onLongPress(e);\n  };\n  private readonly _touchableGetPressRectOffset = (): Insets => {\n    return this.props.pressRetentionOffset || PRESS_RETENTION_OFFSET;\n  };\n  private readonly _touchableGetHitSlop = (): Insets => {\n    return { left: 100, right: 100, top: 100, bottom: 100 };\n  };\n  private readonly _touchableGetHighlightDelayMS = (): number => {\n    return this.props.delayLongPressIn || 0;\n  };\n  private readonly _touchableGetLongPressDelayMS = (): number => {\n    return this.props.delayLongPress || 500;\n  };\n  private readonly _touchableGetPressOutDelayMS = (): number => {\n    return this.props.delayPressOut || 0;\n  };\n  private readonly _touchableHandleKeyPress = (ev: IKeyboardEvent) => {\n    this.props.onKeyPress && this.props.onKeyPress(ev);\n  }\n  private readonly _touchableHandleKeyPressDown = (ev: IKeyboardEvent) => {\n    this.props.onKeyPressDown && this.props.onKeyPressDown(ev);\n  }\n  private readonly _mouseEnter = (): void => {\n    this.props.onMouseEnter && this.props.onMouseEnter();\n    this.setState({ isMouseIn: true });\n  };\n  private readonly _mouseLeave = (): void => {\n    this.props.onMouseLeave && this.props.onMouseLeave();\n    this.setState({ isMouseIn: false });\n  };\n  private readonly _onFocus = (ev: NativeSyntheticEvent<{}>): void => {\n    this.props.onFocus && this.props.onFocus(ev);\n    this.setState({ isFocused: true });\n  };\n  private readonly _onBlur = (ev: NativeSyntheticEvent<{}>): void => {\n    this.props.onBlur && this.props.onBlur(ev);\n    this.setState({ isFocused: false });\n  };\n\n  /**\n   * The generated style uses hard-coded color values,\n   * though it is trivial to pass these values as props.\n   * This is an example of a render style (one that is a\n   * funtion passed on to TouchableWin32 and resolved according\n   * to the internal state of TouchableWin32).\n   */\n  private readonly _generateStyle = (state: ITouchableWin32State): ViewStyle => {\n    const finalStyle: ViewStyle = {};\n    finalStyle.borderColor = state.isFocused ? 'red' : 'blue';\n    finalStyle.borderWidth = state.isFocused ? 10 : 5;\n    if (state.isHovered) {\n      if (state.isPressed) {\n        finalStyle.backgroundColor = 'black';\n      } else {\n        finalStyle.backgroundColor = 'gray';\n      }\n    } else {\n      if (state.isPressed) {\n        finalStyle.backgroundColor = 'green';\n      } else {\n        finalStyle.backgroundColor = 'white';\n      }\n    }\n    return Object.assign({}, this.props.style, finalStyle);\n  };\n}\n\n// Demonstrating ref forwarding - forwarding a ref using an innerRef prop on a class component\nconst TouchableWin32Highlight = React.forwardRef<TouchableWin32, ITouchableWin32HighlightProps>(\n  (props, ref) => {\n    return (\n      <TouchableWin32HighlightComponent innerRef={ref} {...props} />\n    );\n  }\n);\n\n/**\n * Both examples merely track number of presses\n */\ninterface IExampleState {\n  numberOfPresses: number;\n}\n\n/**\n * TouchableHighlightExamples\n */\nclass TouchableWithoutFeedbackExample extends React.Component<{}, IExampleState> {\n  constructor(props) {\n    super(props);\n    this.state = { numberOfPresses: 0 };\n  }\n\n  public render() {\n    return (\n      <ViewWin32 style={styles.largeContainer}>\n        <TouchableWin32WithoutFeedback style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32>\n            <TextWin32>Press me</TextWin32>\n          </ViewWin32>\n        </TouchableWin32WithoutFeedback>\n\n        <TouchableWin32WithoutFeedback style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32 style={styles.smallContainer}>\n            <TouchableWin32WithoutFeedback style={styles.innerTouch} onPress={this._onPress}>\n              <ViewWin32>\n                <TextWin32>You can also have nested Touchables</TextWin32>\n              </ViewWin32>\n            </TouchableWin32WithoutFeedback>\n          </ViewWin32>\n        </TouchableWin32WithoutFeedback>\n        <TextWin32>{'Number of Recognized Presses: ' + this.state.numberOfPresses}</TextWin32>\n      </ViewWin32>\n    );\n  }\n\n  private readonly _onPress = () => {\n    this.setState({ numberOfPresses: this.state.numberOfPresses + 1 });\n  };\n}\n\n/**\n * TouchableHighlightExamples\n */\nclass TouchableHighlightExample extends React.Component<{}, IExampleState> {\n  constructor(props) {\n    super(props);\n    this.state = { numberOfPresses: 0 };\n  }\n\n  public render() {\n    return (\n      <ViewWin32 style={styles.largeContainer}>\n        <TouchableWin32Highlight style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32>\n            <TextWin32>Press me</TextWin32>\n          </ViewWin32>\n        </TouchableWin32Highlight>\n\n        <TouchableWin32Highlight style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32 style={styles.smallContainer}>\n            <TouchableWin32Highlight style={styles.innerTouch} onPress={this._onPress} children={this._getChildrenOfInnerTouchable} />\n          </ViewWin32>\n        </TouchableWin32Highlight>\n        <TextWin32 style={{ color: 'red' }} textStyle=\"None\">\n          {'Number of Recognized Presses: ' + this.state.numberOfPresses}\n        </TextWin32>\n      </ViewWin32>\n    );\n  }\n\n  /**\n   * This is primarily to demonstrate render children as a function\n   * of state, here we change text color depending on interaction state.\n   */\n  private readonly _getChildrenOfInnerTouchable = (state: ITouchableWin32State) => {\n    return (\n      <ViewWin32\n        style={{\n          borderColor: state.isFocused ? 'green' : 'pink',\n          borderWidth: state.isHovered ? 10 : 5,\n          height: 70,\n          width: 70,\n        }}\n      >\n        <TextWin32\n          style={{\n            color: this._pickColor(state.isHovered, state.isPressed),\n            fontSize: state.isFocused ? 8 : 10,\n          }}\n          textStyle=\"None\"\n        >\n          Press Me!\n        </TextWin32>\n      </ViewWin32>\n    );\n  };\n\n  private _pickColor(hovered: boolean, pressed: boolean) {\n    if (hovered) {\n      if (pressed) {\n        return 'white';\n      } else {\n        return 'red';\n      }\n    } else {\n      if (pressed) {\n        return 'purple';\n      } else {\n        return 'black';\n      }\n    }\n  }\n\n  private readonly _onPress = () => {\n    this.setState({ numberOfPresses: this.state.numberOfPresses + 1 });\n  };\n}\n\nconst TouchableFocusExample = () => {\n  const [focused, setFocused] = React.useState(false);\n  const focusableRef = React.useRef<TouchableWin32>(null);\n\n  // onPress callback\n  const focusOnPress = React.useCallback(() => {\n    focusableRef.current && focusableRef.current.focus();\n    focused || setFocused(true);\n  }, [focused]);\n\n  // onFocus and onBlur callbacks\n  const onFocus = React.useCallback(() => {\n    setFocused(true);\n  }, []);\n  const onBlur = React.useCallback(() => {\n    setFocused(false);\n  }, []);\n\n  return (\n    <ViewWin32 style={styles.largeContainer}>\n      <TouchableWin32Highlight onPress={focusOnPress}>\n        <Text>Press me to focus my friend</Text>\n      </TouchableWin32Highlight>\n\n      <TouchableWin32Highlight\n        ref={focusableRef}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      >\n        <Text>{'Focused: ' + focused}</Text>\n      </TouchableWin32Highlight>\n    </ViewWin32>\n  );\n}\n\nexport const displayName = 'TouchableWin32 Examples';\nexport const title = 'TouchableWin32';\nexport const description = 'Demonstration of touchable + focus + hover behavior all in one component';\n\nexport const examples = [\n  {\n    title: 'TouchableWithoutFeedback Example',\n    description: 'A simple example implementation of without feedback behavior',\n    render(): JSX.Element {\n      return <TouchableWithoutFeedbackExample />;\n    },\n  },\n  {\n    title: 'TouchableHighlight Example',\n    description: 'A simple example implementation of highlight behavior',\n    render(): JSX.Element {\n      return <TouchableHighlightExample />;\n    },\n  },\n  {\n    title: 'Imperative Focus on TouchableWin32 Example',\n    description: 'A simple example implementation of imperative focus behavior',\n    render(): JSX.Element {\n      return <TouchableFocusExample />;\n    },\n  }\n];\n"]}
+{"version":3,"file":"TouchableWin32Test.js","sourceRoot":"","sources":["../../../../src/Libraries/Components/Touchable/Tests/TouchableWin32Test.tsx"],"names":[],"mappings":"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","sourcesContent":["'use strict';\n\nimport React from 'react'\nimport { Insets, NativeSyntheticEvent, StyleSheet, Text, ViewStyle } from 'react-native';\n\nimport { TextWin32 } from '../../Text/TextWin32';\nimport { ViewWin32 } from '../../View/ViewWin32';\nimport { IViewWin32Props, IKeyboardEvent } from '../../View/ViewWin32.Props';\nimport { TouchableWin32 } from '../TouchableWin32';\nimport { IPressEvent, IRenderChild } from '../TouchableWin32.Types';\nimport { ITouchableWin32State } from '../TouchableWin32.Props';\n\n/**\n * Styles used across both examples\n */\nconst styles = StyleSheet.create({\n  largeContainer: {\n    height: 200,\n    width: 600,\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  smallContainer: {\n    height: 90,\n    width: 90,\n    justifyContent: 'center',\n    alignContent: 'center',\n  },\n  highlight: {\n    height: 150,\n    width: 150,\n    justifyContent: 'space-around',\n    alignContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  outerTouch: {\n    height: 150,\n    width: 150,\n    justifyContent: 'space-around',\n    alignContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  innerTouch: {\n    height: 90,\n    width: 90,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Constant press rect offset, used to demonstrate press geometry\n */\nconst PRESS_RETENTION_OFFSET: Insets = {\n  top: 100,\n  left: 100,\n  right: 100,\n  bottom: 100,\n};\n\ninterface ITouchableWin32WithoutFeedbackProps extends IViewWin32Props {\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  onPress?: (e: IPressEvent) => void;\n  onPressIn?: (e: IPressEvent) => void;\n  onPressOut?: (e: IPressEvent) => void;\n  onLongPress?: (e: IPressEvent) => void;\n  pressRetentionOffset?: Insets;\n  rejectResponderTermination?: boolean;\n}\n\ninterface ITouchableWin32WithoutFeedbackState {\n  isFocused: boolean;\n}\n\n/**\n * Example implementation of TouchableWithoutFeedback - not meant for use outside these examples\n * This is mainly there to show the ability to respond to touches without providing visual feedback,\n * though we do show a red border on focus to know where starts start and end and whether press rect\n * offsets are respected.\n */\nclass TouchableWin32WithoutFeedback extends React.Component<ITouchableWin32WithoutFeedbackProps, ITouchableWin32WithoutFeedbackState> {\n  constructor(props) {\n    super(props);\n\n    this.state = { isFocused: false };\n  }\n\n  public render() {\n    return (\n      <TouchableWin32\n        focusable\n        rejectResponderTermination={true}\n        disabled={false}\n        touchableHandleActivePressIn={this._touchableHandleActivePressIn}\n        touchableHandleActivePressOut={this._touchableHandleActivePressOut}\n        touchableHandlePress={this._touchableHandlePress}\n        touchableHandleLongPress={this._touchableHandleLongPress}\n        touchableGetHighlightDelayMS={this._touchableGetHighlightDelayMS}\n        touchableGetPressRectOffset={this._touchableGetPressRectOffset}\n        touchableGetLongPressDelayMS={this._touchableGetLongPressDelayMS}\n        touchableGetPressOutDelayMS={this._touchableGetPressOutDelayMS}\n        touchableGetHitSlop={this._touchableGetHitSlop}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n        renderStyle={this._generateStyle}\n      >\n        {React.Children.only(this.props.children)}\n      </TouchableWin32>\n    );\n  }\n\n  private readonly _touchableHandlePress = (e: IPressEvent) => {\n    this.props.onPress && this.props.onPress(e);\n  };\n\n  private readonly _touchableHandleActivePressIn = (e: IPressEvent) => {\n    this.props.onPressIn && this.props.onPressIn(e);\n  };\n\n  private readonly _touchableHandleActivePressOut = (e: IPressEvent) => {\n    this.props.onPressOut && this.props.onPressOut(e);\n  };\n\n  private readonly _touchableHandleLongPress = (e: IPressEvent) => {\n    this.props.onLongPress && this.props.onLongPress(e);\n  };\n\n  private readonly _touchableGetPressRectOffset = (): Insets => {\n    return this.props.pressRetentionOffset || PRESS_RETENTION_OFFSET;\n  };\n\n  private readonly _touchableGetHitSlop = (): Insets => {\n    return this.props.hitSlop;\n  };\n\n  private readonly _touchableGetHighlightDelayMS = (): number => {\n    return this.props.delayPressIn || 0;\n  };\n\n  private readonly _touchableGetLongPressDelayMS = (): number => {\n    return this.props.delayLongPress === 0 ? 0 : this.props.delayLongPress || 500;\n  };\n\n  private readonly _touchableGetPressOutDelayMS = (): number => {\n    return this.props.delayPressOut || 0;\n  };\n\n  private readonly _onFocus = () => {\n    this.setState({ isFocused: true });\n  };\n\n  private readonly _onBlur = () => {\n    this.setState({ isFocused: false });\n  };\n\n  /**\n   * The generated style uses hard-coded border width values\n   */\n  private readonly _generateStyle = (state: ITouchableWin32State): ViewStyle => {\n    const finalStyle: ViewStyle = {\n      borderWidth: state.isFocused ? 5 : 0,\n      borderColor: 'red',\n    };\n    return Object.assign({}, this.props.style, finalStyle);\n  };\n}\n\ninterface ITouchableWin32HighlightProps extends Omit <IViewWin32Props, 'children'> {\n  delayLongPress?: number;\n  delayLongPressIn?: number;\n  delayPressOut?: number;\n  onPress?: (e: IPressEvent) => void;\n  onPressIn?: (e: IPressEvent) => void;\n  onPressOut?: (e: IPressEvent) => void;\n  onLongPress?: (e: IPressEvent) => void;\n  onKeyPress?: (e: IKeyboardEvent) => void;\n  onKeyPressDown?: (e: IKeyboardEvent) => void;\n  pressRetentionOffset?: Insets;\n  rejectResponderTermination?: boolean;\n  underlayColor?: string;\n  children?: IRenderChild<ITouchableWin32State>;\n}\n\ninterface ITouchableWin32HighlightComponentProps extends ITouchableWin32HighlightProps {\n  // Used as an imperative handle to the TouchableWin32 interface - primarily for focus()\n  innerRef?: React.Ref<TouchableWin32>;\n}\n\n/**\n * Example implementation of TouchableHighlight - not meant for use outside these examples\n * The main difference between a ful TouchableHiglight implementation and this example is that\n * TouchableHighlight should manipulate the opacity of the wrapped view to display the underlay color.\n * This example merely uses hard coded color values to distinguish between different control states\n */\nclass TouchableWin32HighlightComponent extends React.Component<ITouchableWin32HighlightComponentProps, {}> {\n\n  public render() {\n    return (\n      <TouchableWin32\n        focusable\n        rejectResponderTermination={this.props.rejectResponderTermination}\n        disabled={false}\n        touchableHandleActivePressIn={this._touchableHandleActivePressIn}\n        touchableHandleActivePressOut={this._touchableHandleActivePressOut}\n        touchableHandlePress={this._touchableHandlePress}\n        touchableHandleLongPress={this._touchableHandleLongPress}\n        touchableGetHighlightDelayMS={this._touchableGetHighlightDelayMS}\n        touchableGetPressRectOffset={this._touchableGetPressRectOffset}\n        touchableGetLongPressDelayMS={this._touchableGetLongPressDelayMS}\n        touchableGetPressOutDelayMS={this._touchableGetPressOutDelayMS}\n        touchableGetHitSlop={this._touchableGetHitSlop}\n        touchableHandleKeyPress={this._touchableHandleKeyPress}\n        touchableHandleKeyPressDown={this._touchableHandleKeyPressDown}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n        onMouseEnter={this._mouseEnter}\n        onMouseLeave={this._mouseLeave}\n        renderStyle={this._generateStyle}\n        children={this.props.children}\n        ref={this.props.innerRef}\n      />\n    );\n  }\n\n  private readonly _touchableHandlePress = (e: IPressEvent) => {\n    this.props.onPress && this.props.onPress(e);\n    this.setState({ isPressed: false });\n  };\n  private readonly _touchableHandleActivePressIn = (e: IPressEvent) => {\n    this.props.onPressIn && this.props.onPressIn(e);\n    this.setState({ isPressed: true });\n  };\n  private readonly _touchableHandleActivePressOut = (e: IPressEvent) => {\n    this.props.onPressOut && this.props.onPressOut(e);\n    this.setState({ isPressed: false });\n  };\n  private readonly _touchableHandleLongPress = (e: IPressEvent) => {\n    this.props.onLongPress && this.props.onLongPress(e);\n  };\n  private readonly _touchableGetPressRectOffset = (): Insets => {\n    return this.props.pressRetentionOffset || PRESS_RETENTION_OFFSET;\n  };\n  private readonly _touchableGetHitSlop = (): Insets => {\n    return { left: 100, right: 100, top: 100, bottom: 100 };\n  };\n  private readonly _touchableGetHighlightDelayMS = (): number => {\n    return this.props.delayLongPressIn || 0;\n  };\n  private readonly _touchableGetLongPressDelayMS = (): number => {\n    return this.props.delayLongPress || 500;\n  };\n  private readonly _touchableGetPressOutDelayMS = (): number => {\n    return this.props.delayPressOut || 0;\n  };\n  private readonly _touchableHandleKeyPress = (ev: IKeyboardEvent) => {\n    this.props.onKeyPress && this.props.onKeyPress(ev);\n  }\n  private readonly _touchableHandleKeyPressDown = (ev: IKeyboardEvent) => {\n    this.props.onKeyPressDown && this.props.onKeyPressDown(ev);\n  }\n  private readonly _mouseEnter = (): void => {\n    this.props.onMouseEnter && this.props.onMouseEnter();\n    this.setState({ isMouseIn: true });\n  };\n  private readonly _mouseLeave = (): void => {\n    this.props.onMouseLeave && this.props.onMouseLeave();\n    this.setState({ isMouseIn: false });\n  };\n  private readonly _onFocus = (ev: NativeSyntheticEvent<{}>): void => {\n    this.props.onFocus && this.props.onFocus(ev);\n    this.setState({ isFocused: true });\n  };\n  private readonly _onBlur = (ev: NativeSyntheticEvent<{}>): void => {\n    this.props.onBlur && this.props.onBlur(ev);\n    this.setState({ isFocused: false });\n  };\n\n  /**\n   * The generated style uses hard-coded color values,\n   * though it is trivial to pass these values as props.\n   * This is an example of a render style (one that is a\n   * funtion passed on to TouchableWin32 and resolved according\n   * to the internal state of TouchableWin32).\n   */\n  private readonly _generateStyle = (state: ITouchableWin32State): ViewStyle => {\n    const finalStyle: ViewStyle = {};\n    finalStyle.borderColor = state.isFocused ? 'red' : 'blue';\n    finalStyle.borderWidth = state.isFocused ? 10 : 5;\n    if (state.isHovered) {\n      if (state.isPressed) {\n        finalStyle.backgroundColor = 'black';\n      } else {\n        finalStyle.backgroundColor = 'gray';\n      }\n    } else {\n      if (state.isPressed) {\n        finalStyle.backgroundColor = 'green';\n      } else {\n        finalStyle.backgroundColor = 'white';\n      }\n    }\n    return Object.assign({}, this.props.style, finalStyle);\n  };\n}\n\n// Demonstrating ref forwarding - forwarding a ref using an innerRef prop on a class component\nconst TouchableWin32Highlight = React.forwardRef<TouchableWin32, ITouchableWin32HighlightProps>(\n  (props, ref) => {\n    return (\n      <TouchableWin32HighlightComponent innerRef={ref} {...props} />\n    );\n  }\n);\n\n/**\n * Both examples merely track number of presses\n */\ninterface IExampleState {\n  numberOfPresses: number;\n}\n\n/**\n * TouchableHighlightExamples\n */\nclass TouchableWithoutFeedbackExample extends React.Component<{}, IExampleState> {\n  constructor(props) {\n    super(props);\n    this.state = { numberOfPresses: 0 };\n  }\n\n  public render() {\n    return (\n      <ViewWin32 style={styles.largeContainer}>\n        <TouchableWin32WithoutFeedback style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32>\n            <TextWin32>Press me</TextWin32>\n          </ViewWin32>\n        </TouchableWin32WithoutFeedback>\n\n        <TouchableWin32WithoutFeedback style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32 style={styles.smallContainer}>\n            <TouchableWin32WithoutFeedback style={styles.innerTouch} onPress={this._onPress}>\n              <ViewWin32>\n                <TextWin32>You can also have nested Touchables</TextWin32>\n              </ViewWin32>\n            </TouchableWin32WithoutFeedback>\n          </ViewWin32>\n        </TouchableWin32WithoutFeedback>\n        <TextWin32>{'Number of Recognized Presses: ' + this.state.numberOfPresses}</TextWin32>\n      </ViewWin32>\n    );\n  }\n\n  private readonly _onPress = () => {\n    this.setState({ numberOfPresses: this.state.numberOfPresses + 1 });\n  };\n}\n\n/**\n * TouchableHighlightExamples\n */\nclass TouchableHighlightExample extends React.Component<{}, IExampleState> {\n  constructor(props) {\n    super(props);\n    this.state = { numberOfPresses: 0 };\n  }\n\n  public render() {\n    return (\n      <ViewWin32 style={styles.largeContainer}>\n        <TouchableWin32Highlight style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32>\n            <TextWin32>Press me</TextWin32>\n          </ViewWin32>\n        </TouchableWin32Highlight>\n\n        <TouchableWin32Highlight style={styles.outerTouch} onPress={this._onPress}>\n          <ViewWin32 style={styles.smallContainer}>\n            <TouchableWin32Highlight style={styles.innerTouch} onPress={this._onPress} children={this._getChildrenOfInnerTouchable} />\n          </ViewWin32>\n        </TouchableWin32Highlight>\n        <TextWin32 style={{ color: 'red' }} textStyle=\"None\">\n          {'Number of Recognized Presses: ' + this.state.numberOfPresses}\n        </TextWin32>\n      </ViewWin32>\n    );\n  }\n\n  /**\n   * This is primarily to demonstrate render children as a function\n   * of state, here we change text color depending on interaction state.\n   */\n  private readonly _getChildrenOfInnerTouchable = (state: ITouchableWin32State) => {\n    return (\n      <ViewWin32\n        style={{\n          borderColor: state.isFocused ? 'green' : 'pink',\n          borderWidth: state.isHovered ? 10 : 5,\n          height: 70,\n          width: 70,\n        }}\n      >\n        <TextWin32\n          style={{\n            color: this._pickColor(state.isHovered, state.isPressed),\n            fontSize: state.isFocused ? 8 : 10,\n          }}\n          textStyle=\"None\"\n        >\n          Press Me!\n        </TextWin32>\n      </ViewWin32>\n    );\n  };\n\n  private _pickColor(hovered: boolean, pressed: boolean) {\n    if (hovered) {\n      if (pressed) {\n        return 'white';\n      } else {\n        return 'red';\n      }\n    } else {\n      if (pressed) {\n        return 'purple';\n      } else {\n        return 'black';\n      }\n    }\n  }\n\n  private readonly _onPress = () => {\n    this.setState({ numberOfPresses: this.state.numberOfPresses + 1 });\n  };\n}\n\nconst TouchableFocusExample = () => {\n  const [focused, setFocused] = React.useState(false);\n  const focusableRef = React.useRef<TouchableWin32>(null);\n\n  // onPress callback\n  const focusOnPress = React.useCallback(() => {\n    focusableRef.current && focusableRef.current.focus();\n    focused || setFocused(true);\n  }, [focused]);\n\n  // onFocus and onBlur callbacks\n  const onFocus = React.useCallback(() => {\n    setFocused(true);\n  }, []);\n  const onBlur = React.useCallback(() => {\n    setFocused(false);\n  }, []);\n\n  return (\n    <ViewWin32 style={styles.largeContainer}>\n      <TouchableWin32Highlight onPress={focusOnPress}>\n        <Text>Press me to focus my friend</Text>\n      </TouchableWin32Highlight>\n\n      <TouchableWin32Highlight\n        ref={focusableRef}\n        onFocus={onFocus}\n        onBlur={onBlur}\n      >\n        <Text>{'Focused: ' + focused}</Text>\n      </TouchableWin32Highlight>\n    </ViewWin32>\n  );\n}\n\nexport const displayName = 'TouchableWin32 Examples';\nexport const title = 'TouchableWin32';\nexport const description = 'Demonstration of touchable + focus + hover behavior all in one component';\n\nexport const examples = [\n  {\n    title: 'TouchableWithoutFeedback Example',\n    description: 'A simple example implementation of without feedback behavior',\n    render(): JSX.Element {\n      return <TouchableWithoutFeedbackExample />;\n    },\n  },\n  {\n    title: 'TouchableHighlight Example',\n    description: 'A simple example implementation of highlight behavior',\n    render(): JSX.Element {\n      return <TouchableHighlightExample />;\n    },\n  },\n  {\n    title: 'Imperative Focus on TouchableWin32 Example',\n    description: 'A simple example implementation of imperative focus behavior',\n    render(): JSX.Element {\n      return <TouchableFocusExample />;\n    },\n  }\n];\n"]}

package/Libraries/Components/Touchable/TouchableBounce.js

@@ -137,6 +137,7 @@ class TouchableBounce extends React.Component<Props, State> {
         accessible={this.props.accessible !== false}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityState={this.props.accessibilityState}
         accessibilityActions={this.props.accessibilityActions}

package/Libraries/Components/Touchable/TouchableHighlight.js

@@ -296,6 +296,7 @@ class TouchableHighlight extends React.Component<Props, State> {
         accessible={this.props.accessible !== false}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityState={accessibilityState}
         accessibilityValue={this.props.accessibilityValue}

package/Libraries/Components/Touchable/TouchableNativeFeedback.js

@@ -271,6 +271,7 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
         ),
         accessible: this.props.accessible !== false,
         accessibilityHint: this.props.accessibilityHint,
+        accessibilityLanguage: this.props.accessibilityLanguage,
         accessibilityLabel: this.props.accessibilityLabel,
         accessibilityRole: this.props.accessibilityRole,
         accessibilityState: accessibilityState,

package/Libraries/Components/Touchable/TouchableOpacity.js

@@ -225,6 +225,7 @@ class TouchableOpacity extends React.Component<Props, State> {
         accessible={this.props.accessible !== false}
         accessibilityLabel={this.props.accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
         accessibilityState={accessibilityState}
         accessibilityActions={this.props.accessibilityActions}
@@ -260,7 +261,12 @@ class TouchableOpacity extends React.Component<Props, State> {
 
   componentDidUpdate(prevProps: Props, prevState: State) {
     this.state.pressability.configure(this._createPressabilityConfig());
-    if (this.props.disabled !== prevProps.disabled) {
+    if (
+      this.props.disabled !== prevProps.disabled ||
+      (flattenStyle(prevProps.style)?.opacity !==
+        flattenStyle(this.props.style)?.opacity) !==
+        undefined
+    ) {
       this._opacityInactive(250);
     }
   }

package/Libraries/Components/Touchable/TouchableWin32.Props.d.ts

@@ -6,7 +6,8 @@ export interface ITouchableWin32State {
     isFocused: boolean;
     isHovered: boolean;
 }
-export interface ITouchableWin32Props extends IViewWin32Props {
+declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+export interface ITouchableWin32Props extends Omit<IViewWin32Props, 'children'> {
     rejectResponderTermination?: boolean;
     disabled?: boolean;
     touchableHandleActivePressIn?: (e: IPressEvent) => void;
@@ -32,3 +33,4 @@ export interface ITouchableWin32Props extends IViewWin32Props {
      */
     filterKeys?: (str: string) => boolean;
 }
+export {};

package/Libraries/Components/Touchable/TouchableWin32.Props.js.map

@@ -1 +1 @@
-{"version":3,"file":"TouchableWin32.Props.js","sourceRoot":"","sources":["../../../src/Libraries/Components/Touchable/TouchableWin32.Props.tsx"],"names":[],"mappings":"","sourcesContent":["import { Insets, ViewStyle } from 'react-native';\n\nimport { IPressEvent, IRenderChild, IRenderStyle } from './TouchableWin32.Types';\nimport { IViewWin32Props, IKeyboardEvent } from '../View/ViewWin32.Props';\n\nexport interface ITouchableWin32State {\n  isPressed: boolean;\n  isFocused: boolean;\n  isHovered: boolean;\n}\n\nexport interface ITouchableWin32Props extends IViewWin32Props {\n  rejectResponderTermination?: boolean;\n  disabled?: boolean;\n  touchableHandleActivePressIn?: (e: IPressEvent) => void;\n  touchableHandleActivePressOut?: (e: IPressEvent) => void;\n  touchableHandlePress?: (e: IPressEvent) => void;\n  touchableHandleKeyPress?: (e: IKeyboardEvent) => void;\n  touchableHandleKeyPressDown?: (e: IKeyboardEvent) => void;\n  touchableHandleLongPress?: (e: IPressEvent) => void;\n  touchableGetHighlightDelayMS?: () => number;\n  touchableGetPressRectOffset?: () => Insets;\n  touchableGetLongPressDelayMS?: () => number;\n  touchableGetPressOutDelayMS?: () => number;\n  touchableGetHitSlop?: () => Insets;\n  touchSoundDisabled?: boolean;\n  onLongPress?: () => void;\n  children?: IRenderChild<ITouchableWin32State>;\n  // Typescript will not allow an extension of the IView* interface\n  // that allows style to take on a function value. This is not a problem\n  // with children, presumably because function components are valid as children.\n  // As such, a renderStyle prop that takes a function value is provided\n  // instead, in conjunction with the base style prop (StyleProp<ViewStyle>).\n  // The style prop will only be used if a renderStyle is not provided.\n  renderStyle?: IRenderStyle<ITouchableWin32State, ViewStyle>;\n  /**\n   * Filters keys for touchableHandleKeyPress / touchableHandleKeyPressDown events.\n   * Space and Enter keys result in touchableHandleKeyPress(Down) in the event\n   * that no filterKeys function is provided as a callback. All keyboard events\n   * will result in onKeyUp and onKeyDown getting fired regardless of filterKeys.\n   */\n  filterKeys?: (str: string) => boolean;\n}\n"]}
+{"version":3,"file":"TouchableWin32.Props.js","sourceRoot":"","sources":["../../../src/Libraries/Components/Touchable/TouchableWin32.Props.tsx"],"names":[],"mappings":"","sourcesContent":["import { Insets, ViewStyle } from 'react-native';\n\nimport { IPressEvent, IRenderChild, IRenderStyle } from './TouchableWin32.Types';\nimport { IViewWin32Props, IKeyboardEvent } from '../View/ViewWin32.Props';\n\nexport interface ITouchableWin32State {\n  isPressed: boolean;\n  isFocused: boolean;\n  isHovered: boolean;\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\n\nexport interface ITouchableWin32Props extends Omit <IViewWin32Props, 'children'> {\n  rejectResponderTermination?: boolean;\n  disabled?: boolean;\n  touchableHandleActivePressIn?: (e: IPressEvent) => void;\n  touchableHandleActivePressOut?: (e: IPressEvent) => void;\n  touchableHandlePress?: (e: IPressEvent) => void;\n  touchableHandleKeyPress?: (e: IKeyboardEvent) => void;\n  touchableHandleKeyPressDown?: (e: IKeyboardEvent) => void;\n  touchableHandleLongPress?: (e: IPressEvent) => void;\n  touchableGetHighlightDelayMS?: () => number;\n  touchableGetPressRectOffset?: () => Insets;\n  touchableGetLongPressDelayMS?: () => number;\n  touchableGetPressOutDelayMS?: () => number;\n  touchableGetHitSlop?: () => Insets;\n  touchSoundDisabled?: boolean;\n  onLongPress?: () => void;\n  children?: IRenderChild<ITouchableWin32State>;\n  // Typescript will not allow an extension of the IView* interface\n  // that allows style to take on a function value. This is not a problem\n  // with children, presumably because function components are valid as children.\n  // As such, a renderStyle prop that takes a function value is provided\n  // instead, in conjunction with the base style prop (StyleProp<ViewStyle>).\n  // The style prop will only be used if a renderStyle is not provided.\n  renderStyle?: IRenderStyle<ITouchableWin32State, ViewStyle>;\n  /**\n   * Filters keys for touchableHandleKeyPress / touchableHandleKeyPressDown events.\n   * Space and Enter keys result in touchableHandleKeyPress(Down) in the event\n   * that no filterKeys function is provided as a callback. All keyboard events\n   * will result in onKeyUp and onKeyDown getting fired regardless of filterKeys.\n   */\n  filterKeys?: (str: string) => boolean;\n}\n"]}