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

package/Libraries/Pressability/PressabilityDebug.js

@@ -10,18 +10,14 @@
 
 import normalizeColor from '../StyleSheet/normalizeColor';
 import type {ColorValue} from '../StyleSheet/StyleSheet';
+import {normalizeRect, type RectOrSize} from '../StyleSheet/Rect';
 
 import View from '../Components/View/View';
 import * as React from 'react';
 
 type Props = $ReadOnly<{|
   color: ColorValue,
-  hitSlop: ?$ReadOnly<{|
-    bottom?: ?number,
-    left?: ?number,
-    right?: ?number,
-    top?: ?number,
-  |}>,
+  hitSlop: ?RectOrSize,
 |}>;
 
 /**
@@ -39,16 +35,16 @@ type Props = $ReadOnly<{|
  *   );
  *
  */
-export function PressabilityDebugView({color, hitSlop}: Props): React.Node {
+export function PressabilityDebugView(props: Props): React.Node {
   if (__DEV__) {
     if (isEnabled()) {
-      const normalizedColor = normalizeColor(color);
+      const normalizedColor = normalizeColor(props.color);
       if (typeof normalizedColor !== 'number') {
         return null;
       }
       const baseColor =
         '#' + (normalizedColor ?? 0).toString(16).padStart(8, '0');
-
+      const hitSlop = normalizeRect(props.hitSlop);
       return (
         <View
           pointerEvents="none"

package/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js

@@ -29,6 +29,7 @@ type Notification = {|
   +repeatInterval?: ?string,
   +applicationIconBadgeNumber?: ?number,
   +isSilent?: ?boolean,
+  +soundName?: ?string,
 |};
 
 export interface Spec extends TurboModule {

package/Libraries/ReactNative/AppContainer.js

@@ -88,7 +88,7 @@ class AppContainer extends React.Component<Props, State> {
       }
     }
 
-    let innerView = (
+    let innerView: React.Node = (
       <View
         collapsable={!this.state.inspector}
         key={this.state.mainKey}

package/Libraries/ReactNative/{DummyUIManager.js → BridgelessUIManager.js}

@@ -13,41 +13,51 @@
 import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
 import {unstable_hasComponent} from 'react-native/Libraries/NativeComponent/NativeComponentRegistryUnstable';
 
+const errorMessageForMethod = (methodName: string): string =>
+  "[ReactNative Architecture][JS] '" +
+  methodName +
+  "' is not available in the new React Native architecture.";
+
 module.exports = {
   getViewManagerConfig: (viewManagerName: string): mixed => {
-    console.warn(
-      'getViewManagerConfig is unavailable in Bridgeless, use hasViewManagerConfig instead. viewManagerName: ' +
+    console.error(
+      errorMessageForMethod('getViewManagerConfig') +
+        'Use hasViewManagerConfig instead. viewManagerName: ' +
         viewManagerName,
     );
-    if (viewManagerName === 'RCTVirtualText') {
-      return {};
-    }
     return null;
   },
   hasViewManagerConfig: (viewManagerName: string): boolean => {
-    const staticViewConfigsEnabled = global.__fbStaticViewConfig === true;
-    if (staticViewConfigsEnabled) {
-      return unstable_hasComponent(viewManagerName);
-    } else {
-      return (
-        viewManagerName === 'RCTVirtualText' ||
-        viewManagerName === 'RCTShimmeringView'
-      );
-    }
+    return unstable_hasComponent(viewManagerName);
+  },
+  getConstants: (): Object => {
+    console.error(errorMessageForMethod('getConstants'));
+    return {};
+  },
+  getConstantsForViewManager: (viewManagerName: string): Object => {
+    console.error(errorMessageForMethod('getConstantsForViewManager'));
+    return {};
+  },
+  getDefaultEventTypes: (): Array<string> => {
+    console.error(errorMessageForMethod('getDefaultEventTypes'));
+    return [];
+  },
+  lazilyLoadView: (name: string): Object => {
+    console.error(errorMessageForMethod('lazilyLoadView'));
+    return {};
   },
-  getConstants: (): {...} => ({}),
-  getConstantsForViewManager: (viewManagerName: string) => {},
-  getDefaultEventTypes: (): Array<$FlowFixMe> => [],
-  lazilyLoadView: (name: string) => {},
   createView: (
     reactTag: ?number,
     viewName: string,
     rootTag: RootTag,
     props: Object,
-  ) => {},
-  updateView: (reactTag: number, viewName: string, props: Object) => {},
-  focus: (reactTag: ?number) => {},
-  blur: (reactTag: ?number) => {},
+  ): void => console.error(errorMessageForMethod('createView')),
+  updateView: (reactTag: number, viewName: string, props: Object): void =>
+    console.error(errorMessageForMethod('updateView')),
+  focus: (reactTag: ?number): void =>
+    console.error(errorMessageForMethod('focus')),
+  blur: (reactTag: ?number): void =>
+    console.error(errorMessageForMethod('blur')),
   findSubviewIn: (
     reactTag: ?number,
     point: Array<number>,
@@ -58,12 +68,12 @@ module.exports = {
       width: number,
       height: number,
     ) => void,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('findSubviewIn')),
   dispatchViewManagerCommand: (
     reactTag: ?number,
     commandID: number,
     commandArgs: ?Array<string | number | boolean>,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('dispatchViewManagerCommand')),
   measure: (
     reactTag: ?number,
     callback: (
@@ -74,16 +84,16 @@ module.exports = {
       pageX: number,
       pageY: number,
     ) => void,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('measure')),
   measureInWindow: (
     reactTag: ?number,
     callback: (x: number, y: number, width: number, height: number) => void,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('measureInWindow')),
   viewIsDescendantOf: (
     reactTag: ?number,
     ancestorReactTag: ?number,
     callback: (result: Array<boolean>) => void,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('viewIsDescendantOf')),
   measureLayout: (
     reactTag: ?number,
     ancestorReactTag: ?number,
@@ -94,7 +104,7 @@ module.exports = {
       width: number,
       height: number,
     ) => void,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('measureLayout')),
   measureLayoutRelativeToParent: (
     reactTag: ?number,
     errorCallback: (error: Object) => void,
@@ -104,17 +114,23 @@ module.exports = {
       width: number,
       height: number,
     ) => void,
-  ) => {},
-  setJSResponder: (reactTag: ?number, blockNativeResponder: boolean) => {},
-  clearJSResponder: () => {},
+  ): void =>
+    console.error(errorMessageForMethod('measureLayoutRelativeToParent')),
+  setJSResponder: (reactTag: ?number, blockNativeResponder: boolean): void =>
+    console.error(errorMessageForMethod('setJSResponder')),
+  clearJSResponder: (): void => {}, // Don't log error here because we're aware it gets called
   configureNextLayoutAnimation: (
     config: Object,
     callback: () => void,
     errorCallback: (error: Object) => void,
-  ) => {},
-  removeSubviewsFromContainerWithID: (containerID: number) => {},
-  replaceExistingNonRootView: (reactTag: ?number, newReactTag: ?number) => {},
-  setChildren: (containerTag: ?number, reactTags: Array<number>) => {},
+  ): void =>
+    console.error(errorMessageForMethod('configureNextLayoutAnimation')),
+  removeSubviewsFromContainerWithID: (containerID: number): void =>
+    console.error(errorMessageForMethod('removeSubviewsFromContainerWithID')),
+  replaceExistingNonRootView: (reactTag: ?number, newReactTag: ?number): void =>
+    console.error(errorMessageForMethod('replaceExistingNonRootView')),
+  setChildren: (containerTag: ?number, reactTags: Array<number>): void =>
+    console.error(errorMessageForMethod('setChildren')),
   manageChildren: (
     containerTag: ?number,
     moveFromIndices: Array<number>,
@@ -122,16 +138,22 @@ module.exports = {
     addChildReactTags: Array<number>,
     addAtIndices: Array<number>,
     removeAtIndices: Array<number>,
-  ) => {},
+  ): void => console.error(errorMessageForMethod('manageChildren')),
 
   // Android only
-  setLayoutAnimationEnabledExperimental: (enabled: boolean) => {},
-  sendAccessibilityEvent: (reactTag: ?number, eventType: number) => {},
+  setLayoutAnimationEnabledExperimental: (enabled: boolean): void => {
+    console.error(
+      errorMessageForMethod('setLayoutAnimationEnabledExperimental'),
+    );
+  },
+  sendAccessibilityEvent: (reactTag: ?number, eventType: number): void =>
+    console.error(errorMessageForMethod('sendAccessibilityEvent')),
   showPopupMenu: (
     reactTag: ?number,
     items: Array<string>,
     error: (error: Object) => void,
     success: (event: string, selected?: number) => void,
-  ) => {},
-  dismissPopupMenu: () => {},
+  ): void => console.error(errorMessageForMethod('showPopupMenu')),
+  dismissPopupMenu: (): void =>
+    console.error(errorMessageForMethod('dismissPopupMenu')),
 };

package/Libraries/ReactNative/PaperUIManager.win32.js

@@ -123,7 +123,7 @@ function lazifyViewManagerConfig(viewName) {
         const viewManager = NativeModules[viewConfig.Manager];
         const constants = {};
         viewManager &&
-          Object.keys(viewManager).forEach((key) => {
+          Object.keys(viewManager).forEach(key => {
             const value = viewManager[key];
             if (typeof value !== 'function') {
               constants[key] = value;
@@ -138,7 +138,7 @@ function lazifyViewManagerConfig(viewName) {
         const commands = {};
         let index = 0;
         viewManager &&
-          Object.keys(viewManager).forEach((key) => {
+          Object.keys(viewManager).forEach(key => {
             const value = viewManager[key];
             if (typeof value === 'function') {
               commands[key] = index++;
@@ -156,11 +156,11 @@ function lazifyViewManagerConfig(viewName) {
  * namespace instead of UIManager, unlike Android.
  */
 if (Platform.OS === 'ios') {
-  Object.keys(getConstants()).forEach((viewName) => {
+  Object.keys(getConstants()).forEach(viewName => {
     lazifyViewManagerConfig(viewName);
   });
 } else if (getConstants().ViewManagerNames) {
-  NativeUIManager.getConstants().ViewManagerNames.forEach((viewManagerName) => {
+  NativeUIManager.getConstants().ViewManagerNames.forEach(viewManagerName => {
     defineLazyObjectProperty(NativeUIManager, viewManagerName, {
       get: () => NativeUIManager.getConstantsForViewManager(viewManagerName),
     });
@@ -168,7 +168,7 @@ if (Platform.OS === 'ios') {
 }
 
 if (!global.nativeCallSyncHook) {
-  Object.keys(getConstants()).forEach((viewManagerName) => {
+  Object.keys(getConstants()).forEach(viewManagerName => {
     if (!UIManagerProperties.includes(viewManagerName)) {
       if (!viewManagerConfigs[viewManagerName]) {
         viewManagerConfigs[viewManagerName] = getConstants()[viewManagerName];

package/Libraries/ReactNative/ReactNativeFeatureFlags.js

@@ -0,0 +1,39 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+export type FeatureFlags = {|
+  /**
+   * Function used to enable / disabled Layout Animations in React Native.
+   * Default value = true.
+   */
+  isLayoutAnimationEnabled: () => boolean,
+  /**
+   * Function used to enable / disable W3C pointer event emitting in React Native.
+   * If enabled you must also flip the equivalent native flags on each platform:
+   * iOS -> RCTSetDispatchW3CPointerEvents
+   * Android -> ReactFeatureFlags.dispatchPointerEvents
+   */
+  shouldEmitW3CPointerEvents: () => boolean,
+  /**
+   * Function used to enable / disable Pressibility from using W3C Pointer Events
+   * for its hover callbacks
+   */
+  shouldPressibilityUseW3CPointerEventsForHover: () => boolean,
+|};
+
+const ReactNativeFeatureFlags: FeatureFlags = {
+  isLayoutAnimationEnabled: () => true,
+  shouldEmitW3CPointerEvents: () => false,
+  shouldPressibilityUseW3CPointerEventsForHover: () => false,
+};
+
+module.exports = ReactNativeFeatureFlags;

package/Libraries/ReactNative/UIManager.js

@@ -33,8 +33,7 @@ export interface UIManagerJSInterface extends Spec {
 
 const UIManager: UIManagerJSInterface =
   global.RN$Bridgeless === true
-    ? require('./DummyUIManager')
-    : require('./UIManagerInjection').default.unstable_UIManager ??
-      require('./PaperUIManager');
+    ? require('./BridgelessUIManager')
+    : require('./PaperUIManager');
 
 module.exports = UIManager;

package/Libraries/ReactNative/renderApplication.js

@@ -64,6 +64,10 @@ function renderApplication<Props: Object>(
   }
 
   performanceLogger.startTimespan('renderApplication_React_render');
+  performanceLogger.setExtra(
+    'usedReactConcurrentRoot',
+    useConcurrentRoot ? '1' : '0',
+  );
   performanceLogger.setExtra('usedReactFabric', fabric ? '1' : '0');
   if (fabric) {
     require('../Renderer/shims/ReactFabric').render(

package/Libraries/ReactPrivate/ReactNativePrivateInterface.js

@@ -21,6 +21,8 @@ import typeof flattenStyle from '../StyleSheet/flattenStyle';
 import {type DangerouslyImpreciseStyleProp} from '../StyleSheet/StyleSheet';
 import typeof ReactFiberErrorDialog from '../Core/ReactFiberErrorDialog';
 import typeof legacySendAccessibilityEvent from '../Components/AccessibilityInfo/legacySendAccessibilityEvent';
+import typeof RawEventEmitter from '../Core/RawEventEmitter';
+import typeof CustomEvent from '../Events/CustomEvent';
 
 // flowlint unsafe-getters-setters:off
 module.exports = {
@@ -62,4 +64,10 @@ module.exports = {
   get legacySendAccessibilityEvent(): legacySendAccessibilityEvent {
     return require('../Components/AccessibilityInfo/legacySendAccessibilityEvent');
   },
+  get RawEventEmitter(): RawEventEmitter {
+    return require('../Core/RawEventEmitter').default;
+  },
+  get CustomEvent(): CustomEvent {
+    return require('../Events/CustomEvent').default;
+  },
 };