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

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: 'rc.2',
+  prerelease: 'rc.0',
 };

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;

package/Libraries/Events/EventPolyfill.js

@@ -0,0 +1,239 @@
+/**
+ * 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
+ */
+
+// https://dom.spec.whatwg.org/#dictdef-eventinit
+type Event$Init = {
+  bubbles?: boolean,
+  cancelable?: boolean,
+  composed?: boolean,
+  /** Non-standard. See `composed` instead. */
+  scoped?: boolean,
+  ...
+};
+
+/**
+ * This is a copy of the Event interface defined in Flow:
+ * https://github.com/facebook/flow/blob/741104e69c43057ebd32804dd6bcc1b5e97548ea/lib/dom.js
+ * which is itself a faithful interface of the W3 spec:
+ * https://dom.spec.whatwg.org/#interface-event
+ *
+ * Since Flow assumes that Event is provided and is on the global object,
+ * we must provide an implementation of Event for CustomEvent (and future
+ * alignment of React Native's event system with the W3 spec).
+ */
+interface IEvent {
+  constructor(type: string, eventInitDict?: Event$Init): void;
+  /**
+   * Returns the type of event, e.g. "click", "hashchange", or "submit".
+   */
+  +type: string;
+  /**
+   * Returns the object to which event is dispatched (its target).
+   */
+  +target: EventTarget; // TODO: nullable
+  /** @deprecated */
+  +srcElement: Element; // TODO: nullable
+  /**
+   * Returns the object whose event listener's callback is currently being invoked.
+   */
+  +currentTarget: EventTarget; // TODO: nullable
+  /**
+   * Returns the invocation target objects of event's path (objects on which
+   * listeners will be invoked), except for any nodes in shadow trees of which
+   * the shadow root's mode is "closed" that are not reachable from event's
+   * currentTarget.
+   */
+  composedPath(): Array<EventTarget>;
+
+  +NONE: number;
+  +AT_TARGET: number;
+  +BUBBLING_PHASE: number;
+  +CAPTURING_PHASE: number;
+  /**
+   * Returns the event's phase, which is one of NONE, CAPTURING_PHASE, AT_TARGET,
+   * and BUBBLING_PHASE.
+   */
+  +eventPhase: number;
+
+  /**
+   * When dispatched in a tree, invoking this method prevents event from reaching
+   * any objects other than the current object.
+   */
+  stopPropagation(): void;
+  /**
+   * Invoking this method prevents event from reaching any registered event
+   * listeners after the current one finishes running and, when dispatched in a
+   * tree, also prevents event from reaching any other objects.
+   */
+  stopImmediatePropagation(): void;
+
+  /**
+   * Returns true or false depending on how event was initialized. True if
+   * event goes through its target's ancestors in reverse tree order, and
+   * false otherwise.
+   */
+  +bubbles: boolean;
+  /**
+   * Returns true or false depending on how event was initialized. Its
+   * return value does not always carry meaning, but true can indicate
+   * that part of the operation during which event was dispatched, can
+   * be canceled by invoking the preventDefault() method.
+   */
+  +cancelable: boolean;
+  // returnValue: boolean; // legacy, and some subclasses still define it as a string!
+  /**
+   * If invoked when the cancelable attribute value is true, and while
+   * executing a listener for the event with passive set to false, signals to
+   * the operation that caused event to be dispatched that it needs to be
+   * canceled.
+   */
+  preventDefault(): void;
+  /**
+   * Returns true if preventDefault() was invoked successfully to indicate
+   * cancelation, and false otherwise.
+   */
+  +defaultPrevented: boolean;
+  /**
+   * Returns true or false depending on how event was initialized. True if
+   * event invokes listeners past a ShadowRoot node that is the root of its
+   * target, and false otherwise.
+   */
+  +composed: boolean;
+
+  /**
+   * Returns true if event was dispatched by the user agent, and false otherwise.
+   */
+  +isTrusted: boolean;
+  /**
+   * Returns the event's timestamp as the number of milliseconds measured relative
+   * to the time origin.
+   */
+  +timeStamp: number;
+
+  /** Non-standard. See Event.prototype.composedPath */
+  +deepPath?: () => EventTarget[];
+  /** Non-standard. See Event.prototype.composed */
+  +scoped: boolean;
+
+  /**
+   * @deprecated
+   */
+  initEvent(type: string, bubbles: boolean, cancelable: boolean): void;
+}
+
+class EventPolyfill implements IEvent {
+  type: string;
+  bubbles: boolean;
+  cancelable: boolean;
+  composed: boolean;
+  // Non-standard. See `composed` instead.
+  scoped: boolean;
+  isTrusted: boolean;
+  defaultPrevented: boolean;
+  timeStamp: number;
+
+  // https://developer.mozilla.org/en-US/docs/Web/API/Event/eventPhase
+  NONE: number;
+  AT_TARGET: number;
+  BUBBLING_PHASE: number;
+  CAPTURING_PHASE: number;
+
+  eventPhase: number;
+
+  currentTarget: EventTarget; // TODO: nullable
+  target: EventTarget; // TODO: nullable
+  /** @deprecated */
+  srcElement: Element; // TODO: nullable
+
+  // React Native-specific: proxy data to a SyntheticEvent when
+  // certain methods are called.
+  // SyntheticEvent will also have a reference to this instance -
+  // it is circular - and both classes use this reference to keep
+  // data with the other in sync.
+  _syntheticEvent: mixed;
+
+  constructor(type: string, eventInitDict?: Event$Init): void {
+    this.type = type;
+    this.bubbles = !!(eventInitDict?.bubbles || false);
+    this.cancelable = !!(eventInitDict?.cancelable || false);
+    this.composed = !!(eventInitDict?.composed || false);
+    this.scoped = !!(eventInitDict?.scoped || false);
+
+    // TODO: somehow guarantee that only "private" instantiations of Event
+    // can set this to true
+    this.isTrusted = false;
+
+    // TODO: in the future we'll want to make sure this has the same
+    // time-basis as events originating from native
+    this.timeStamp = Date.now();
+
+    this.defaultPrevented = false;
+
+    // https://developer.mozilla.org/en-US/docs/Web/API/Event/eventPhase
+    this.NONE = 0;
+    this.AT_TARGET = 1;
+    this.BUBBLING_PHASE = 2;
+    this.CAPTURING_PHASE = 3;
+    this.eventPhase = this.NONE;
+
+    // $FlowFixMe
+    this.currentTarget = null;
+    // $FlowFixMe
+    this.target = null;
+    // $FlowFixMe
+    this.srcElement = null;
+  }
+
+  composedPath(): Array<EventTarget> {
+    throw new Error('TODO: not yet implemented');
+  }
+
+  preventDefault(): void {
+    this.defaultPrevented = true;
+
+    if (this._syntheticEvent != null) {
+      // $FlowFixMe
+      this._syntheticEvent.preventDefault();
+    }
+  }
+
+  initEvent(type: string, bubbles: boolean, cancelable: boolean): void {
+    throw new Error(
+      'TODO: not yet implemented. This method is also deprecated.',
+    );
+  }
+
+  stopImmediatePropagation(): void {
+    throw new Error('TODO: not yet implemented');
+  }
+
+  stopPropagation(): void {
+    if (this._syntheticEvent != null) {
+      // $FlowFixMe
+      this._syntheticEvent.stopPropagation();
+    }
+  }
+
+  setSyntheticEvent(value: mixed): void {
+    this._syntheticEvent = value;
+  }
+}
+
+// Assertion magic for polyfill follows.
+declare var checkEvent: Event;
+
+/*::
+// This can be a strict mode error at runtime so put it in a Flow comment.
+(checkEvent: IEvent);
+*/
+
+global.Event = EventPolyfill;
+
+export default EventPolyfill;

package/Libraries/Image/Image.android.js

@@ -306,12 +306,6 @@ Image.queryCache = queryCache;
  * comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
-
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',

package/Libraries/Image/Image.ios.js

@@ -232,12 +232,6 @@ Image.queryCache = queryCache;
  * delete this comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
-
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',

package/Libraries/Image/Image.win32.js

@@ -164,7 +164,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   return (
     // [Win32
     <TextAncestor.Consumer>
-      {(hasTextAncestor) => {
+      {hasTextAncestor => {
         invariant(
           !hasTextAncestor,
           'Nesting of <Image> within <Text> is not currently supported.',
@@ -173,7 +173,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
 
         return (
           <ImageAnalyticsTagContext.Consumer>
-            {(analyticTag) => {
+            {analyticTag => {
               return (
                 <ImageViewNativeComponent
                   {...props}
@@ -267,12 +267,6 @@ Image.queryCache = queryCache;
  * delete this comment and run Flow. */
 Image.resolveAssetSource = resolveAssetSource;
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
-
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',

package/Libraries/Image/ImageViewNativeComponent.js

@@ -12,7 +12,11 @@ import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {ImageProps} from './ImageProps';
 import type {ViewProps} from '../Components/View/ViewPropTypes';
 import * as NativeComponentRegistry from '../NativeComponent/NativeComponentRegistry';
-import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
+import {ConditionallyIgnoredEventHandlers} from '../NativeComponent/ViewConfigIgnore';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../Renderer/shims/ReactNativeTypes';
 import type {
   ColorValue,
   DangerouslyImpreciseStyle,
@@ -37,7 +41,7 @@ type Props = $ReadOnly<{
   loadingIndicatorSrc?: ?string,
 }>;
 
-const ImageViewViewConfig =
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
   Platform.OS === 'android'
     ? {
         uiViewClassName: 'RCTImageView',
@@ -125,10 +129,21 @@ const ImageViewViewConfig =
           tintColor: {
             process: require('../StyleSheet/processColor'),
           },
+          ...ConditionallyIgnoredEventHandlers({
+            onLoadStart: true,
+            onLoad: true,
+            onLoadEnd: true,
+            onProgress: true,
+            onError: true,
+            onPartialLoad: true,
+          }),
         },
       };
 
 const ImageViewNativeComponent: HostComponent<Props> =
-  NativeComponentRegistry.get<Props>('RCTImageView', () => ImageViewViewConfig);
+  NativeComponentRegistry.get<Props>(
+    'RCTImageView',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
 export default ImageViewNativeComponent;

package/Libraries/Image/TextInlineImageNativeComponent.js

@@ -10,7 +10,10 @@
 
 'use strict';
 
-import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
+import type {
+  HostComponent,
+  PartialViewConfig,
+} from '../Renderer/shims/ReactNativeTypes';
 import type {ViewProps} from '../Components/View/ViewPropTypes';
 import type {ImageResizeMode} from './ImageResizeMode';
 import * as NativeComponentRegistry from '../NativeComponent/NativeComponentRegistry';
@@ -24,19 +27,24 @@ type NativeProps = $ReadOnly<{
   headers?: ?{[string]: string},
 }>;
 
-const TextInlineImage: HostComponent<NativeProps> =
-  NativeComponentRegistry.get<NativeProps>('RCTTextInlineImage', () => ({
-    uiViewClassName: 'RCTTextInlineImage',
-    bubblingEventTypes: {},
-    directEventTypes: {},
-    validAttributes: {
-      resizeMode: true,
-      src: true,
-      tintColor: {
-        process: require('../StyleSheet/processColor'),
-      },
-      headers: true,
+export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
+  uiViewClassName: 'RCTTextInlineImage',
+  bubblingEventTypes: {},
+  directEventTypes: {},
+  validAttributes: {
+    resizeMode: true,
+    src: true,
+    tintColor: {
+      process: require('../StyleSheet/processColor'),
     },
-  }));
+    headers: true,
+  },
+};
+
+const TextInlineImage: HostComponent<NativeProps> =
+  NativeComponentRegistry.get<NativeProps>(
+    'RCTTextInlineImage',
+    () => __INTERNAL_VIEW_CONFIG,
+  );
 
-module.exports = TextInlineImage;
+export default TextInlineImage;

package/Libraries/Image/resolveAssetSource.win32.js

@@ -111,7 +111,7 @@ class AssetResolverLateScaleResolution {
 
 // We should leave the resource scale out of the URI, and do that lookup on the native side.
 // That way we can handle dynamic dpi changes and multimon scenarios better
-resolveAssetSource.setCustomSourceTransformer((resolver) => {
+resolveAssetSource.setCustomSourceTransformer(resolver => {
   const lsrResolver = new AssetResolverLateScaleResolution(resolver);
   return lsrResolver.defaultAsset();
 });