@office-iss/react-native-win32 0.0.0-canary.284 → 0.0.0-canary.286

package/Libraries/Modal/Modal.js

@@ -13,20 +13,24 @@ import type {RootTag} from '../ReactNative/RootTag';
 import type {DirectEventHandler} from '../Types/CodegenTypes';
 
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
+import {type ColorValue} from '../StyleSheet/StyleSheet';
 import {type EventSubscription} from '../vendor/emitter/EventEmitter';
 import ModalInjection from './ModalInjection';
 import NativeModalManager from './NativeModalManager';
 import RCTModalHostView from './RCTModalHostViewNativeComponent';
-import {VirtualizedListContextResetter} from '@react-native/virtualized-lists';
+import VirtualizedLists from '@react-native/virtualized-lists';
 import React from 'react';
 
 const ScrollView = require('../Components/ScrollView/ScrollView').default;
-const View = require('../Components/View/View');
-const AppContainer = require('../ReactNative/AppContainer');
-const I18nManager = require('../ReactNative/I18nManager');
+const View = require('../Components/View/View').default;
+const AppContainer = require('../ReactNative/AppContainer').default;
+const I18nManager = require('../ReactNative/I18nManager').default;
 const {RootTagContext} = require('../ReactNative/RootTag');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Platform = require('../Utilities/Platform');
+const StyleSheet = require('../StyleSheet/StyleSheet').default;
+const Platform = require('../Utilities/Platform').default;
+
+const VirtualizedListContextResetter =
+  VirtualizedLists.VirtualizedListContextResetter;
 
 type ModalEventDefinitions = {
   modalDismissed: [{modalID: number}],
@@ -57,99 +61,62 @@ type OrientationChangeEvent = $ReadOnly<{
   orientation: 'portrait' | 'landscape',
 }>;
 
-export type Props = $ReadOnly<{
-  ...ViewProps,
-
+export type ModalBaseProps = {
   /**
-   * The `animationType` prop controls how the modal animates.
-   *
-   * See https://reactnative.dev/docs/modal#animationtype
+   * @deprecated Use animationType instead
    */
-  animationType?: ?('none' | 'slide' | 'fade'),
-
+  animated?: boolean,
   /**
-   * The `presentationStyle` prop controls how the modal appears.
+   * The `animationType` prop controls how the modal animates.
    *
-   * See https://reactnative.dev/docs/modal#presentationstyle
+   * - `slide` slides in from the bottom
+   * - `fade` fades into view
+   * - `none` appears without an animation
    */
-  presentationStyle?: ?(
-    | 'fullScreen'
-    | 'pageSheet'
-    | 'formSheet'
-    | 'overFullScreen'
-  ),
-
+  animationType?: ?('none' | 'slide' | 'fade'),
   /**
-   * The `transparent` prop determines whether your modal will fill the
-   * entire view.
-   *
-   * See https://reactnative.dev/docs/modal#transparent
+   * The `transparent` prop determines whether your modal will fill the entire view.
+   * Setting this to `true` will render the modal over a transparent background.
    */
   transparent?: ?boolean,
-
-  /**
-   * The `statusBarTranslucent` prop determines whether your modal should go under
-   * the system statusbar.
-   *
-   * See https://reactnative.dev/docs/modal.html#statusbartranslucent-android
-   */
-  statusBarTranslucent?: ?boolean,
-
-  /**
-   * The `navigationBarTranslucent` prop determines whether your modal should go under
-   * the system navigationbar.
-   *
-   * See https://reactnative.dev/docs/modal.html#navigationbartranslucent-android
-   */
-  navigationBarTranslucent?: ?boolean,
-
-  /**
-   * The `hardwareAccelerated` prop controls whether to force hardware
-   * acceleration for the underlying window.
-   *
-   * This prop works only on Android.
-   *
-   * See https://reactnative.dev/docs/modal#hardwareaccelerated
-   */
-  hardwareAccelerated?: ?boolean,
-
   /**
    * The `visible` prop determines whether your modal is visible.
-   *
-   * See https://reactnative.dev/docs/modal#visible
    */
   visible?: ?boolean,
-
   /**
-   * The `onRequestClose` callback is called when the user taps the hardware
-   * back button on Android or the menu button on Apple TV.
+   * The `onRequestClose` callback is called when the user taps the hardware back button on Android or the menu button on Apple TV.
    *
    * This is required on Apple TV and Android.
-   *
-   * See https://reactnative.dev/docs/modal#onrequestclose
    */
+  // onRequestClose?: (event: NativeSyntheticEvent<any>) => void;
   onRequestClose?: ?DirectEventHandler<null>,
-
   /**
-   * The `onShow` prop allows passing a function that will be called once the
-   * modal has been shown.
-   *
-   * See https://reactnative.dev/docs/modal#onshow
+   * The `onShow` prop allows passing a function that will be called once the modal has been shown.
    */
+  // onShow?: (event: NativeSyntheticEvent<any>) => void;
   onShow?: ?DirectEventHandler<null>,
 
   /**
-   * The `onDismiss` prop allows passing a function that will be called once
-   * the modal has been dismissed.
-   *
-   * See https://reactnative.dev/docs/modal#ondismiss
+   * The `backdropColor` props sets the background color of the modal's container.
+   * Defaults to `white` if not provided and transparent is `false`. Ignored if `transparent` is `true`.
    */
-  onDismiss?: ?() => mixed,
+  backdropColor?: ColorValue,
+};
+
+export type ModalPropsIOS = {
+  /**
+   * The `presentationStyle` determines the style of modal to show
+   */
+  presentationStyle?: ?(
+    | 'fullScreen'
+    | 'pageSheet'
+    | 'formSheet'
+    | 'overFullScreen'
+  ),
 
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
-   *
-   * See https://reactnative.dev/docs/modal#supportedorientations
+   * On iOS, the modal is still restricted by what's specified in your app's Info.plist's UISupportedInterfaceOrientations field.
    */
   supportedOrientations?: ?$ReadOnlyArray<
     | 'portrait'
@@ -159,21 +126,47 @@ export type Props = $ReadOnly<{
     | 'landscape-right',
   >,
 
+  /**
+   * The `onDismiss` prop allows passing a function that will be called once the modal has been dismissed.
+   */
+  // onDismiss?: (() => void) | undefined;
+  onDismiss?: ?() => void,
+
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
-   *
-   * See https://reactnative.dev/docs/modal#onorientationchange
+   * The orientation provided is only 'portrait' or 'landscape'. This callback is also called on initial render, regardless of the current orientation.
    */
+  // onOrientationChange?:
+  //   | ((event: NativeSyntheticEvent<any>) => void)
+  //   | undefined;
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
+};
 
+export type ModalPropsAndroid = {
   /**
-   * The `backdropColor` props sets the background color of the modal's container.
-   * Defaults to `white` if not provided and transparent is `false`. Ignored if `transparent` is `true`.
+   *  Controls whether to force hardware acceleration for the underlying window.
    */
-  backdropColor?: ?string,
-}>;
+  hardwareAccelerated?: ?boolean,
+
+  /**
+   *  Determines whether your modal should go under the system statusbar.
+   */
+  statusBarTranslucent?: ?boolean,
+
+  /**
+   *  Determines whether your modal should go under the system navigationbar.
+   */
+  navigationBarTranslucent?: ?boolean,
+};
+
+export type ModalProps = {
+  ...ModalBaseProps,
+  ...ModalPropsIOS,
+  ...ModalPropsAndroid,
+  ...ViewProps,
+};
 
-function confirmProps(props: Props) {
+function confirmProps(props: ModalProps) {
   if (__DEV__) {
     if (
       props.presentationStyle &&
@@ -201,7 +194,7 @@ type State = {
   isRendered: boolean,
 };
 
-class Modal extends React.Component<Props, State> {
+class Modal extends React.Component<ModalProps, State> {
   static defaultProps: {hardwareAccelerated: boolean, visible: boolean} = {
     visible: true,
     hardwareAccelerated: false,
@@ -212,7 +205,7 @@ class Modal extends React.Component<Props, State> {
   _identifier: number;
   _eventSubscription: ?EventSubscription;
 
-  constructor(props: Props) {
+  constructor(props: ModalProps) {
     super(props);
     if (__DEV__) {
       confirmProps(props);
@@ -248,7 +241,7 @@ class Modal extends React.Component<Props, State> {
     }
   }
 
-  componentDidUpdate(prevProps: Props) {
+  componentDidUpdate(prevProps: ModalProps) {
     if (prevProps.visible === false && this.props.visible === true) {
       this.setState({isRendered: true});
     }
@@ -364,4 +357,4 @@ const styles = StyleSheet.create({
 const ExportedModal: React.ComponentType<React.ElementConfig<typeof Modal>> =
   ModalInjection.unstable_Modal ?? Modal;
 
-module.exports = ExportedModal;
+export default ExportedModal;

package/Libraries/Modal/NativeModalManager.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeModalManager';
-import NativeModalManager from '../../src/private/specs/modules/NativeModalManager';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeModalManager';
+import NativeModalManager from '../../src/private/specs_DEPRECATED/modules/NativeModalManager';
 export default NativeModalManager;

package/Libraries/Modal/RCTModalHostViewNativeComponent.js

@@ -8,6 +8,6 @@
  * @flow strict-local
  */
 
-export * from '../../src/private/specs/components/RCTModalHostViewNativeComponent';
-import RCTModalHostViewNativeComponent from '../../src/private/specs/components/RCTModalHostViewNativeComponent';
+export * from '../../src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent';
+import RCTModalHostViewNativeComponent from '../../src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent';
 export default RCTModalHostViewNativeComponent;

package/Libraries/NativeComponent/BaseViewConfig.android.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 {DynamicallyInjectedByGestureHandler} from './ViewConfigIgnore';
 
@@ -169,12 +171,20 @@ const validAttributesForNonEventProps = {
   experimental_backgroundImage: {
     process: require('../StyleSheet/processBackgroundImage').default,
   },
-  boxShadow: {
-    process: require('../StyleSheet/processBoxShadow').default,
-  },
-  filter: {
-    process: require('../StyleSheet/processFilter').default,
-  },
+  boxShadow:
+    NativeReactNativeFeatureFlags != null &&
+    ReactNativeFeatureFlags.enableNativeCSSParsing()
+      ? true
+      : {
+          process: require('../StyleSheet/processBoxShadow').default,
+        },
+  filter:
+    NativeReactNativeFeatureFlags != null &&
+    ReactNativeFeatureFlags.enableNativeCSSParsing()
+      ? true
+      : {
+          process: require('../StyleSheet/processFilter').default,
+        },
   mixBlendMode: true,
   isolation: true,
   opacity: true,

package/Libraries/NativeComponent/BaseViewConfig.ios.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,
@@ -201,13 +203,13 @@ const validAttributesForNonEventProps = {
   cursor: 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,
@@ -222,15 +224,23 @@ const validAttributesForNonEventProps = {
   borderWidth: true,
   borderBlockWidth: true,
   borderStyle: true,
-  hitSlop: {diff: require('../Utilities/differ/insetsDiffer')},
+  hitSlop: {diff: require('../Utilities/differ/insetsDiffer').default},
   collapsable: true,
   collapsableChildren: true,
-  filter: {
-    process: require('../StyleSheet/processFilter').default,
-  },
-  boxShadow: {
-    process: require('../StyleSheet/processBoxShadow').default,
-  },
+  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/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/NativeModules/specs/NativeDevMenu.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeDevMenu';
-import NativeDevMenu from '../../../src/private/specs/modules/NativeDevMenu';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeDevMenu';
+import NativeDevMenu from '../../../src/private/specs_DEPRECATED/modules/NativeDevMenu';
 export default NativeDevMenu;

package/Libraries/NativeModules/specs/NativeDevSettings.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeDevSettings';
-import NativeDevSettings from '../../../src/private/specs/modules/NativeDevSettings';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeDevSettings';
+import NativeDevSettings from '../../../src/private/specs_DEPRECATED/modules/NativeDevSettings';
 export default NativeDevSettings;

package/Libraries/NativeModules/specs/NativeDeviceEventManager.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeDeviceEventManager';
-import NativeDeviceEventManager from '../../../src/private/specs/modules/NativeDeviceEventManager';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeDeviceEventManager';
+import NativeDeviceEventManager from '../../../src/private/specs_DEPRECATED/modules/NativeDeviceEventManager';
 export default NativeDeviceEventManager;

package/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeDialogManagerAndroid';
-import NativeDialogManagerAndroid from '../../../src/private/specs/modules/NativeDialogManagerAndroid';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeDialogManagerAndroid';
+import NativeDialogManagerAndroid from '../../../src/private/specs_DEPRECATED/modules/NativeDialogManagerAndroid';
 export default NativeDialogManagerAndroid;

package/Libraries/NativeModules/specs/NativeLogBox.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeLogBox';
-import NativeLogBox from '../../../src/private/specs/modules/NativeLogBox';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeLogBox';
+import NativeLogBox from '../../../src/private/specs_DEPRECATED/modules/NativeLogBox';
 export default NativeLogBox;

package/Libraries/NativeModules/specs/NativeRedBox.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeRedBox';
-import NativeRedBox from '../../../src/private/specs/modules/NativeRedBox';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeRedBox';
+import NativeRedBox from '../../../src/private/specs_DEPRECATED/modules/NativeRedBox';
 export default NativeRedBox;

package/Libraries/NativeModules/specs/NativeSourceCode.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../../src/private/specs/modules/NativeSourceCode';
-import NativeSourceCode from '../../../src/private/specs/modules/NativeSourceCode';
+export * from '../../../src/private/specs_DEPRECATED/modules/NativeSourceCode';
+import NativeSourceCode from '../../../src/private/specs_DEPRECATED/modules/NativeSourceCode';
 export default NativeSourceCode;

package/Libraries/Network/FormData.js

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

package/Libraries/Network/NativeNetworkingAndroid.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeNetworkingAndroid';
-import NativeNetworkingAndroid from '../../src/private/specs/modules/NativeNetworkingAndroid';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeNetworkingAndroid';
+import NativeNetworkingAndroid from '../../src/private/specs_DEPRECATED/modules/NativeNetworkingAndroid';
 export default NativeNetworkingAndroid;

package/Libraries/Network/NativeNetworkingIOS.js

@@ -8,6 +8,6 @@
  * @format
  */
 
-export * from '../../src/private/specs/modules/NativeNetworkingIOS';
-import NativeNetworkingIOS from '../../src/private/specs/modules/NativeNetworkingIOS';
+export * from '../../src/private/specs_DEPRECATED/modules/NativeNetworkingIOS';
+import NativeNetworkingIOS from '../../src/private/specs_DEPRECATED/modules/NativeNetworkingIOS';
 export default NativeNetworkingIOS;

package/Libraries/Network/RCTNetworking.android.js

@@ -59,7 +59,7 @@ const RCTNetworking = {
 
   sendRequest(
     method: string,
-    trackingName: string,
+    trackingName: ?string,
     url: string,
     headers: Object,
     data: RequestBody,

package/Libraries/Network/RCTNetworking.ios.js

@@ -29,7 +29,7 @@ const RCTNetworking = {
 
   sendRequest(
     method: string,
-    trackingName: string,
+    trackingName: ?string,
     url: string,
     headers: {...},
     data: RequestBody,

package/Libraries/Network/RCTNetworking.win32.js

@@ -29,7 +29,7 @@ const RCTNetworking = {
 
   sendRequest(
     method: string,
-    trackingName: string,
+    trackingName: ?string,
     url: string,
     headers: {...},
     data: RequestBody,