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

package/Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -33,6 +33,7 @@ type Props = $ReadOnly<{|
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
   accessibilityElementsHidden?: ?boolean,
   accessibilityHint?: ?Stringish,
+  accessibilityLanguage?: ?Stringish,
   accessibilityIgnoresInvertColors?: ?boolean,
   accessibilityLabel?: ?Stringish,
   accessibilityLiveRegion?: ?('none' | 'polite' | 'assertive'),
@@ -72,6 +73,7 @@ const PASSTHROUGH_PROPS = [
   'accessibilityActions',
   'accessibilityElementsHidden',
   'accessibilityHint',
+  'accessibilityLanguage',
   'accessibilityIgnoresInvertColors',
   'accessibilityLabel',
   'accessibilityLiveRegion',

package/Libraries/Components/View/ReactNativeViewAttributes.js

@@ -21,6 +21,7 @@ const UIView = {
   accessibilityState: true,
   accessibilityValue: true,
   accessibilityHint: true,
+  accessibilityLanguage: true,
   importantForAccessibility: true,
   nativeID: true,
   testID: true,

package/Libraries/Components/View/ReactNativeViewAttributes.win32.js

@@ -21,6 +21,7 @@ const UIView = {
   accessibilityState: true,
   accessibilityValue: true,
   accessibilityHint: true,
+  accessibilityLanguage: true,
   importantForAccessibility: true,
   nativeID: true,
   testID: true,

package/Libraries/Components/View/View.win32.js

@@ -75,13 +75,33 @@ const View: React.AbstractComponent<
     props.onKeyUpCapture && props.onKeyUpCapture(event);
   };
 
+  // [Windows
+  const childrenWithImportantForAccessibility = children => {
+    return React.Children.map(children, child => {
+      if (React.isValidElement(child)) {
+        if (child.props.children) {
+          return React.cloneElement(child, {
+            accessible: false,
+            children: childrenWithImportantForAccessibility(
+              child.props.children,
+            ),
+          });
+        } else {
+          return React.cloneElement(child, {accessible: false});
+        }
+      }
+      return child;
+    });
+  };
+  // Windows]
+
   return (
     // [Windows
     // In core this is a TextAncestor.Provider value={false} See
     // https://github.com/facebook/react-native/commit/66601e755fcad10698e61d20878d52194ad0e90c
     // But since Views are not currently supported in Text, we do not need the extra provider
     <TextAncestor.Consumer>
-      {(hasTextAncestor) => {
+      {hasTextAncestor => {
         invariant(
           !hasTextAncestor,
           'Nesting of <View> within <Text> is not currently supported.',
@@ -94,6 +114,18 @@ const View: React.AbstractComponent<
             onKeyDownCapture={_keyDownCapture}
             onKeyUp={_keyUp}
             onKeyUpCapture={_keyUpCapture}
+            // [Windows
+            accessible={
+              props.importantForAccessibility === 'no-hide-descendants'
+                ? false
+                : props.accessible
+            }
+            children={
+              props.importantForAccessibility === 'no-hide-descendants'
+                ? childrenWithImportantForAccessibility(props.children)
+                : props.children
+            }
+            // Windows]
           />
         );
       }}

package/Libraries/Components/View/ViewNativeComponent.js

@@ -9,19 +9,79 @@
  */
 
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
-import {type HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import Platform from '../../Utilities/Platform';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../../Renderer/shims/ReactNativeTypes';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import ReactNativeViewViewConfigAndroid from './ReactNativeViewViewConfigAndroid';
 import {type ViewProps as Props} from './ViewPropTypes';
+import Platform from '../../Utilities/Platform';
+
 import * as React from 'react';
 
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
+  Platform.OS === 'android'
+    ? {
+        uiViewClassName: 'RCTView',
+        validAttributes: {
+          // ReactClippingViewManager @ReactProps
+          removeClippedSubviews: true,
+
+          // ReactViewManager @ReactProps
+          accessible: true,
+          hasTVPreferredFocus: true,
+          nextFocusDown: true,
+          nextFocusForward: true,
+          nextFocusLeft: true,
+          nextFocusRight: true,
+          nextFocusUp: true,
+
+          borderRadius: true,
+          borderTopLeftRadius: true,
+          borderTopRightRadius: true,
+          borderBottomRightRadius: true,
+          borderBottomLeftRadius: true,
+          borderTopStartRadius: true,
+          borderTopEndRadius: true,
+          borderBottomStartRadius: true,
+          borderBottomEndRadius: true,
+
+          borderStyle: true,
+          hitSlop: true,
+          pointerEvents: true,
+          nativeBackgroundAndroid: true,
+          nativeForegroundAndroid: true,
+          needsOffscreenAlphaCompositing: true,
+
+          borderWidth: true,
+          borderLeftWidth: true,
+          borderRightWidth: true,
+          borderTopWidth: true,
+          borderBottomWidth: true,
+          borderStartWidth: true,
+          borderEndWidth: true,
+
+          borderColor: {process: require('../../StyleSheet/processColor')},
+          borderLeftColor: {process: require('../../StyleSheet/processColor')},
+          borderRightColor: {process: require('../../StyleSheet/processColor')},
+          borderTopColor: {process: require('../../StyleSheet/processColor')},
+          borderBottomColor: {
+            process: require('../../StyleSheet/processColor'),
+          },
+          borderStartColor: {process: require('../../StyleSheet/processColor')},
+          borderEndColor: {process: require('../../StyleSheet/processColor')},
+
+          focusable: true,
+          overflow: true,
+          backfaceVisibility: true,
+        },
+      }
+    : {
+        uiViewClassName: 'RCTView',
+      };
+
 const ViewNativeComponent: HostComponent<Props> =
-  NativeComponentRegistry.get<Props>('RCTView', () =>
-    Platform.OS === 'android'
-      ? ReactNativeViewViewConfigAndroid
-      : {uiViewClassName: 'RCTView'},
-  );
+  NativeComponentRegistry.get<Props>('RCTView', () => __INTERNAL_VIEW_CONFIG);
 
 interface NativeCommands {
   +hotspotUpdate: (

package/Libraries/Components/View/ViewPropTypes.js

@@ -14,11 +14,12 @@ import type {
   BlurEvent,
   FocusEvent,
   MouseEvent,
+  PointerEvent,
   PressEvent,
   Layout,
   LayoutEvent,
 } from '../../Types/CoreEventTypes';
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
+import type {EdgeInsetsOrSizeProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {Node} from 'react';
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {
@@ -84,8 +85,29 @@ type DirectEventProps = $ReadOnly<{|
 |}>;
 
 type MouseEventProps = $ReadOnly<{|
-  onMouseEnter?: (event: MouseEvent) => void,
-  onMouseLeave?: (event: MouseEvent) => void,
+  onMouseEnter?: ?(event: MouseEvent) => void,
+  onMouseLeave?: ?(event: MouseEvent) => void,
+|}>;
+
+// Experimental/Work in Progress Pointer Event Callbacks (not yet ready for use)
+type PointerEventProps = $ReadOnly<{|
+  onPointerEnter?: ?(event: PointerEvent) => void,
+  onPointerLeave?: ?(event: PointerEvent) => void,
+  onPointerMove?: ?(event: PointerEvent) => void,
+  onPointerCancel?: ?(e: PointerEvent) => void,
+  onPointerCancelCapture?: ?(e: PointerEvent) => void,
+  onPointerDown?: ?(e: PointerEvent) => void,
+  onPointerDownCapture?: ?(e: PointerEvent) => void,
+  onPointerUp?: ?(e: PointerEvent) => void,
+  onPointerUpCapture?: ?(e: PointerEvent) => void,
+
+  // FIXME: these events are temporary while we converge pointer event handling
+  onPointerEnter2?: ?(e: PointerEvent) => void,
+  onPointerEnter2Capture?: ?(e: PointerEvent) => void,
+  onPointerLeave2?: ?(e: PointerEvent) => void,
+  onPointerLeave2Capture?: ?(e: PointerEvent) => void,
+  onPointerMove2?: ?(e: PointerEvent) => void,
+  onPointerMove2Capture?: ?(e: PointerEvent) => void,
 |}>;
 
 type TouchEventProps = $ReadOnly<{|
@@ -381,6 +403,7 @@ export type ViewProps = $ReadOnly<{|
   ...DirectEventProps,
   ...GestureResponderEventProps,
   ...MouseEventProps,
+  ...PointerEventProps,
   ...TouchEventProps,
   ...AndroidViewProps,
   ...IOSViewProps,
@@ -415,6 +438,15 @@ export type ViewProps = $ReadOnly<{|
    */
   accessibilityHint?: ?Stringish,
 
+  /**
+   * Indicates to the accessibility services that the UI component is in
+   * a specific language. The provided string should be formatted following
+   * the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
+   *
+   * @platform ios
+   */
+  accessibilityLanguage?: ?Stringish,
+
   /**
    * Indicates to accessibility services to treat UI component like a specific role.
    */
@@ -481,7 +513,7 @@ export type ViewProps = $ReadOnly<{|
    *
    * See https://reactnative.dev/docs/view#hitslop
    */
-  hitSlop?: ?EdgeInsetsProp,
+  hitSlop?: ?EdgeInsetsOrSizeProp,
 
   /**
    * Controls whether the `View` can be the target of touch events.

package/Libraries/Components/View/ViewPropTypes.win32.js

@@ -14,12 +14,13 @@ import type {
   BlurEvent,
   FocusEvent,
   MouseEvent,
+  PointerEvent,
   PressEvent,
   Layout,
   LayoutEvent,
   KeyEvent, // [Windows]
 } from '../../Types/CoreEventTypes';
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
+import type {EdgeInsetsOrSizeProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {Node} from 'react';
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {
@@ -85,8 +86,29 @@ type DirectEventProps = $ReadOnly<{|
 |}>;
 
 type MouseEventProps = $ReadOnly<{|
-  onMouseEnter?: (event: MouseEvent) => void,
-  onMouseLeave?: (event: MouseEvent) => void,
+  onMouseEnter?: ?(event: MouseEvent) => void,
+  onMouseLeave?: ?(event: MouseEvent) => void,
+|}>;
+
+// Experimental/Work in Progress Pointer Event Callbacks (not yet ready for use)
+type PointerEventProps = $ReadOnly<{|
+  onPointerEnter?: ?(event: PointerEvent) => void,
+  onPointerLeave?: ?(event: PointerEvent) => void,
+  onPointerMove?: ?(event: PointerEvent) => void,
+  onPointerCancel?: ?(e: PointerEvent) => void,
+  onPointerCancelCapture?: ?(e: PointerEvent) => void,
+  onPointerDown?: ?(e: PointerEvent) => void,
+  onPointerDownCapture?: ?(e: PointerEvent) => void,
+  onPointerUp?: ?(e: PointerEvent) => void,
+  onPointerUpCapture?: ?(e: PointerEvent) => void,
+
+  // FIXME: these events are temporary while we converge pointer event handling
+  onPointerEnter2?: ?(e: PointerEvent) => void,
+  onPointerEnter2Capture?: ?(e: PointerEvent) => void,
+  onPointerLeave2?: ?(e: PointerEvent) => void,
+  onPointerLeave2Capture?: ?(e: PointerEvent) => void,
+  onPointerMove2?: ?(e: PointerEvent) => void,
+  onPointerMove2Capture?: ?(e: PointerEvent) => void,
 |}>;
 
 type TouchEventProps = $ReadOnly<{|
@@ -429,6 +451,7 @@ export type ViewProps = $ReadOnly<{|
   ...DirectEventProps,
   ...GestureResponderEventProps,
   ...MouseEventProps,
+  ...PointerEventProps,
   ...TouchEventProps,
   ...AndroidViewProps,
   ...IOSViewProps,
@@ -464,6 +487,15 @@ export type ViewProps = $ReadOnly<{|
    */
   accessibilityHint?: ?Stringish,
 
+  /**
+   * Indicates to the accessibility services that the UI component is in
+   * a specific language. The provided string should be formatted following
+   * the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
+   *
+   * @platform ios
+   */
+  accessibilityLanguage?: ?Stringish,
+
   /**
    * Indicates to accessibility services to treat UI component like a specific role.
    */
@@ -530,7 +562,7 @@ export type ViewProps = $ReadOnly<{|
    *
    * See https://reactnative.dev/docs/view#hitslop
    */
-  hitSlop?: ?EdgeInsetsProp,
+  hitSlop?: ?EdgeInsetsOrSizeProp,
 
   /**
    * Controls whether the `View` can be the target of touch events.

package/Libraries/Components/View/ViewWin32.Props.d.ts

@@ -25,7 +25,7 @@ export declare type IHandledKeyboardEvent = PartiallyRequired<INativeKeyboardEve
 export interface IViewWin32 {
     focus: () => void;
 }
-export declare type ARIARole = 'alert' | 'alertdialog' | 'application' | 'button' | 'checkbox' | 'combobox' | 'dialog' | 'group' | 'link' | 'menu' | 'menubar' | 'menuitem' | 'none' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'scrollbar' | 'search' | 'spinbutton' | 'switch' | 'tab' | 'tablist' | 'tabpanel' | 'textbox' | 'timer' | 'toolbar' | 'tree' | 'treeitem';
+export declare type ARIARole = 'alert' | 'alertdialog' | 'application' | 'button' | 'checkbox' | 'combobox' | 'dialog' | 'group' | 'link' | 'listitem' | 'menu' | 'menubar' | 'menuitem' | 'none' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'scrollbar' | 'search' | 'spinbutton' | 'switch' | 'tab' | 'tablist' | 'tabpanel' | 'textbox' | 'timer' | 'toolbar' | 'tree' | 'treeitem';
 export declare type AnnotationType = 'AdvanceProofingIssue' | 'Author' | 'CircularReferenceError' | 'Comment' | 'ConflictingChange' | 'DataValidationError' | 'DeletionChange' | 'EditingLockedChange' | 'Endnote' | 'ExternalChange' | 'Footer' | 'Footnote' | 'FormatChange' | 'FormulaError' | 'GrammarError' | 'Header' | 'Highlighted' | 'InsertionChange' | 'Mathematics' | 'MoveChange' | 'SpellingError' | 'TrackChanges' | 'Unknown' | 'UnsyncedChange';
 export declare type AccessibilityAnnotationInfo = Readonly<{
     typeID: AnnotationType;

package/Libraries/Components/View/ViewWin32.Props.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewWin32.Props.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWin32.Props.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAeb,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAI,CAAA;IACJ,qDAAS,CAAA;IACT,mDAAQ,CAAA;IACR,mDAAQ,CAAA;AACV,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB","sourcesContent":["'use strict';\nimport React from 'react'\nimport RN = require('react-native');\n\n// removes from interface T the members of interface K\ntype Omit<T, K> = Pick<T, Exclude<keyof T, keyof K>>;\n\n// All of T becomes optional except for Keys\ntype PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<Partial<T>, Exclude<keyof T, Keys>> & Pick<T, Keys>;\n\n/**\n * All of TOrigin except Key from TUse\n */\nexport type UseFrom<TOrigin, TUse, Key extends keyof TUse> = Pick<TOrigin, Exclude<keyof TOrigin, Key>> & Pick<TUse, Key>;\n\nexport enum EventPhase {\n  None,\n  Capturing,\n  AtTarget,\n  Bubbling\n}\n\nexport interface INativeKeyboardEvent {\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n  key: string;\n  eventPhase: EventPhase;\n}\nexport type IKeyboardEvent = RN.NativeSyntheticEvent<INativeKeyboardEvent>;\nexport type IHandledKeyboardEvent = PartiallyRequired<INativeKeyboardEvent, 'key'>;\n\nexport interface IViewWin32 {\n  focus: () => void;\n}\n\nexport type ARIARole =\n  | 'alert'\n  | 'alertdialog'\n  | 'application'\n  | 'button'\n  | 'checkbox'\n  | 'combobox'\n  | 'dialog'\n  | 'group'\n  | 'link'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'none'\n  | 'presentation'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'scrollbar'\n  | 'search'\n  | 'spinbutton'\n  | 'switch'\n  | 'tab'\n  | 'tablist'\n  | 'tabpanel'\n  | 'textbox'\n  | 'timer'\n  | 'toolbar'\n  | 'tree'\n  | 'treeitem';\n\nexport type AnnotationType =\n  | 'AdvanceProofingIssue'\n  | 'Author'\n  | 'CircularReferenceError'\n  | 'Comment'\n  | 'ConflictingChange'\n  | 'DataValidationError'\n  | 'DeletionChange'\n  | 'EditingLockedChange'\n  | 'Endnote'\n  | 'ExternalChange'\n  | 'Footer'\n  | 'Footnote'\n  | 'FormatChange'\n  | 'FormulaError'\n  | 'GrammarError'\n  | 'Header'\n  | 'Highlighted'\n  | 'InsertionChange'\n  | 'Mathematics'\n  | 'MoveChange'\n  | 'SpellingError'\n  | 'TrackChanges'\n  | 'Unknown'\n  | 'UnsyncedChange';\n\nexport type AccessibilityAnnotationInfo = Readonly<{\n  typeID: AnnotationType;\n  typeName?: string;\n  author?: string;\n  dateTime?: string;\n  target?: string;\n}>;\n\nexport type AccessibilityActionName =\n  | RN.AccessibilityActionName\n  | 'AddToSelection'\n  | 'RemoveFromSelection'\n  | 'Select'\n  | 'Expand'\n  | 'Collapse';\n\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'pointer'\n  | 'help'\n  | 'not-allowed'\n  | 'wait'\n  | 'move'\n  | 'nesw-resize'\n  | 'ns-resize'\n  | 'nwse-resize'\n  | 'we-resize'\n  | 'text'\n\nexport type AccessibilityActionInfo = Readonly<{\n  name: AccessibilityActionName;\n  label?: string;\n}>;\n\nexport type AccessibilityState = RN.AccessibilityState & { multiselectable?: boolean, required?: boolean };\n\nexport type SharedAccessibilityPropsIOSandWin32 = {\n  onAccessibilityTap?: () => void;\n};\n\nexport type OmittedAccessibilityPropsWin32 = {\n  accessibilityActions?: ReadonlyArray<RN.AccessibilityActionInfo>;\n  accessibilityRole?: RN.AccessibilityRole;\n  accessibilityState?: RN.AccessibilityState;\n};\n\nexport type BasePropsWin32 = {\n  /**\n   * Tells a person using a screen reader the type of element they are focused on.\n   *\n   * Overrides the `accessibilityRole` prop on React Native to accept a subset of ARIA roles.\n   *\n   * Possible values for ARIARole are: alert, alertdialog, application, button, checkbox,\n   * comobox, dialog, group, link, menu, menubar, menuitem, none, presentation, progressbar,\n   * radio, radiogroup, scrollbar, search, spinbutton, switch, tab, tablist, tabpanel, textbox,\n   * timer, toolbar, tree, and treeitem.\n   */\n  accessibilityRole?: RN.AccessibilityRole | ARIARole;\n  accessibilityState?: AccessibilityState;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n\n  /**\n  * Windows Accessibility extensions for allowing other DOM elements to label or describe a given element.\n  *\n  * Defined as a reference to another DOM element inheriting from the primary base classes of React-Native elements.\n  * The reference will be converted to a native reference (tag) before passing to the native platform.\n  */\n  accessibilityDescribedBy?: React.RefObject<any>;\n  accessibilityLabeledBy?: React.RefObject<any>;\n\n  /**\n  * Identifies the element whose contents or presence are controlled by another element. \n  * \n  * This is mainly used for a Textbox with a Dropdown PeoplePicker-type list.  This allows an \n  * accessibility tool to query those other providers for properties and listen to their events.\n  */\n   accessibilityControls?: React.RefObject<any>;    \n\n   /**\n    * Identifies the ItemType property, which is a text string describing the type of the automation element.\n    * ItemType is used to obtain information about items in a list, tree view, or data grid. For example, an item in a file directory view might be a \"Document File\" or a \"Folder\".\n    */\n   accessibilityItemType?: string;\n};\n\nexport type ViewWin32OmitTypes = RN.ViewPropsAndroid &\n  RN.ViewPropsIOS &\n  RN.AccessibilityPropsAndroid &\n  Omit<RN.AccessibilityPropsIOS, SharedAccessibilityPropsIOSandWin32> &\n  OmittedAccessibilityPropsWin32;\n\n/**\n * Properties for ViewWin32 component\n */\nexport interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {\n  type?: React.ElementType;\n  children?: React.ReactNode;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n  /**\n   * Tells a person using a screen reader what kind of annotation they\n   * have selected. If available, it will also tell a person the author of the annotation and\n   * the date and time the annotation was posted.\n   *\n   * Note: If typeID is 'Unknown', a typeName must be provided.\n   */\n  accessibilityAnnotation?: AccessibilityAnnotationInfo;\n  /**\n  * accessibilityDescription provides more detailed information specific to the element (i.e. last edit date, full location for a file)\n  * while accessibilityHint provides infomation on what will happen when they perform an action.\n  *\n  */\n  accessibilityDescription?: string;\n  accessibilityLevel?: number;\n  accessibilityPositionInSet?: number;\n\n  accessibilitySetSize?: number;\n  animationClass?: string;\n  focusable?: boolean;\n  enableFocusRing?: boolean;\n\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlur?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlurCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocus?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocusCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n\n  onKeyDown?: (args: IKeyboardEvent) => void;\n  onKeyDownCapture?: (args: IKeyboardEvent) => void;\n  onKeyUp?: (args: IKeyboardEvent) => void;\n  onKeyUpCapture?: (args: IKeyboardEvent) => void;\n\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  keyDownEvents?: IHandledKeyboardEvent[];\n  keyUpEvents?: IHandledKeyboardEvent[];\n\n  /**\n   * Provides a screentip to be used on hover of the view\n   */\n  tooltip?: string;\n  cursor?: Cursor;\n}\n"]}
+{"version":3,"file":"ViewWin32.Props.js","sourceRoot":"","sources":["../../../src/Libraries/Components/View/ViewWin32.Props.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAeb,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,2CAAI,CAAA;IACJ,qDAAS,CAAA;IACT,mDAAQ,CAAA;IACR,mDAAQ,CAAA;AACV,CAAC,EALW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAKrB","sourcesContent":["'use strict';\nimport React from 'react'\nimport RN = require('react-native');\n\n// removes from interface T the members of interface K\ntype Omit<T, K> = Pick<T, Exclude<keyof T, keyof K>>;\n\n// All of T becomes optional except for Keys\ntype PartiallyRequired<T, Keys extends keyof T = keyof T> = Pick<Partial<T>, Exclude<keyof T, Keys>> & Pick<T, Keys>;\n\n/**\n * All of TOrigin except Key from TUse\n */\nexport type UseFrom<TOrigin, TUse, Key extends keyof TUse> = Pick<TOrigin, Exclude<keyof TOrigin, Key>> & Pick<TUse, Key>;\n\nexport enum EventPhase {\n  None,\n  Capturing,\n  AtTarget,\n  Bubbling\n}\n\nexport interface INativeKeyboardEvent {\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  shiftKey: boolean;\n  key: string;\n  eventPhase: EventPhase;\n}\nexport type IKeyboardEvent = RN.NativeSyntheticEvent<INativeKeyboardEvent>;\nexport type IHandledKeyboardEvent = PartiallyRequired<INativeKeyboardEvent, 'key'>;\n\nexport interface IViewWin32 {\n  focus: () => void;\n}\n\nexport type ARIARole =\n  | 'alert'\n  | 'alertdialog'\n  | 'application'\n  | 'button'\n  | 'checkbox'\n  | 'combobox'\n  | 'dialog'\n  | 'group'\n  | 'link'\n  | 'listitem'\n  | 'menu'\n  | 'menubar'\n  | 'menuitem'\n  | 'none'\n  | 'presentation'\n  | 'progressbar'\n  | 'radio'\n  | 'radiogroup'\n  | 'scrollbar'\n  | 'search'\n  | 'spinbutton'\n  | 'switch'\n  | 'tab'\n  | 'tablist'\n  | 'tabpanel'\n  | 'textbox'\n  | 'timer'\n  | 'toolbar'\n  | 'tree'\n  | 'treeitem';\n\nexport type AnnotationType =\n  | 'AdvanceProofingIssue'\n  | 'Author'\n  | 'CircularReferenceError'\n  | 'Comment'\n  | 'ConflictingChange'\n  | 'DataValidationError'\n  | 'DeletionChange'\n  | 'EditingLockedChange'\n  | 'Endnote'\n  | 'ExternalChange'\n  | 'Footer'\n  | 'Footnote'\n  | 'FormatChange'\n  | 'FormulaError'\n  | 'GrammarError'\n  | 'Header'\n  | 'Highlighted'\n  | 'InsertionChange'\n  | 'Mathematics'\n  | 'MoveChange'\n  | 'SpellingError'\n  | 'TrackChanges'\n  | 'Unknown'\n  | 'UnsyncedChange';\n\nexport type AccessibilityAnnotationInfo = Readonly<{\n  typeID: AnnotationType;\n  typeName?: string;\n  author?: string;\n  dateTime?: string;\n  target?: string;\n}>;\n\nexport type AccessibilityActionName =\n  | RN.AccessibilityActionName\n  | 'AddToSelection'\n  | 'RemoveFromSelection'\n  | 'Select'\n  | 'Expand'\n  | 'Collapse';\n\nexport type Cursor =\n  | 'auto'\n  | 'default'\n  | 'pointer'\n  | 'help'\n  | 'not-allowed'\n  | 'wait'\n  | 'move'\n  | 'nesw-resize'\n  | 'ns-resize'\n  | 'nwse-resize'\n  | 'we-resize'\n  | 'text'\n\nexport type AccessibilityActionInfo = Readonly<{\n  name: AccessibilityActionName;\n  label?: string;\n}>;\n\nexport type AccessibilityState = RN.AccessibilityState & { multiselectable?: boolean, required?: boolean };\n\nexport type SharedAccessibilityPropsIOSandWin32 = {\n  onAccessibilityTap?: () => void;\n};\n\nexport type OmittedAccessibilityPropsWin32 = {\n  accessibilityActions?: ReadonlyArray<RN.AccessibilityActionInfo>;\n  accessibilityRole?: RN.AccessibilityRole;\n  accessibilityState?: RN.AccessibilityState;\n};\n\nexport type BasePropsWin32 = {\n  /**\n   * Tells a person using a screen reader the type of element they are focused on.\n   *\n   * Overrides the `accessibilityRole` prop on React Native to accept a subset of ARIA roles.\n   *\n   * Possible values for ARIARole are: alert, alertdialog, application, button, checkbox,\n   * comobox, dialog, group, link, menu, menubar, menuitem, none, presentation, progressbar,\n   * radio, radiogroup, scrollbar, search, spinbutton, switch, tab, tablist, tabpanel, textbox,\n   * timer, toolbar, tree, and treeitem.\n   */\n  accessibilityRole?: RN.AccessibilityRole | ARIARole;\n  accessibilityState?: AccessibilityState;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n\n  /**\n  * Windows Accessibility extensions for allowing other DOM elements to label or describe a given element.\n  *\n  * Defined as a reference to another DOM element inheriting from the primary base classes of React-Native elements.\n  * The reference will be converted to a native reference (tag) before passing to the native platform.\n  */\n  accessibilityDescribedBy?: React.RefObject<any>;\n  accessibilityLabeledBy?: React.RefObject<any>;\n\n  /**\n  * Identifies the element whose contents or presence are controlled by another element. \n  * \n  * This is mainly used for a Textbox with a Dropdown PeoplePicker-type list.  This allows an \n  * accessibility tool to query those other providers for properties and listen to their events.\n  */\n   accessibilityControls?: React.RefObject<any>;    \n\n   /**\n    * Identifies the ItemType property, which is a text string describing the type of the automation element.\n    * ItemType is used to obtain information about items in a list, tree view, or data grid. For example, an item in a file directory view might be a \"Document File\" or a \"Folder\".\n    */\n   accessibilityItemType?: string;\n};\n\nexport type ViewWin32OmitTypes = RN.ViewPropsAndroid &\n  RN.ViewPropsIOS &\n  RN.AccessibilityPropsAndroid &\n  Omit<RN.AccessibilityPropsIOS, SharedAccessibilityPropsIOSandWin32> &\n  OmittedAccessibilityPropsWin32;\n\n/**\n * Properties for ViewWin32 component\n */\nexport interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 {\n  type?: React.ElementType;\n  children?: React.ReactNode;\n  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo>;\n  /**\n   * Tells a person using a screen reader what kind of annotation they\n   * have selected. If available, it will also tell a person the author of the annotation and\n   * the date and time the annotation was posted.\n   *\n   * Note: If typeID is 'Unknown', a typeName must be provided.\n   */\n  accessibilityAnnotation?: AccessibilityAnnotationInfo;\n  /**\n  * accessibilityDescription provides more detailed information specific to the element (i.e. last edit date, full location for a file)\n  * while accessibilityHint provides infomation on what will happen when they perform an action.\n  *\n  */\n  accessibilityDescription?: string;\n  accessibilityLevel?: number;\n  accessibilityPositionInSet?: number;\n\n  accessibilitySetSize?: number;\n  animationClass?: string;\n  focusable?: boolean;\n  enableFocusRing?: boolean;\n\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlur?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React\n   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onBlurCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocus?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n  /**\n   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React\n   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).\n   *\n   * `ev.target === ev.currentTarget` when the focus is being lost from this component.\n   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.\n   */\n  onFocusCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;\n\n  onKeyDown?: (args: IKeyboardEvent) => void;\n  onKeyDownCapture?: (args: IKeyboardEvent) => void;\n  onKeyUp?: (args: IKeyboardEvent) => void;\n  onKeyUpCapture?: (args: IKeyboardEvent) => void;\n\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n\n  keyDownEvents?: IHandledKeyboardEvent[];\n  keyUpEvents?: IHandledKeyboardEvent[];\n\n  /**\n   * Provides a screentip to be used on hover of the view\n   */\n  tooltip?: string;\n  cursor?: Cursor;\n}\n"]}

package/Libraries/Core/Devtools/parseHermesStack.js

@@ -100,7 +100,7 @@ function parseLine(line: string): ?HermesStackEntry {
 
 module.exports = function parseHermesStack(stack: string): HermesParsedStack {
   const lines = stack.split(/\n/);
-  let entries = [];
+  let entries: Array<HermesStackEntryFrame | HermesStackEntrySkipped> = [];
   let lastMessageLine = -1;
   for (let i = 0; i < lines.length; ++i) {
     const line = lines[i];

package/Libraries/Core/ExceptionsManager.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow strict-local
+ * @flow strict
  */
 
 'use strict';

package/Libraries/Core/RawEventEmitter.js

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import EventEmitter from '../vendor/emitter/EventEmitter';
+import type {IEventEmitter} from '../vendor/emitter/EventEmitter';
+
+export type RawEventEmitterEvent = $ReadOnly<{|
+  eventName: string,
+  // We expect, but do not/cannot require, that nativeEvent is an object
+  // with the properties: key, elementType (string), type (string), tag (numeric),
+  // and a stateNode of the native element/Fiber the event was emitted to.
+  nativeEvent: {[string]: mixed},
+|}>;
+
+type RawEventDefinitions = {
+  [eventChannel: string]: [RawEventEmitterEvent],
+};
+
+const RawEventEmitter: IEventEmitter<RawEventDefinitions> =
+  new EventEmitter<RawEventDefinitions>();
+
+// See the React renderer / react repo for how this is used.
+// Raw events are emitted here when they are received in JS
+// and before any event Plugins process them or before components
+// have a chance to respond to them. This allows you to implement
+// app-specific perf monitoring, which is unimplemented by default,
+// making this entire RawEventEmitter do nothing by default until
+// *you* add listeners for your own app.
+// Besides perf monitoring and maybe debugging, this RawEventEmitter
+// should not be used.
+export default RawEventEmitter;

package/Libraries/Core/ReactNativeVersion.js

@@ -11,7 +11,7 @@
 
 exports.version = {
   major: 0,
-  minor: 68,
+  minor: 69,
   patch: 0,
-  prerelease: null,
+  prerelease: 'rc.3',
 };

package/Libraries/Core/polyfillPromise.js

@@ -11,6 +11,7 @@
 'use strict';
 
 const {polyfillGlobal} = require('../Utilities/PolyfillFunctions');
+const warnOnce = require('../Utilities/warnOnce');
 
 /**
  * Set up Promise. The native Promise implementation throws the following error:
@@ -36,3 +37,34 @@ if (global?.HermesInternal?.hasPromise?.()) {
 } else {
   polyfillGlobal('Promise', () => require('../Promise'));
 }
+
+if (__DEV__) {
+  // $FlowFixMe
+  const done = Promise.prototype.done;
+  if (done != null) {
+    let depth = 0;
+    /* eslint-disable no-extend-native */
+    // $FlowFixMe
+    Promise.prototype.done = function () {
+      ++depth;
+      try {
+        // Avoid infinite recursion if done() happens to be triggered by warnOnce.
+        if (depth === 1) {
+          // Warn once per unique call stack. Not super efficient, but we're in
+          // __DEV__ and .done() calls are rare to begin with.
+          const key = new Error().stack;
+          warnOnce(
+            key,
+            'Promise.prototype.done(): This nonstandard polyfill ' +
+              'has been deprecated and will be removed in a future release. ' +
+              'Please instead use `.then()`.',
+          );
+        }
+      } finally {
+        --depth;
+      }
+      return done.apply(this, arguments);
+    };
+    /* eslint-enable no-extend-native */
+  }
+}

package/Libraries/Core/setUpReactDevTools.js

@@ -58,12 +58,13 @@ if (__DEV__) {
         isWebSocketOpen = true;
       });
 
-      const viewConfig = require('../Components/View/ReactNativeViewViewConfig');
+      const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
+
       reactDevTools.connectToDevTools({
         isAppActive,
         resolveRNStyle: require('../StyleSheet/flattenStyle'),
         nativeStyleEditorValidAttributes: Object.keys(
-          viewConfig.validAttributes.style,
+          ReactNativeStyleAttributes,
         ),
         websocket: ws,
       });

package/Libraries/EventEmitter/NativeEventEmitter.js

@@ -10,9 +10,9 @@
 
 'use strict';
 
-import {
-  type EventSubscription,
-  type IEventEmitter,
+import type {
+  EventSubscription,
+  IEventEmitter,
 } from '../vendor/emitter/EventEmitter';
 import Platform from '../Utilities/Platform';
 import RCTDeviceEventEmitter from './RCTDeviceEventEmitter';

package/Libraries/EventEmitter/RCTDeviceEventEmitter.js

@@ -8,7 +8,8 @@
  * @format
  */
 
-import EventEmitter, {type IEventEmitter} from '../vendor/emitter/EventEmitter';
+import EventEmitter from '../vendor/emitter/EventEmitter';
+import type {IEventEmitter} from '../vendor/emitter/EventEmitter';
 
 // FIXME: use typed events
 type RCTDeviceEventDefinitions = $FlowFixMe;

package/Libraries/EventEmitter/__mocks__/NativeEventEmitter.js

@@ -8,9 +8,9 @@
  * @flow strict-local
  */
 
-import {
-  type EventSubscription,
-  type IEventEmitter,
+import type {
+  EventSubscription,
+  IEventEmitter,
 } from '../../vendor/emitter/EventEmitter';
 import RCTDeviceEventEmitter from '../RCTDeviceEventEmitter';
 

package/Libraries/Events/CustomEvent.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+// Make sure global Event is defined
+import EventPolyfill from './EventPolyfill';
+
+type CustomEvent$Options = $ReadOnly<{|
+  bubbles?: boolean,
+  cancelable?: boolean,
+  composed?: boolean,
+  detail?: {...},
+|}>;
+
+class CustomEvent extends EventPolyfill {
+  detail: ?{...};
+
+  constructor(typeArg: string, options: CustomEvent$Options) {
+    const {bubbles, cancelable, composed} = options;
+    super(typeArg, {bubbles, cancelable, composed});
+
+    this.detail = options.detail; // this would correspond to `NativeEvent` in SyntheticEvent
+  }
+}
+
+export default CustomEvent;