@office-iss/react-native-win32 0.84.0 → 0.85.0-preview.1

package/Libraries/Pressability/usePressability.js

@@ -8,26 +8,15 @@
  * @format
  */
 
-import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import Pressability, {
   type EventHandlers,
   type PressabilityConfig,
 } from './Pressability';
-import {useEffect, useInsertionEffect, useRef} from 'react';
+import {useInsertionEffect, useRef} from 'react';
 
 declare function usePressability(config: PressabilityConfig): EventHandlers;
 declare function usePressability(config: null | void): null | EventHandlers;
 
-// Experiments with using `useInsertionEffect` instead of `useEffect`, which
-// changes whether `Pressability` is configured or reset when inm a hidden
-// Activity. With `useInsertionEffect`, `Pressability` behaves more like a
-// platform control (e.g. Pointer Events), especially with respect to events
-// like focus and blur.
-const useConfigurationEffect =
-  ReactNativeFeatureFlags.configurePressabilityDuringInsertion()
-    ? useInsertionEffect
-    : useEffect;
-
 /**
  * Creates a persistent instance of `Pressability` that automatically configures
  * itself and resets. Accepts null `config` to support lazy initialization. Once
@@ -51,7 +40,7 @@ export default function usePressability(
 
   // On the initial mount, this is a no-op. On updates, `pressability` will be
   // re-configured to use the new configuration.
-  useConfigurationEffect(() => {
+  useInsertionEffect(() => {
     if (config != null && pressability != null) {
       pressability.configure(config);
     }
@@ -59,7 +48,7 @@ export default function usePressability(
 
   // On unmount, reset pending state and timers inside `pressability`. This is
   // a separate effect because we do not want to reset when `config` changes.
-  useConfigurationEffect(() => {
+  useInsertionEffect(() => {
     if (pressability != null) {
       return () => {
         pressability.reset();

package/Libraries/PushNotificationIOS/PushNotificationIOS.js

@@ -89,7 +89,7 @@ export type FetchResult = {
 /**
  * An event emitted by PushNotificationIOS.
  */
-export type PushNotificationEventName = $Keys<{
+export type PushNotificationEventName = keyof {
   /**
    * Fired when a remote notification is received. The handler will be invoked
    * with an instance of `PushNotificationIOS`. This will handle notifications
@@ -116,7 +116,7 @@ export type PushNotificationEventName = $Keys<{
    */
   registrationError: string,
   ...
-}>;
+};
 
 export interface PushNotification {
   /**

package/Libraries/ReactNative/AppContainer-dev.js

@@ -8,12 +8,14 @@
  * @format
  */
 
+import type {TouchedViewDataAtPoint} from '../Renderer/shims/ReactNativeTypes';
 import type {
   ReactDevToolsAgent,
   ReactDevToolsGlobalHook,
 } from '../Types/ReactDevToolsTypes';
 import type {Props} from './AppContainer';
 
+import useExternalInspection from '../../src/private/devsupport/devmenu/elementinspector/useExternalInspection';
 import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
 import View from '../Components/View/View';
 import DebuggingOverlay from '../Debugging/DebuggingOverlay';
@@ -40,16 +42,25 @@ if (reactDevToolsHook) {
   );
 }
 
+type ExternalInspection = {
+  externalInspectingEnabled: boolean,
+  +reportToExternalInspection: (viewData: TouchedViewDataAtPoint) => void,
+};
+
 type InspectorDeferredProps = {
   inspectedViewRef: InspectedViewRef,
   onInspectedViewRerenderRequest: () => void,
   reactDevToolsAgent?: ReactDevToolsAgent,
+  devMenuInspectorOpen: boolean,
+  externalInspection: ExternalInspection,
 };
 
 const InspectorDeferred = ({
   inspectedViewRef,
   onInspectedViewRerenderRequest,
   reactDevToolsAgent,
+  devMenuInspectorOpen,
+  externalInspection,
 }: InspectorDeferredProps) => {
   // D39382967 adds a require cycle: InitializeCore -> AppContainer -> Inspector -> InspectorPanel -> ScrollView -> InitializeCore
   // We can't remove it yet, fallback to dynamic require for now. This is the only reason why this logic is in a separate function.
@@ -61,6 +72,8 @@ const InspectorDeferred = ({
       inspectedViewRef={inspectedViewRef}
       onRequestRerenderApp={onInspectedViewRerenderRequest}
       reactDevToolsAgent={reactDevToolsAgent}
+      devMenuInspectorOpen={devMenuInspectorOpen}
+      externalInspection={externalInspection}
     />
   );
 };
@@ -108,6 +121,7 @@ const AppContainer = ({
   const [shouldRenderInspector, setShouldRenderInspector] = useState(false);
   const [reactDevToolsAgent, setReactDevToolsAgent] =
     useState<ReactDevToolsAgent | void>(reactDevToolsHook?.reactDevtoolsAgent);
+  const externalInspection = useExternalInspection();
 
   useEffect(() => {
     let inspectorSubscription = null;
@@ -179,11 +193,14 @@ const AppContainer = ({
           />
         )}
 
-        {shouldRenderInspector && (
+        {(shouldRenderInspector ||
+          externalInspection.externalInspectingEnabled) && (
           <InspectorDeferred
             inspectedViewRef={innerViewRef}
             onInspectedViewRerenderRequest={onInspectedViewRerenderRequest}
             reactDevToolsAgent={reactDevToolsAgent}
+            devMenuInspectorOpen={shouldRenderInspector}
+            externalInspection={externalInspection}
           />
         )}
 

package/Libraries/ReactNative/AppContainer.js

@@ -13,7 +13,7 @@ import type {RootTag} from './RootTag';
 
 import * as React from 'react';
 
-export type Props = $ReadOnly<{
+export type Props = Readonly<{
   children?: React.Node,
   fabric?: boolean,
   rootTag: number | RootTag,

package/Libraries/ReactNative/AppRegistry.flow.js

@@ -29,7 +29,7 @@ export type AppConfig = {
   ...
 };
 export type AppParameters = {
-  initialProps: $ReadOnly<{[string]: unknown, ...}>,
+  initialProps: Readonly<{[string]: unknown, ...}>,
   rootTag: RootTag,
   fabric?: boolean,
 };
@@ -39,7 +39,7 @@ export type Runnable = (
 ) => void;
 export type Runnables = {[appKey: string]: Runnable};
 export type Registry = {
-  sections: $ReadOnlyArray<string>,
+  sections: ReadonlyArray<string>,
   runnables: Runnables,
   ...
 };

package/Libraries/ReactNative/AppRegistryImpl.js

@@ -119,11 +119,11 @@ export function registerSection(
   registerComponent(appKey, component, true);
 }
 
-export function getAppKeys(): $ReadOnlyArray<string> {
+export function getAppKeys(): ReadonlyArray<string> {
   return Object.keys(runnables);
 }
 
-export function getSectionKeys(): $ReadOnlyArray<string> {
+export function getSectionKeys(): ReadonlyArray<string> {
   return Object.keys(sections);
 }
 

package/Libraries/ReactNative/FabricUIManager.js

@@ -154,7 +154,7 @@ export function getFabricUIManager(): ?Spec {
  */
 function createProxyWithCachedProperties(
   implementation: Spec,
-  propertiesToCache: $ReadOnlyArray<string>,
+  propertiesToCache: ReadonlyArray<string>,
 ): Spec {
   const proxy = Object.create(implementation);
   for (const propertyName of propertiesToCache) {

package/Libraries/ReactNative/RendererImplementation.js

@@ -37,11 +37,11 @@ function getPaperRenderer(): ReactNativeType {
   return cachedPaperRenderer;
 }
 
-const getMethod: (<MethodName: $Keys<ReactFabricType>>(
+const getMethod: (<MethodName: keyof ReactFabricType>(
   () => ReactFabricType,
   MethodName,
 ) => ReactFabricType[MethodName]) &
-  (<MethodName: $Keys<ReactNativeType>>(
+  (<MethodName: keyof ReactNativeType>(
     () => ReactNativeType,
     MethodName,
   ) => ReactNativeType[MethodName]) = (getRenderer, methodName) => {
@@ -59,13 +59,13 @@ const getMethod: (<MethodName: $Keys<ReactFabricType>>(
   };
 };
 
-function getFabricMethod<MethodName: $Keys<ReactFabricType>>(
+function getFabricMethod<MethodName: keyof ReactFabricType>(
   methodName: MethodName,
 ): ReactFabricType[MethodName] {
   return getMethod(getFabricRenderer, methodName);
 }
 
-function getPaperMethod<MethodName: $Keys<ReactNativeType>>(
+function getPaperMethod<MethodName: keyof ReactNativeType>(
   methodName: MethodName,
 ): ReactNativeType[MethodName] {
   return getMethod(getPaperRenderer, methodName);

package/Libraries/ReactNative/UIManagerProperties.js

@@ -26,7 +26,7 @@
  * accessed. Once UIManager property accesses for view managers has been fully
  * deprecated, this file will also be removed.
  */
-const UIManagerProperties: $ReadOnlyArray<string> = [
+const UIManagerProperties: ReadonlyArray<string> = [
   'clearJSResponder',
   'configureNextLayoutAnimation',
   'createView',

package/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<22737380b5e4280ce3563ac009164f56>>
+ * @generated SignedSource<<a389884f917160390547bb8b67479473>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 
 "use strict";

package/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<232209f5a157745637191195f25907c7>>
+ * @generated SignedSource<<7e40a1e09e8b18f5fde8d400a830ed9a>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 
 "use strict";

package/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<9b111e8265a6b1d86607277dbe91d200>>
+ * @generated SignedSource<<3db8390cde71bdefbc682552931ec739>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 
 "use strict";

package/Libraries/Renderer/shims/ReactFabric.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow
- * @generated SignedSource<<16b364e89f43b8a47832b0dfb98af11e>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<cf323fc5ca893bab5669c7d321660412>>
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactFeatureFlags.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<1dd9e9c3f20e37ae14e485fc6ee3d9e9>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<908f5fb85384725318e261f40e49d9a6>>
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactNative.js

@@ -7,9 +7,10 @@
  * @noformat
  * @nolint
  * @flow
- * @generated SignedSource<<e2c46705ed927302dbe9332dafba459d>>
+ * @generated SignedSource<<7a063365bcf9d96b1cd8714d309e5b92>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 'use strict';
 

package/Libraries/Renderer/shims/ReactNativeTypes.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict
- * @generated SignedSource<<989e6e2e860dc2af7ba983849111bda8>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<c0e57723772ea5f1aa8c3c897ac3c216>>
  */
 
 import type {

package/Libraries/Renderer/shims/ReactNativeTypes.win32.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict
- * @generated SignedSource<<989e6e2e860dc2af7ba983849111bda8>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<c0e57723772ea5f1aa8c3c897ac3c216>>
  */
 
 import type {

package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<67d18226984338ab9301147ce0a7d414>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<1f7876c0dc0b05685a730513dc410236>>
  */
 
 'use strict';

package/Libraries/Renderer/shims/createReactNativeComponentClass.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<556d1487de0b9e4a09cbc67dd130a884>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<52163887de05f1cff05388145cf85b3b>>
  */
 
 'use strict';

package/Libraries/StyleSheet/PointPropType.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-export type PointProp = $ReadOnly<{
+export type PointProp = Readonly<{
   x: number,
   y: number,
   ...

package/Libraries/StyleSheet/Rect.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-export type Rect = $ReadOnly<{
+export type Rect = Readonly<{
   bottom?: ?number,
   left?: ?number,
   right?: ?number,

package/Libraries/StyleSheet/StyleSheet.d.ts

@@ -127,9 +127,4 @@ export namespace StyleSheet {
    * styles.
    */
   export const absoluteFill: AbsoluteFillStyle;
-
-  /**
-   * @deprecated Use `StyleSheet.absoluteFill`.
-   */
-  export const absoluteFillObject: AbsoluteFillStyle;
 }

package/Libraries/StyleSheet/StyleSheet.js

@@ -118,7 +118,7 @@ export type DangerouslyImpreciseStyleProp =
  * This will correctly give you the type 'absolute' | 'relative'
  */
 export type TypeForStyleKey<
-  +key: $Keys<____DangerouslyImpreciseStyle_Internal>,
+  +key: keyof ____DangerouslyImpreciseStyle_Internal,
 > = ____DangerouslyImpreciseStyle_Internal[key];
 
 /**

package/Libraries/StyleSheet/StyleSheet.js.flow

@@ -119,7 +119,7 @@ export type DangerouslyImpreciseStyleProp =
  * This will correctly give you the type 'absolute' | 'relative'
  */
 export type TypeForStyleKey<
-  +key: $Keys<____DangerouslyImpreciseStyle_Internal>,
+  +key: keyof ____DangerouslyImpreciseStyle_Internal,
 > = ____DangerouslyImpreciseStyle_Internal[key];
 
 /**

package/Libraries/StyleSheet/StyleSheetExports.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -13,16 +13,10 @@
 import type {____Styles_Internal} from './StyleSheetTypes';
 
 import composeStyles from '../../src/private/styles/composeStyles';
+import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
 import flatten from './flattenStyle';
 
-const ReactNativeStyleAttributes =
-  require('../Components/View/ReactNativeStyleAttributes').default;
-const PixelRatio = require('../Utilities/PixelRatio').default;
-
-let hairlineWidth: number = PixelRatio.roundToNearestPixel(0.4);
-if (hairlineWidth === 0) {
-  hairlineWidth = 1 / PixelRatio.get();
-}
+let _hairlineWidth: ?number;
 
 const absoluteFill = {
   position: 'absolute',
@@ -95,7 +89,18 @@ export default {
    *
    * A line with hairline width may not be visible if your simulator is downscaled.
    */
-  hairlineWidth,
+  // $FlowFixMe[unsafe-getters-setters] - Lazily import dependencies.
+  get hairlineWidth(): number {
+    if (_hairlineWidth == null) {
+      const PixelRatio = require('../Utilities/PixelRatio').default;
+
+      _hairlineWidth = PixelRatio.roundToNearestPixel(0.4);
+      if (_hairlineWidth === 0) {
+        _hairlineWidth = 1 / PixelRatio.get();
+      }
+    }
+    return _hairlineWidth;
+  },
 
   /**
    * A very common pattern is to create overlays with position absolute and zero positioning,
@@ -104,20 +109,6 @@ export default {
    */
   absoluteFill,
 
-  /**
-   * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
-   * used to create a customized entry in a `StyleSheet`, e.g.:
-   *
-   *   const styles = StyleSheet.create({
-   *     wrapper: {
-   *       ...StyleSheet.absoluteFillObject,
-   *       top: 10,
-   *       backgroundColor: 'transparent',
-   *     },
-   *   });
-   */
-  absoluteFillObject: absoluteFill,
-
   /**
    * Combines two styles such that `style2` will override any styles in `style1`.
    * If either style is falsy, the other one is returned without allocating an
@@ -188,7 +179,7 @@ export default {
    * An identity function for creating style sheets.
    */
   // $FlowFixMe[unsupported-variance-annotation]
-  create<+S: ____Styles_Internal>(obj: S): $ReadOnly<S> {
+  create<+S: ____Styles_Internal>(obj: S): Readonly<S> {
     // TODO: This should return S as the return type. But first,
     // we need to codemod all the callsites that are typing this
     // return value as a number (even though it was opaque).

package/Libraries/StyleSheet/StyleSheetExports.js.flow

@@ -13,7 +13,7 @@ import type {____Styles_Internal} from './StyleSheetTypes';
 import composeStyles from '../../src/private/styles/composeStyles';
 import flattenStyle from './flattenStyle';
 
-type AbsoluteFillStyle = $ReadOnly<{
+type AbsoluteFillStyle = Readonly<{
   position: 'absolute',
   left: 0,
   right: 0,
@@ -47,11 +47,6 @@ declare export const hairlineWidth: number;
  */
 declare export const absoluteFill: AbsoluteFillStyle;
 
-/**
- * @deprecated Use `StyleSheet.absoluteFill`.
- */
-declare export const absoluteFillObject: AbsoluteFillStyle;
-
 /**
  * Combines two styles such that style2 will override any styles in style1.
  * If either style is falsy, the other one is returned without allocating
@@ -102,4 +97,4 @@ declare export const setStyleAttributePreprocessor: (
 // $FlowFixMe[unsupported-variance-annotation]
 declare export const create: <+S: ____Styles_Internal>(
   obj: S & ____Styles_Internal,
-) => $ReadOnly<S>;
+) => Readonly<S>;