@office-iss/react-native-win32 0.73.1 → 0.74.0-preview.1

package/Libraries/Components/Clipboard/NativeClipboard.js

@@ -8,14 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +getString: () => Promise<string>;
-  +setString: (content: string) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('Clipboard'): Spec);
+export * from '../../../src/private/specs/modules/NativeClipboard';
+import NativeClipboard from '../../../src/private/specs/modules/NativeClipboard';
+export default NativeClipboard;

package/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js

@@ -8,117 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type DrawerStateEvent = $ReadOnly<{|
-  drawerState: Int32,
-|}>;
-
-type DrawerSlideEvent = $ReadOnly<{|
-  offset: Float,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  /**
-   * Determines whether the keyboard gets dismissed in response to a drag.
-   *   - 'none' (the default), drags do not dismiss the keyboard.
-   *   - 'on-drag', the keyboard is dismissed when a drag begins.
-   */
-  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>,
-
-  /**
-   * Specifies the background color of the drawer. The default value is white.
-   * If you want to set the opacity of the drawer, use rgba. Example:
-   *
-   * ```
-   * return (
-   *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
-   *   </DrawerLayoutAndroid>
-   * );
-   * ```
-   */
-  drawerBackgroundColor: ColorValue,
-
-  /**
-   * Specifies the side of the screen from which the drawer will slide in.
-   */
-  drawerPosition?: WithDefault<'left' | 'right', 'left'>,
-
-  /**
-   * Specifies the width of the drawer, more precisely the width of the view that be pulled in
-   * from the edge of the window.
-   */
-
-  drawerWidth?: WithDefault<Float, null>,
-
-  /**
-   * Specifies the lock mode of the drawer. The drawer can be locked in 3 states:
-   * - unlocked (default), meaning that the drawer will respond (open/close) to touch gestures.
-   * - locked-closed, meaning that the drawer will stay closed and not respond to gestures.
-   * - locked-open, meaning that the drawer will stay opened and not respond to gestures.
-   * The drawer may still be opened and closed programmatically (`openDrawer`/`closeDrawer`).
-   */
-  drawerLockMode?: WithDefault<
-    'unlocked' | 'locked-closed' | 'locked-open',
-    'unlocked',
-  >,
-
-  /**
-   * Function called whenever there is an interaction with the navigation view.
-   */
-  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
-
-  /**
-   * Function called when the drawer state has changed. The drawer can be in 3 states:
-   * - Idle, meaning there is no interaction with the navigation view happening at the time
-   * - Dragging, meaning there is currently an interaction with the navigation view
-   * - Settling, meaning that there was an interaction with the navigation view, and the
-   * navigation view is now finishing its closing or opening animation
-   */
-  onDrawerStateChanged?: ?DirectEventHandler<DrawerStateEvent>,
-
-  /**
-   * Function called whenever the navigation view has been opened.
-   */
-  onDrawerOpen?: ?DirectEventHandler<null>,
-
-  /**
-   * Function called whenever the navigation view has been closed.
-   */
-  onDrawerClose?: ?DirectEventHandler<null>,
-
-  /**
-   * Make the drawer take the entire screen and draw the background of the
-   * status bar to allow it to open over the status bar. It will only have an
-   * effect on API 21+.
-   */
-  statusBarBackgroundColor?: ?ColorValue,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +openDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-  +closeDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['openDrawer', 'closeDrawer'],
-});
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidDrawerLayout',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+import AndroidDrawerLayoutNativeComponent from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+export default AndroidDrawerLayoutNativeComponent;

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js

@@ -19,7 +19,6 @@ import type {DirectEventHandler} from '../../Types/CodegenTypes';
 
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import dismissKeyboard from '../../Utilities/dismissKeyboard';
-import Platform from '../../Utilities/Platform';
 import StatusBar from '../StatusBar/StatusBar';
 import View from '../View/View';
 import AndroidDrawerLayoutNativeComponent, {
@@ -180,10 +179,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
       onDrawerClose,
       ...props
     } = this.props;
-    const drawStatusBar =
-      Platform.OS === 'android' &&
-      Platform.Version >= 21 &&
-      this.props.statusBarBackgroundColor != null;
+    const drawStatusBar = this.props.statusBarBackgroundColor != null;
     const drawerViewWrapper = (
       <View
         style={[

package/Libraries/Components/EnterString.win32.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export interface IEnterStringProps {
-    disabled?: boolean;
-    value?: string;
-    label?: string;
-    onChanged?: (newValue: string) => void;
-}
-export default class EnterString extends React.Component<IEnterStringProps, {}> {
-    static DefaultProps: IEnterStringProps;
-    render(): React.JSX.Element;
-    private _onChangedNative;
-}
+import React from 'react';
+export interface IEnterStringProps {
+    disabled?: boolean;
+    value?: string;
+    label?: string;
+    onChanged?: (newValue: string) => void;
+}
+export default class EnterString extends React.Component<IEnterStringProps, {}> {
+    static DefaultProps: IEnterStringProps;
+    render(): React.JSX.Element;
+    private _onChangedNative;
+}

package/Libraries/Components/EnterString.win32.js

@@ -1,82 +1,82 @@
-/**
- * @providesModule EnterString
- */
-'use strict';
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("react-native");
-const react_1 = __importDefault(require("react"));
-const PropTypes = require("prop-types");
-class EnterStringNative extends react_1.default.Component {
-    render() {
-        return react_1.default.createElement(RCTEnterString, { ...this.props });
-    }
-}
-// mixins: [NativeMethodsMixin],
-/**
- * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We
- * make `this` look like an actual native component class.
- */
-/*
-viewConfig: {
-  uiViewClassName: 'RCTEnterString',
-  validAttributes: {
-      ...ReactNativeViewAttributes.RCTView,
-      text: true,
-      disabled: true,
-      label: true,
-  },
-},
-*/
-// TODO figure out how to get a real type here
-EnterStringNative.propTypes = {
-    // React.ValidationMap<IEnterStringNativeProps> = {
-    // ...View.propTypes,
-    /**
-     * Text to display inside the EnterString
-     */
-    value: PropTypes.string,
-    /**
-     * If true, disable all interactions for this component.
-     */
-    disabled: PropTypes.bool,
-    /**
-     * Label
-     */
-    label: PropTypes.string,
-    /**
-     * Callback when text is changed
-     */
-    onChanged: PropTypes.func,
-};
-EnterStringNative.DefaultProps = {
-    disabled: false,
-    value: '',
-    label: '',
-    onChanged: null,
-};
-const RCTEnterString = (0, react_native_1.requireNativeComponent)('RCTEnterString');
-class EnterString extends react_1.default.Component {
-    render() {
-        const args = { ...this.props };
-        if (args.onChanged) {
-            args.onChanged = this._onChangedNative.bind(this);
-        } // TODO how should this work without the cast
-        return react_1.default.createElement(EnterStringNative, { ...args });
-    }
-    _onChangedNative(event) {
-        if (this.props.onChanged) {
-            this.props.onChanged(event.nativeEvent.text);
-        }
-    }
-}
-exports.default = EnterString;
-EnterString.DefaultProps = {
-    disabled: false,
-    value: '',
-    label: '',
-    onChanged: null,
-};
+/**
+ * @providesModule EnterString
+ */
+'use strict';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+const react_1 = __importDefault(require("react"));
+const PropTypes = require("prop-types");
+class EnterStringNative extends react_1.default.Component {
+    render() {
+        return react_1.default.createElement(RCTEnterString, { ...this.props });
+    }
+}
+// mixins: [NativeMethodsMixin],
+/**
+ * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We
+ * make `this` look like an actual native component class.
+ */
+/*
+viewConfig: {
+  uiViewClassName: 'RCTEnterString',
+  validAttributes: {
+      ...ReactNativeViewAttributes.RCTView,
+      text: true,
+      disabled: true,
+      label: true,
+  },
+},
+*/
+// TODO figure out how to get a real type here
+EnterStringNative.propTypes = {
+    // React.ValidationMap<IEnterStringNativeProps> = {
+    // ...View.propTypes,
+    /**
+     * Text to display inside the EnterString
+     */
+    value: PropTypes.string,
+    /**
+     * If true, disable all interactions for this component.
+     */
+    disabled: PropTypes.bool,
+    /**
+     * Label
+     */
+    label: PropTypes.string,
+    /**
+     * Callback when text is changed
+     */
+    onChanged: PropTypes.func,
+};
+EnterStringNative.DefaultProps = {
+    disabled: false,
+    value: '',
+    label: '',
+    onChanged: null,
+};
+const RCTEnterString = (0, react_native_1.requireNativeComponent)('RCTEnterString');
+class EnterString extends react_1.default.Component {
+    render() {
+        const args = { ...this.props };
+        if (args.onChanged) {
+            args.onChanged = this._onChangedNative.bind(this);
+        } // TODO how should this work without the cast
+        return react_1.default.createElement(EnterStringNative, { ...args });
+    }
+    _onChangedNative(event) {
+        if (this.props.onChanged) {
+            this.props.onChanged(event.nativeEvent.text);
+        }
+    }
+}
+EnterString.DefaultProps = {
+    disabled: false,
+    value: '',
+    label: '',
+    onChanged: null,
+};
+exports.default = EnterString;
 //# sourceMappingURL=EnterString.win32.js.map

package/Libraries/Components/EnterString.win32.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnterString.win32.js","sourceRoot":"","sources":["../../src/Libraries/Components/EnterString.win32.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,CAAC;;;;;AAEb,+CAA4E;AAC5E,kDAAyB;AACzB,wCAAyC;AAuBzC,MAAM,iBAAkB,SAAQ,eAAK,CAAC,SAAsC;IAmDnE,MAAM;QACX,OAAO,8BAAC,cAAc,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IAC5C,CAAC;;AApDD,gCAAgC;AAEhC;;;GAGG;AACH;;;;;;;;;;EAUE;AAEH,8CAA8C;AAC/B,2BAAS,GAAQ;IAC7B,mDAAmD;IACnD,qBAAqB;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC,MAAM;IAEvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC,MAAM;IAEvB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AAEY,8BAAY,GAA4B;IACpD,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,IAAI;CAChB,CAAC;AAOJ,MAAM,cAAc,GAAG,IAAA,qCAAsB,EAAC,gBAAgB,CAAC,CAAC;AAEhE,MAAqB,WAAY,SAAQ,eAAK,CAAC,SAAgC;IAQtE,MAAM;QACX,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACnD,CAAC,6CAA6C;QAE/C,OAAO,8BAAC,iBAAiB,OAAM,IAAuC,GAAI,CAAC;IAAE,CAAC;IAExE,gBAAgB,CAAC,KAAsD;QAC7E,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC9C;IACH,CAAC;;AApBH,8BAqBC;AApBe,wBAAY,GAAsB;IAC9C,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,IAAI;CAChB,CAAC","sourcesContent":["/**\n * @providesModule EnterString\n */\n'use strict';\n\nimport { requireNativeComponent, NativeSyntheticEvent } from 'react-native';\nimport React from 'react'\nimport PropTypes = require('prop-types');\n\nexport interface IEnterStringProps /*extends React.ClassAttributes<React.View>*/ {\n  // ViewProperties {\n  disabled?: boolean;\n  value?: string;\n  label?: string;\n  onChanged?: (newValue: string) => void;\n}\n\ninterface INativeOnChangedEventArgs {\n  text: string;\n}\n\n// Same as EnterStringProps, but the event args are objects\ninterface IEnterStringNativeProps /*extends React.ClassAttributes<React.View>*/ {\n  // ViewProperties {\n  disabled?: boolean;\n  value?: string;\n  label?: string;\n  onChanged?: (event: NativeSyntheticEvent<INativeOnChangedEventArgs>) => void;\n}\n\nclass EnterStringNative extends React.Component<IEnterStringNativeProps, {}> {\n  // mixins: [NativeMethodsMixin],\n\n  /**\n   * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We\n   * make `this` look like an actual native component class.\n   */\n  /*\n  viewConfig: {\n    uiViewClassName: 'RCTEnterString',\n    validAttributes: {\n        ...ReactNativeViewAttributes.RCTView,\n        text: true,\n        disabled: true,\n        label: true,\n    },\n  },\n  */\n\n // TODO figure out how to get a real type here\n  public static propTypes: any = {\n    // React.ValidationMap<IEnterStringNativeProps> = {\n    // ...View.propTypes,\n    /**\n     * Text to display inside the EnterString\n     */\n    value: PropTypes.string,\n\n    /**\n     * If true, disable all interactions for this component.\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Label\n     */\n    label: PropTypes.string,\n\n    /**\n     * Callback when text is changed\n     */\n    onChanged: PropTypes.func,\n  };\n\n  public static DefaultProps: IEnterStringNativeProps = {\n    disabled: false,\n    value: '',\n    label: '',\n    onChanged: null,\n  };\n\n  public render() {\n    return <RCTEnterString {...this.props} />;\n  }\n}\n\nconst RCTEnterString = requireNativeComponent('RCTEnterString');\n\nexport default class EnterString extends React.Component<IEnterStringProps, {}> {\n  public static DefaultProps: IEnterStringProps = {\n    disabled: false,\n    value: '',\n    label: '',\n    onChanged: null,\n  };\n\n  public render() {\n    const args = { ...this.props };\n    if (args.onChanged) {\n      args.onChanged = this._onChangedNative.bind(this);\n    } // TODO how should this work without the cast\n\n    return <EnterStringNative {...(args as any) as IEnterStringNativeProps} />;  }\n\n  private _onChangedNative(event: NativeSyntheticEvent<INativeOnChangedEventArgs>) {\n    if (this.props.onChanged) {\n      this.props.onChanged(event.nativeEvent.text);\n    }\n  }\n}\n"]}
+{"version":3,"file":"EnterString.win32.js","sourceRoot":"","sources":["../../src-win/Libraries/Components/EnterString.win32.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,CAAC;;;;;AAEb,+CAA4E;AAC5E,kDAAyB;AACzB,wCAAyC;AAuBzC,MAAM,iBAAkB,SAAQ,eAAK,CAAC,SAAsC;IAmDnE,MAAM;QACX,OAAO,8BAAC,cAAc,OAAK,IAAI,CAAC,KAAK,GAAI,CAAC;IAC5C,CAAC;;AApDD,gCAAgC;AAEhC;;;GAGG;AACH;;;;;;;;;;EAUE;AAEH,8CAA8C;AAC/B,2BAAS,GAAQ;IAC7B,mDAAmD;IACnD,qBAAqB;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC,MAAM;IAEvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC,MAAM;IAEvB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AAEY,8BAAY,GAA4B;IACpD,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,IAAI;CAChB,CAAC;AAOJ,MAAM,cAAc,GAAG,IAAA,qCAAsB,EAAC,gBAAgB,CAAC,CAAC;AAEhE,MAAqB,WAAY,SAAQ,eAAK,CAAC,SAAgC;IAQtE,MAAM;QACX,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACnD,CAAC,6CAA6C;QAE/C,OAAO,8BAAC,iBAAiB,OAAM,IAAuC,GAAI,CAAC;IAAE,CAAC;IAExE,gBAAgB,CAAC,KAAsD;QAC7E,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC9C;IACH,CAAC;;AAnBa,wBAAY,GAAsB;IAC9C,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,IAAI;CAChB,CAAC;kBANiB,WAAW","sourcesContent":["/**\n * @providesModule EnterString\n */\n'use strict';\n\nimport { requireNativeComponent, NativeSyntheticEvent } from 'react-native';\nimport React from 'react'\nimport PropTypes = require('prop-types');\n\nexport interface IEnterStringProps /*extends React.ClassAttributes<React.View>*/ {\n  // ViewProperties {\n  disabled?: boolean;\n  value?: string;\n  label?: string;\n  onChanged?: (newValue: string) => void;\n}\n\ninterface INativeOnChangedEventArgs {\n  text: string;\n}\n\n// Same as EnterStringProps, but the event args are objects\ninterface IEnterStringNativeProps /*extends React.ClassAttributes<React.View>*/ {\n  // ViewProperties {\n  disabled?: boolean;\n  value?: string;\n  label?: string;\n  onChanged?: (event: NativeSyntheticEvent<INativeOnChangedEventArgs>) => void;\n}\n\nclass EnterStringNative extends React.Component<IEnterStringNativeProps, {}> {\n  // mixins: [NativeMethodsMixin],\n\n  /**\n   * `NativeMethodsMixin` will look for this when invoking `setNativeProps`. We\n   * make `this` look like an actual native component class.\n   */\n  /*\n  viewConfig: {\n    uiViewClassName: 'RCTEnterString',\n    validAttributes: {\n        ...ReactNativeViewAttributes.RCTView,\n        text: true,\n        disabled: true,\n        label: true,\n    },\n  },\n  */\n\n // TODO figure out how to get a real type here\n  public static propTypes: any = {\n    // React.ValidationMap<IEnterStringNativeProps> = {\n    // ...View.propTypes,\n    /**\n     * Text to display inside the EnterString\n     */\n    value: PropTypes.string,\n\n    /**\n     * If true, disable all interactions for this component.\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Label\n     */\n    label: PropTypes.string,\n\n    /**\n     * Callback when text is changed\n     */\n    onChanged: PropTypes.func,\n  };\n\n  public static DefaultProps: IEnterStringNativeProps = {\n    disabled: false,\n    value: '',\n    label: '',\n    onChanged: null,\n  };\n\n  public render() {\n    return <RCTEnterString {...this.props} />;\n  }\n}\n\nconst RCTEnterString = requireNativeComponent('RCTEnterString');\n\nexport default class EnterString extends React.Component<IEnterStringProps, {}> {\n  public static DefaultProps: IEnterStringProps = {\n    disabled: false,\n    value: '',\n    label: '',\n    onChanged: null,\n  };\n\n  public render() {\n    const args = { ...this.props };\n    if (args.onChanged) {\n      args.onChanged = this._onChangedNative.bind(this);\n    } // TODO how should this work without the cast\n\n    return <EnterStringNative {...(args as any) as IEnterStringNativeProps} />;  }\n\n  private _onChangedNative(event: NativeSyntheticEvent<INativeOnChangedEventArgs>) {\n    if (this.props.onChanged) {\n      this.props.onChanged(event.nativeEvent.text);\n    }\n  }\n}\n"]}

package/Libraries/Components/Keyboard/NativeKeyboardObserver.js

@@ -8,13 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('KeyboardObserver'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeKeyboardObserver';
+import NativeKeyboardObserver from '../../../src/private/specs/modules/NativeKeyboardObserver';
+export default NativeKeyboardObserver;

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.android.js

@@ -0,0 +1,69 @@
+/**
+ * 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
+ */
+
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {RefObject} from 'react';
+
+import PopupMenuAndroidNativeComponent, {
+  Commands,
+} from './PopupMenuAndroidNativeComponent';
+import nullthrows from 'nullthrows';
+import * as React from 'react';
+import {useCallback, useImperativeHandle, useRef} from 'react';
+
+type PopupMenuSelectionEvent = SyntheticEvent<
+  $ReadOnly<{
+    item: number,
+  }>,
+>;
+
+export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: number => void,
+  children: React.Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+
+export default function PopupMenuAndroid({
+  menuItems,
+  onSelectionChange,
+  children,
+  instanceRef,
+}: Props): React.Node {
+  const nativeRef = useRef<React.ElementRef<HostComponent<mixed>> | null>(null);
+  const _onSelectionChange = useCallback(
+    (event: PopupMenuSelectionEvent) => {
+      onSelectionChange(event.nativeEvent.item);
+    },
+    [onSelectionChange],
+  );
+
+  useImperativeHandle(instanceRef, ItemViewabilityInstance => {
+    return {
+      show() {
+        Commands.show(nullthrows(nativeRef.current));
+      },
+    };
+  });
+
+  return (
+    <PopupMenuAndroidNativeComponent
+      ref={nativeRef}
+      onSelectionChange={_onSelectionChange}
+      menuItems={menuItems}>
+      {children}
+    </PopupMenuAndroidNativeComponent>
+  );
+}

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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
+ */
+
+import type * as React from 'react';
+import {HostComponent} from '../../../types/public/ReactNativeTypes';
+
+type PopupMenuAndroidInstance = {
+  show: () => void;
+};
+
+type Props = {
+  menuItems: Array<string>;
+  onSelectionChange: (number) => void;
+  children: React.ReactNode | undefined;
+  instanceRef: React.ElementRef<HostComponent<PopupMenuAndroidInstance>>;
+};
+
+declare class PopupMenuAndroid extends React.Component<Props> {}

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.js

@@ -0,0 +1,33 @@
+/**
+ * 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
+ */
+
+import type {RefObject} from 'react';
+import type {Node} from 'react';
+
+import * as React from 'react';
+
+const UnimplementedView = require('../UnimplementedViews/UnimplementedView');
+
+export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: number => void,
+  children: Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+
+function PopupMenuAndroid(props: Props): Node {
+  return <UnimplementedView />;
+}
+
+export default PopupMenuAndroid;

package/Libraries/Components/PopupMenuAndroid/PopupMenuAndroidNativeComponent.js

@@ -0,0 +1,13 @@
+/**
+ * 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
+ */
+
+export * from '../../../src/private/specs/components/PopupMenuAndroidNativeComponent';
+import PopupMenuAndroidNativeComponent from '../../../src/private/specs/components/PopupMenuAndroidNativeComponent';
+export default PopupMenuAndroidNativeComponent;

package/Libraries/Components/Pressable/Pressable.js

@@ -30,7 +30,7 @@ import useAndroidRippleForView, {
   type RippleConfig,
 } from './useAndroidRippleForView';
 import * as React from 'react';
-import {useImperativeHandle, useMemo, useRef, useState} from 'react';
+import {useMemo, useRef, useState} from 'react';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 

package/Libraries/Components/Pressable/Pressable.win32.js

@@ -33,7 +33,7 @@ import useAndroidRippleForView, {
   type RippleConfig,
 } from './useAndroidRippleForView';
 import * as React from 'react';
-import {useImperativeHandle, useMemo, useRef, useState} from 'react';
+import {useMemo, useRef, useState} from 'react';
 import type {HandledKeyboardEvent} from '../../Components/View/ViewPropTypes';
 import View from '../View/View';
 

package/Libraries/Components/Pressable/useAndroidRippleForView.js

@@ -53,7 +53,6 @@ export default function useAndroidRippleForView(
   return useMemo(() => {
     if (
       Platform.OS === 'android' &&
-      Platform.Version >= 21 &&
       (color != null || borderless != null || radius != null)
     ) {
       const processedColor = processColor(color);
@@ -71,9 +70,11 @@ export default function useAndroidRippleForView(
 
       return {
         viewProps:
-          foreground === true && Platform.Version >= 23
-            ? {nativeForegroundAndroid: nativeRippleValue}
-            : {nativeBackgroundAndroid: nativeRippleValue},
+          foreground === true
+            ? // $FlowFixMe[incompatible-return]
+              {nativeForegroundAndroid: nativeRippleValue}
+            : // $FlowFixMe[incompatible-return]
+              {nativeBackgroundAndroid: nativeRippleValue},
         onPressIn(event: PressEvent): void {
           const view = viewRef.current;
           if (view != null) {

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js

@@ -4,30 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {Double, WithDefault} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  //Props
-  styleAttr?: string,
-  typeAttr?: string,
-  indeterminate: boolean,
-  progress?: WithDefault<Double, 0>,
-  animating?: WithDefault<boolean, true>,
-  color?: ?ColorValue,
-  testID?: WithDefault<string, ''>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('AndroidProgressBar', {
-  interfaceOnly: true,
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+import ProgressBarAndroidNativeComponent from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+export default ProgressBarAndroidNativeComponent;