@office-iss/react-native-win32 0.0.0-canary.285 → 0.0.0-canary.287

package/Libraries/NativeComponent/BaseViewConfig.win32.js

@@ -10,6 +10,8 @@
 
 import type {PartialViewConfigWithoutName} from './PlatformBaseViewConfig';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
+import NativeReactNativeFeatureFlags from '../../src/private/featureflags/specs/NativeReactNativeFeatureFlags';
 import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
 import {
   ConditionallyIgnoredEventHandlers,
@@ -200,13 +202,13 @@ const validAttributesForNonEventProps = {
   backfaceVisibility: true,
   opacity: true,
   shadowColor: {process: require('../StyleSheet/processColor').default},
-  shadowOffset: {diff: require('../Utilities/differ/sizesDiffer')},
+  shadowOffset: {diff: require('../Utilities/differ/sizesDiffer').default},
   shadowOpacity: true,
   shadowRadius: true,
   needsOffscreenAlphaCompositing: true,
   overflow: true,
   shouldRasterizeIOS: true,
-  transform: {diff: require('../Utilities/differ/matricesDiffer')},
+  transform: {diff: require('../Utilities/differ/matricesDiffer').default},
   transformOrigin: true,
   accessibilityRole: true,
   accessibilityState: true,
@@ -219,15 +221,23 @@ const validAttributesForNonEventProps = {
   borderCurve: true,
   borderWidth: true,
   borderStyle: true,
-  hitSlop: {diff: require('../Utilities/differ/insetsDiffer')},
+  hitSlop: {diff: require('../Utilities/differ/insetsDiffer').default},
   collapsable: true,
   collapsableChildren: true,
-  experimental_filter: {
-    process: require('../StyleSheet/processFilter').default,
-  },
-  boxShadow: {
-    process: require('../StyleSheet/processBoxShadow').default,
-  },
+  experimental_filter:
+    NativeReactNativeFeatureFlags != null &&
+    ReactNativeFeatureFlags.enableNativeCSSParsing()
+      ? true
+      : {
+          process: require('../StyleSheet/processFilter').default,
+        },
+  boxShadow:
+    NativeReactNativeFeatureFlags != null &&
+    ReactNativeFeatureFlags.enableNativeCSSParsing()
+      ? true
+      : {
+          process: require('../StyleSheet/processBoxShadow').default,
+        },
   mixBlendMode: true,
   isolation: true,
 

package/Libraries/NativeComponent/StaticViewConfigValidator.js

@@ -8,6 +8,7 @@
  * @format
  */
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {type ViewConfig} from '../Renderer/shims/ReactNativeTypes';
 
 export type Difference =
@@ -128,7 +129,10 @@ function accumulateDifferences(
       }
     }
 
-    if (nativeValue !== staticValue) {
+    if (
+      nativeValue !== staticValue &&
+      !ReactNativeFeatureFlags.enableNativeCSSParsing()
+    ) {
       differences.push({
         path: [...path, nativeKey],
         type: 'unequal',

package/Libraries/Network/FormData.js

@@ -105,4 +105,4 @@ class FormData {
   }
 }
 
-module.exports = FormData;
+export default FormData;

package/Libraries/Network/XMLHttpRequest.js

@@ -16,9 +16,8 @@ export type * from './XMLHttpRequest_old';
 // be read before apps have a chance to set overrides.
 const useBuiltInEventTarget = global.RN$useBuiltInEventTarget?.();
 
-module.exports = (
-  useBuiltInEventTarget
-    ? // $FlowExpectedError[incompatible-cast]
-      require('./XMLHttpRequest_new')
-    : require('./XMLHttpRequest_old')
-) as XMLHttpRequest;
+export default (useBuiltInEventTarget
+  ? // $FlowExpectedError[incompatible-cast]
+    require('./XMLHttpRequest_new').default
+  : // $FlowExpectedError[incompatible-cast]
+    require('./XMLHttpRequest_old').default) as XMLHttpRequest;

package/Libraries/Network/XMLHttpRequest_new.js

@@ -27,7 +27,8 @@ import ProgressEvent from '../../src/private/webapis/xhr/events/ProgressEvent';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
 
 const BlobManager = require('../Blob/BlobManager').default;
-const GlobalPerformanceLogger = require('../Utilities/GlobalPerformanceLogger');
+const GlobalPerformanceLogger =
+  require('../Utilities/GlobalPerformanceLogger').default;
 const RCTNetworking = require('./RCTNetworking').default;
 const base64 = require('base64-js');
 const invariant = require('invariant');
@@ -787,4 +788,4 @@ class XMLHttpRequest extends EventTarget {
   }
 }
 
-module.exports = XMLHttpRequest;
+export default XMLHttpRequest;

package/Libraries/Network/XMLHttpRequest_old.js

@@ -16,7 +16,8 @@ import {type EventSubscription} from '../vendor/emitter/EventEmitter';
 import EventTarget from 'event-target-shim';
 
 const BlobManager = require('../Blob/BlobManager').default;
-const GlobalPerformanceLogger = require('../Utilities/GlobalPerformanceLogger');
+const GlobalPerformanceLogger =
+  require('../Utilities/GlobalPerformanceLogger').default;
 const RCTNetworking = require('./RCTNetworking').default;
 const base64 = require('base64-js');
 const invariant = require('invariant');
@@ -694,4 +695,4 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): typeof EventTarget) {
   }
 }
 
-module.exports = XMLHttpRequest;
+export default XMLHttpRequest;

package/Libraries/Network/convertRequestBody.js

@@ -11,10 +11,11 @@
 'use strict';
 
 import typeof BlobT from '../Blob/Blob';
+import typeof FormDataT from './FormData';
 
 const Blob: BlobT = require('../Blob/Blob').default;
-const binaryToBase64 = require('../Utilities/binaryToBase64');
-const FormData = require('./FormData');
+const binaryToBase64 = require('../Utilities/binaryToBase64').default;
+const FormData: FormDataT = require('./FormData').default;
 
 export type RequestBody =
   | string
@@ -42,4 +43,4 @@ function convertRequestBody(body: RequestBody): Object {
   return body;
 }
 
-module.exports = convertRequestBody;
+export default convertRequestBody;

package/Libraries/Network/fetch.js

@@ -8,12 +8,13 @@
  * @format
  */
 
-/* globals Headers, Request, Response */
-
 'use strict';
 
 // side-effectful require() to put fetch,
 // Headers, Request, Response in global scope
 require('whatwg-fetch');
 
-module.exports = {fetch, Headers, Request, Response};
+export const fetch = global.fetch;
+export const Headers = global.Headers;
+export const Request = global.Request;
+export const Response = global.Response;

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -8,16 +8,11 @@
  * @flow strict
  */
 
-import type {
-  PermissionStatus,
-  PermissionType,
-} from './NativePermissionsAndroid';
-
 import NativeDialogManagerAndroid from '../NativeModules/specs/NativeDialogManagerAndroid';
 import NativePermissionsAndroid from './NativePermissionsAndroid';
 import invariant from 'invariant';
 
-const Platform = require('../Utilities/Platform');
+const Platform = require('../Utilities/Platform').default;
 
 export type Rationale = {
   title: string,
@@ -34,6 +29,55 @@ const PERMISSION_REQUEST_RESULT = Object.freeze({
   NEVER_ASK_AGAIN: 'never_ask_again',
 });
 
+type PermissionsType = $ReadOnly<{
+  READ_CALENDAR: 'android.permission.READ_CALENDAR',
+  WRITE_CALENDAR: 'android.permission.WRITE_CALENDAR',
+  CAMERA: 'android.permission.CAMERA',
+  READ_CONTACTS: 'android.permission.READ_CONTACTS',
+  WRITE_CONTACTS: 'android.permission.WRITE_CONTACTS',
+  GET_ACCOUNTS: 'android.permission.GET_ACCOUNTS',
+  ACCESS_FINE_LOCATION: 'android.permission.ACCESS_FINE_LOCATION',
+  ACCESS_COARSE_LOCATION: 'android.permission.ACCESS_COARSE_LOCATION',
+  ACCESS_BACKGROUND_LOCATION: 'android.permission.ACCESS_BACKGROUND_LOCATION',
+  RECORD_AUDIO: 'android.permission.RECORD_AUDIO',
+  READ_PHONE_STATE: 'android.permission.READ_PHONE_STATE',
+  CALL_PHONE: 'android.permission.CALL_PHONE',
+  READ_CALL_LOG: 'android.permission.READ_CALL_LOG',
+  WRITE_CALL_LOG: 'android.permission.WRITE_CALL_LOG',
+  ADD_VOICEMAIL: 'com.android.voicemail.permission.ADD_VOICEMAIL',
+  READ_VOICEMAIL: 'com.android.voicemail.permission.READ_VOICEMAIL',
+  WRITE_VOICEMAIL: 'com.android.voicemail.permission.WRITE_VOICEMAIL',
+  USE_SIP: 'android.permission.USE_SIP',
+  PROCESS_OUTGOING_CALLS: 'android.permission.PROCESS_OUTGOING_CALLS',
+  BODY_SENSORS: 'android.permission.BODY_SENSORS',
+  BODY_SENSORS_BACKGROUND: 'android.permission.BODY_SENSORS_BACKGROUND',
+  SEND_SMS: 'android.permission.SEND_SMS',
+  RECEIVE_SMS: 'android.permission.RECEIVE_SMS',
+  READ_SMS: 'android.permission.READ_SMS',
+  RECEIVE_WAP_PUSH: 'android.permission.RECEIVE_WAP_PUSH',
+  RECEIVE_MMS: 'android.permission.RECEIVE_MMS',
+  READ_EXTERNAL_STORAGE: 'android.permission.READ_EXTERNAL_STORAGE',
+  READ_MEDIA_IMAGES: 'android.permission.READ_MEDIA_IMAGES',
+  READ_MEDIA_VIDEO: 'android.permission.READ_MEDIA_VIDEO',
+  READ_MEDIA_AUDIO: 'android.permission.READ_MEDIA_AUDIO',
+  READ_MEDIA_VISUAL_USER_SELECTED: 'android.permission.READ_MEDIA_VISUAL_USER_SELECTED',
+  WRITE_EXTERNAL_STORAGE: 'android.permission.WRITE_EXTERNAL_STORAGE',
+  BLUETOOTH_CONNECT: 'android.permission.BLUETOOTH_CONNECT',
+  BLUETOOTH_SCAN: 'android.permission.BLUETOOTH_SCAN',
+  BLUETOOTH_ADVERTISE: 'android.permission.BLUETOOTH_ADVERTISE',
+  ACCESS_MEDIA_LOCATION: 'android.permission.ACCESS_MEDIA_LOCATION',
+  ACCEPT_HANDOVER: 'android.permission.ACCEPT_HANDOVER',
+  ACTIVITY_RECOGNITION: 'android.permission.ACTIVITY_RECOGNITION',
+  ANSWER_PHONE_CALLS: 'android.permission.ANSWER_PHONE_CALLS',
+  READ_PHONE_NUMBERS: 'android.permission.READ_PHONE_NUMBERS',
+  UWB_RANGING: 'android.permission.UWB_RANGING',
+  POST_NOTIFICATIONS: 'android.permission.POST_NOTIFICATIONS',
+  NEARBY_WIFI_DEVICES: 'android.permission.NEARBY_WIFI_DEVICES',
+}>;
+
+export type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
+export type Permission = $Values<PermissionsType>;
+
 const PERMISSIONS = Object.freeze({
   READ_CALENDAR: 'android.permission.READ_CALENDAR',
   WRITE_CALENDAR: 'android.permission.WRITE_CALENDAR',
@@ -79,60 +123,15 @@ const PERMISSIONS = Object.freeze({
   UWB_RANGING: 'android.permission.UWB_RANGING',
   POST_NOTIFICATIONS: 'android.permission.POST_NOTIFICATIONS',
   NEARBY_WIFI_DEVICES: 'android.permission.NEARBY_WIFI_DEVICES',
-});
+}) as PermissionsType;
 
 /**
  * `PermissionsAndroid` provides access to Android M's new permissions model.
  *
  * See https://reactnative.dev/docs/permissionsandroid
  */
-
 class PermissionsAndroid {
-  PERMISSIONS: $ReadOnly<{
-    ACCEPT_HANDOVER: string,
-    ACCESS_BACKGROUND_LOCATION: string,
-    ACCESS_COARSE_LOCATION: string,
-    ACCESS_FINE_LOCATION: string,
-    ACCESS_MEDIA_LOCATION: string,
-    ACTIVITY_RECOGNITION: string,
-    ADD_VOICEMAIL: string,
-    READ_VOICEMAIL: string,
-    WRITE_VOICEMAIL: string,
-    ANSWER_PHONE_CALLS: string,
-    BLUETOOTH_ADVERTISE: string,
-    BLUETOOTH_CONNECT: string,
-    BLUETOOTH_SCAN: string,
-    BODY_SENSORS: string,
-    BODY_SENSORS_BACKGROUND: string,
-    CALL_PHONE: string,
-    CAMERA: string,
-    GET_ACCOUNTS: string,
-    NEARBY_WIFI_DEVICES: string,
-    POST_NOTIFICATIONS: string,
-    PROCESS_OUTGOING_CALLS: string,
-    READ_CALENDAR: string,
-    READ_CALL_LOG: string,
-    READ_CONTACTS: string,
-    READ_EXTERNAL_STORAGE: string,
-    READ_MEDIA_IMAGES: string,
-    READ_MEDIA_VIDEO: string,
-    READ_MEDIA_AUDIO: string,
-    READ_MEDIA_VISUAL_USER_SELECTED: string,
-    READ_PHONE_NUMBERS: string,
-    READ_PHONE_STATE: string,
-    READ_SMS: string,
-    RECEIVE_MMS: string,
-    RECEIVE_SMS: string,
-    RECEIVE_WAP_PUSH: string,
-    RECORD_AUDIO: string,
-    SEND_SMS: string,
-    USE_SIP: string,
-    UWB_RANGING: string,
-    WRITE_CALENDAR: string,
-    WRITE_CALL_LOG: string,
-    WRITE_CONTACTS: string,
-    WRITE_EXTERNAL_STORAGE: string,
-  }> = PERMISSIONS;
+  PERMISSIONS: PermissionsType = PERMISSIONS;
   RESULTS: $ReadOnly<{
     DENIED: 'denied',
     GRANTED: 'granted',
@@ -147,7 +146,7 @@ class PermissionsAndroid {
    *
    * @deprecated
    */
-  checkPermission(permission: PermissionType): Promise<boolean> {
+  checkPermission(permission: Permission): Promise<boolean> {
     console.warn(
       '"PermissionsAndroid.checkPermission" is deprecated. Use "PermissionsAndroid.check" instead',
     );
@@ -172,7 +171,7 @@ class PermissionsAndroid {
    *
    * See https://reactnative.dev/docs/permissionsandroid#check
    */
-  check(permission: PermissionType): Promise<boolean> {
+  check(permission: Permission): Promise<boolean> {
     if (Platform.OS !== 'android') {
       console.warn(
         '"PermissionsAndroid" module works only for Android platform.',
@@ -203,7 +202,7 @@ class PermissionsAndroid {
    * @deprecated
    */
   async requestPermission(
-    permission: PermissionType,
+    permission: Permission,
     rationale?: Rationale,
   ): Promise<boolean> {
     console.warn(
@@ -227,7 +226,7 @@ class PermissionsAndroid {
    * See https://reactnative.dev/docs/permissionsandroid#request
    */
   async request(
-    permission: PermissionType,
+    permission: Permission,
     rationale?: Rationale,
   ): Promise<PermissionStatus> {
     if (Platform.OS !== 'android') {
@@ -261,11 +260,13 @@ class PermissionsAndroid {
             options,
             () => reject(new Error('Error showing rationale')),
             () =>
+              // $FlowFixMe[incompatible-call]
               resolve(NativePermissionsAndroid.requestPermission(permission)),
           );
         });
       }
     }
+    // $FlowFixMe[incompatible-return]
     return NativePermissionsAndroid.requestPermission(permission);
   }
 
@@ -277,8 +278,8 @@ class PermissionsAndroid {
    * See https://reactnative.dev/docs/permissionsandroid#requestmultiple
    */
   requestMultiple(
-    permissions: Array<PermissionType>,
-  ): Promise<{[permission: PermissionType]: PermissionStatus, ...}> {
+    permissions: Array<Permission>,
+  ): Promise<{[permission: Permission]: PermissionStatus, ...}> {
     if (Platform.OS !== 'android') {
       console.warn(
         '"PermissionsAndroid" module works only for Android platform.',
@@ -290,10 +291,11 @@ class PermissionsAndroid {
       NativePermissionsAndroid,
       'PermissionsAndroid is not installed correctly.',
     );
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[incompatible-call]
     return NativePermissionsAndroid.requestMultiplePermissions(permissions);
   }
 }
 
 const PermissionsAndroidInstance: PermissionsAndroid = new PermissionsAndroid();
-
-module.exports = PermissionsAndroidInstance;
+export default PermissionsAndroidInstance;

package/Libraries/Pressability/Pressability.js

@@ -13,7 +13,7 @@ import type {
   BlurEvent,
   FocusEvent,
   MouseEvent,
-  PressEvent,
+  GestureResponderEvent,
 } from '../Types/CoreEventTypes';
 
 import SoundManager from '../Components/Sound/SoundManager';
@@ -108,27 +108,27 @@ export type PressabilityConfig = $ReadOnly<{
   /**
    * Called when a long press gesture has been triggered.
    */
-  onLongPress?: ?(event: PressEvent) => mixed,
+  onLongPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when a press gesture has been triggered.
    */
-  onPress?: ?(event: PressEvent) => mixed,
+  onPress?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when the press is activated to provide visual feedback.
    */
-  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when the press location moves. (This should rarely be used.)
    */
-  onPressMove?: ?(event: PressEvent) => mixed,
+  onPressMove?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Called when the press is deactivated to undo visual feedback.
    */
-  onPressOut?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: GestureResponderEvent) => mixed,
 
   /**
    * Whether to prevent any other native components from becoming responder
@@ -139,16 +139,16 @@ export type PressabilityConfig = $ReadOnly<{
 
 export type EventHandlers = $ReadOnly<{
   onBlur: (event: BlurEvent) => void,
-  onClick: (event: PressEvent) => void,
+  onClick: (event: GestureResponderEvent) => void,
   onFocus: (event: FocusEvent) => void,
   onMouseEnter?: (event: MouseEvent) => void,
   onMouseLeave?: (event: MouseEvent) => void,
   onPointerEnter?: (event: PointerEvent) => void,
   onPointerLeave?: (event: PointerEvent) => void,
-  onResponderGrant: (event: PressEvent) => void | boolean,
-  onResponderMove: (event: PressEvent) => void,
-  onResponderRelease: (event: PressEvent) => void,
-  onResponderTerminate: (event: PressEvent) => void,
+  onResponderGrant: (event: GestureResponderEvent) => void | boolean,
+  onResponderMove: (event: GestureResponderEvent) => void,
+  onResponderRelease: (event: GestureResponderEvent) => void,
+  onResponderTerminate: (event: GestureResponderEvent) => void,
   onResponderTerminationRequest: () => boolean,
   onStartShouldSetResponder: () => boolean,
 }>;
@@ -450,7 +450,7 @@ export default class Pressability {
         return !disabled ?? true;
       },
 
-      onResponderGrant: (event: PressEvent): void | boolean => {
+      onResponderGrant: (event: GestureResponderEvent): void | boolean => {
         event.persist();
 
         this._cancelPressOutDelayTimeout();
@@ -480,7 +480,7 @@ export default class Pressability {
         return this._config.blockNativeResponder === true;
       },
 
-      onResponderMove: (event: PressEvent): void => {
+      onResponderMove: (event: GestureResponderEvent): void => {
         const {onPressMove} = this._config;
         if (onPressMove != null) {
           onPressMove(event);
@@ -515,11 +515,11 @@ export default class Pressability {
         }
       },
 
-      onResponderRelease: (event: PressEvent): void => {
+      onResponderRelease: (event: GestureResponderEvent): void => {
         this._receiveSignal('RESPONDER_RELEASE', event);
       },
 
-      onResponderTerminate: (event: PressEvent): void => {
+      onResponderTerminate: (event: GestureResponderEvent): void => {
         this._receiveSignal('RESPONDER_TERMINATED', event);
       },
 
@@ -528,7 +528,7 @@ export default class Pressability {
         return cancelable ?? true;
       },
 
-      onClick: (event: PressEvent): void => {
+      onClick: (event: GestureResponderEvent): void => {
         // If event has `pointerType`, it was emitted from a PointerEvent and
         // we should ignore it to avoid triggering `onPress` twice.
         if (event?.nativeEvent?.hasOwnProperty?.('pointerType')) {
@@ -664,7 +664,7 @@ export default class Pressability {
    * Receives a state machine signal, performs side effects of the transition
    * and stores the new state. Validates the transition as well.
    */
-  _receiveSignal(signal: TouchSignal, event: PressEvent): void {
+  _receiveSignal(signal: TouchSignal, event: GestureResponderEvent): void {
     // Especially on iOS, not all events have timestamps associated.
     // For telemetry purposes, this doesn't matter too much, as long as *some* do.
     // Since the native timestamp is integral for logging telemetry, just skip
@@ -706,7 +706,7 @@ export default class Pressability {
     prevState: TouchState,
     nextState: TouchState,
     signal: TouchSignal,
-    event: PressEvent,
+    event: GestureResponderEvent,
   ): void {
     if (isTerminalSignal(signal)) {
       this._touchActivatePosition = null;
@@ -762,7 +762,7 @@ export default class Pressability {
     this._cancelPressDelayTimeout();
   }
 
-  _activate(event: PressEvent): void {
+  _activate(event: GestureResponderEvent): void {
     const {onPressIn} = this._config;
     const {pageX, pageY} = getTouchFromPressEvent(event);
     this._touchActivatePosition = {pageX, pageY};
@@ -772,7 +772,7 @@ export default class Pressability {
     }
   }
 
-  _deactivate(event: PressEvent): void {
+  _deactivate(event: GestureResponderEvent): void {
     const {onPressOut} = this._config;
     if (onPressOut != null) {
       const minPressDuration = normalizeDelay(
@@ -829,7 +829,7 @@ export default class Pressability {
   };
 
   _isTouchWithinResponderRegion(
-    touch: $PropertyType<PressEvent, 'nativeEvent'>,
+    touch: $PropertyType<GestureResponderEvent, 'nativeEvent'>,
     responderRegion: $ReadOnly<{
       bottom: number,
       left: number,
@@ -874,7 +874,7 @@ export default class Pressability {
     );
   }
 
-  _handleLongPress(event: PressEvent): void {
+  _handleLongPress(event: GestureResponderEvent): void {
     if (
       this._touchState === 'RESPONDER_ACTIVE_PRESS_IN' ||
       this._touchState === 'RESPONDER_ACTIVE_LONG_PRESS_IN'
@@ -927,7 +927,7 @@ function normalizeDelay(
   return Math.max(min, delay ?? fallback);
 }
 
-const getTouchFromPressEvent = (event: PressEvent) => {
+const getTouchFromPressEvent = (event: GestureResponderEvent) => {
   const {changedTouches, touches} = event.nativeEvent;
 
   if (touches != null && touches.length > 0) {