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

package/Libraries/LogBox/UI/LogBoxInspector.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -92,7 +92,9 @@ const headerTitleMap = {
   component: 'Render Error',
 };
 
-function LogBoxInspectorBody(props) {
+function LogBoxInspectorBody(
+  props: $TEMPORARY$object<{log: LogBoxLog, onRetry: () => void}>,
+) {
   const [collapsed, setCollapsed] = React.useState(true);
 
   React.useEffect(() => {

package/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxInspectorFooter.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxInspectorHeader.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxInspectorHeader.win32.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxInspectorMessageHeader.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxInspectorReactFrames.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -26,7 +26,7 @@ type Props = $ReadOnly<{|
 const BEFORE_SLASH_RE = /^(.*)[\\/]/;
 
 // Taken from React https://github.com/facebook/react/blob/206d61f72214e8ae5b935f0bf8628491cb7f0797/packages/react-devtools-shared/src/backend/describeComponentFrame.js#L27-L41
-function getPrettyFileName(path) {
+function getPrettyFileName(path: string) {
   let fileName = path.replace(BEFORE_SLASH_RE, '');
 
   // In DEV, include code for a common special case:

package/Libraries/LogBox/UI/LogBoxInspectorSection.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -36,7 +36,6 @@ function LogBoxInspectorSourceMapStatus(props: Props): React.Node {
         const animation = Animated.loop(
           Animated.timing(animated, {
             duration: 2000,
-            // $FlowFixMe[method-unbinding]
             easing: Easing.linear,
             toValue: 1,
             useNativeDriver: true,

package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -57,7 +57,7 @@ function LogBoxInspectorStackFrame(props: Props): React.Node {
   );
 }
 
-function getFileName(file) {
+function getFileName(file: ?string) {
   if (file == null) {
     return '<unknown>';
   }

package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.win32.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -57,7 +57,7 @@ function LogBoxInspectorStackFrame(props: Props): React.Node {
   );
 }
 
-function getFileName(file) {
+function getFileName(file: ?string) {
   if (file == null) {
     return '<unknown>';
   }

package/Libraries/LogBox/UI/LogBoxInspectorStackFrames.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -132,7 +132,9 @@ function StackFrameList(props) {
   );
 }
 
-function StackFrameFooter(props) {
+function StackFrameFooter(
+  props: $TEMPORARY$object<{message: string, onPress: () => void}>,
+) {
   return (
     <View style={stackStyles.collapseContainer}>
       <LogBoxButton

package/Libraries/LogBox/UI/LogBoxMessage.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -22,7 +22,7 @@ type Props = {
   ...
 };
 
-const cleanContent = content =>
+const cleanContent = (content: string) =>
   content.replace(/^(TransformError |Warning: (Warning: )?|Error: )/g, '');
 
 function LogBoxMessage(props: Props): React.Node {
@@ -36,7 +36,11 @@ function LogBoxMessage(props: Props): React.Node {
   const substitutionStyle: TextStyleProp = props.style;
   const elements = [];
   let length = 0;
-  const createUnderLength = (key, message, style) => {
+  const createUnderLength = (
+    key: string | $TEMPORARY$string<'-1'>,
+    message: string,
+    style: void | TextStyleProp,
+  ) => {
     let cleanMessage = cleanContent(message);
 
     if (props.maxLength != null) {

package/Libraries/LogBox/UI/LogBoxNotification.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -8,6 +8,7 @@
  * @format
  */
 
+import type {Message as MessageType} from '../Data/parseLogBoxLog';
 import * as React from 'react';
 import Image from '../../Image/Image';
 import StyleSheet from '../../StyleSheet/StyleSheet';
@@ -54,7 +55,9 @@ function LogBoxLogNotification(props: Props): React.Node {
   );
 }
 
-function CountBadge(props) {
+function CountBadge(
+  props: $TEMPORARY$object<{count: number, level: 'error' | 'warn'}>,
+) {
   return (
     <View style={countStyles.outside}>
       {/* $FlowFixMe[incompatible-type] (>=0.114.0) This suppression was added
@@ -69,7 +72,7 @@ function CountBadge(props) {
   );
 }
 
-function Message(props) {
+function Message(props: $TEMPORARY$object<{message: MessageType}>) {
   return (
     <View style={messageStyles.container}>
       <Text numberOfLines={1} style={messageStyles.text}>
@@ -85,7 +88,7 @@ function Message(props) {
   );
 }
 
-function DismissButton(props) {
+function DismissButton(props: $TEMPORARY$object<{onPress: () => void}>) {
   return (
     <View style={dismissStyles.container}>
       <LogBoxButton

package/Libraries/LogBox/UI/LogBoxStyle.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/LogBox/UI/LogBoxStyle.win32.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Modal/Modal.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -44,7 +44,7 @@ const ModalEventEmitter =
 /**
  * The Modal component is a simple way to present content above an enclosing view.
  *
- * See https://reactnative.dev/docs/modal.html
+ * See https://reactnative.dev/docs/modal
  */
 
 // In order to route onDismiss callbacks, we need to uniquely identifier each
@@ -63,14 +63,14 @@ export type Props = $ReadOnly<{|
   /**
    * The `animationType` prop controls how the modal animates.
    *
-   * See https://reactnative.dev/docs/modal.html#animationtype
+   * See https://reactnative.dev/docs/modal#animationtype
    */
   animationType?: ?('none' | 'slide' | 'fade'),
 
   /**
    * The `presentationStyle` prop controls how the modal appears.
    *
-   * See https://reactnative.dev/docs/modal.html#presentationstyle
+   * See https://reactnative.dev/docs/modal#presentationstyle
    */
   presentationStyle?: ?(
     | 'fullScreen'
@@ -83,7 +83,7 @@ export type Props = $ReadOnly<{|
    * The `transparent` prop determines whether your modal will fill the
    * entire view.
    *
-   * See https://reactnative.dev/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal#transparent
    */
   transparent?: ?boolean,
 
@@ -91,7 +91,7 @@ export type Props = $ReadOnly<{|
    * The `statusBarTranslucent` prop determines whether your modal should go under
    * the system statusbar.
    *
-   * See https://reactnative.dev/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal#transparent
    */
   statusBarTranslucent?: ?boolean,
 
@@ -101,14 +101,14 @@ export type Props = $ReadOnly<{|
    *
    * This prop works only on Android.
    *
-   * See https://reactnative.dev/docs/modal.html#hardwareaccelerated
+   * See https://reactnative.dev/docs/modal#hardwareaccelerated
    */
   hardwareAccelerated?: ?boolean,
 
   /**
    * The `visible` prop determines whether your modal is visible.
    *
-   * See https://reactnative.dev/docs/modal.html#visible
+   * See https://reactnative.dev/docs/modal#visible
    */
   visible?: ?boolean,
 
@@ -118,7 +118,7 @@ export type Props = $ReadOnly<{|
    *
    * This is required on Apple TV and Android.
    *
-   * See https://reactnative.dev/docs/modal.html#onrequestclose
+   * See https://reactnative.dev/docs/modal#onrequestclose
    */
   onRequestClose?: ?DirectEventHandler<null>,
 
@@ -126,7 +126,7 @@ export type Props = $ReadOnly<{|
    * The `onShow` prop allows passing a function that will be called once the
    * modal has been shown.
    *
-   * See https://reactnative.dev/docs/modal.html#onshow
+   * See https://reactnative.dev/docs/modal#onshow
    */
   onShow?: ?DirectEventHandler<null>,
 
@@ -134,14 +134,14 @@ export type Props = $ReadOnly<{|
    * The `onDismiss` prop allows passing a function that will be called once
    * the modal has been dismissed.
    *
-   * See https://reactnative.dev/docs/modal.html#ondismiss
+   * See https://reactnative.dev/docs/modal#ondismiss
    */
   onDismiss?: ?() => mixed,
 
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    *
-   * See https://reactnative.dev/docs/modal.html#supportedorientations
+   * See https://reactnative.dev/docs/modal#supportedorientations
    */
   supportedOrientations?: ?$ReadOnlyArray<
     | 'portrait'
@@ -154,7 +154,7 @@ export type Props = $ReadOnly<{|
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
    *
-   * See https://reactnative.dev/docs/modal.html#onorientationchange
+   * See https://reactnative.dev/docs/modal#onorientationchange
    */
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 |}>;
@@ -264,7 +264,8 @@ class Modal extends React.Component<Props> {
         // $FlowFixMe[method-unbinding] added when improving typing for this parameters
         onStartShouldSetResponder={this._shouldSetResponder}
         supportedOrientations={this.props.supportedOrientations}
-        onOrientationChange={this.props.onOrientationChange}>
+        onOrientationChange={this.props.onOrientationChange}
+        testID={this.props.testID}>
         <VirtualizedListContextResetter>
           <ScrollView.Context.Provider value={null}>
             <View

package/Libraries/Modal/ModalInjection.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Modal/NativeModalManager.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.

package/Libraries/Modal/RCTModalHostViewNativeComponent.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -28,14 +28,14 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `animationType` prop controls how the modal animates.
    *
-   * See https://reactnative.dev/docs/modal.html#animationtype
+   * See https://reactnative.dev/docs/modal#animationtype
    */
   animationType?: WithDefault<'none' | 'slide' | 'fade', 'none'>,
 
   /**
    * The `presentationStyle` prop controls how the modal appears.
    *
-   * See https://reactnative.dev/docs/modal.html#presentationstyle
+   * See https://reactnative.dev/docs/modal#presentationstyle
    */
   presentationStyle?: WithDefault<
     'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
@@ -46,7 +46,7 @@ type NativeProps = $ReadOnly<{|
    * The `transparent` prop determines whether your modal will fill the
    * entire view.
    *
-   * See https://reactnative.dev/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal#transparent
    */
   transparent?: WithDefault<boolean, false>,
 
@@ -54,7 +54,7 @@ type NativeProps = $ReadOnly<{|
    * The `statusBarTranslucent` prop determines whether your modal should go under
    * the system statusbar.
    *
-   * See https://reactnative.dev/docs/modal.html#statusBarTranslucent
+   * See https://reactnative.dev/docs/modal#statusBarTranslucent
    */
   statusBarTranslucent?: WithDefault<boolean, false>,
 
@@ -62,7 +62,7 @@ type NativeProps = $ReadOnly<{|
    * The `hardwareAccelerated` prop controls whether to force hardware
    * acceleration for the underlying window.
    *
-   * See https://reactnative.dev/docs/modal.html#hardwareaccelerated
+   * See https://reactnative.dev/docs/modal#hardwareaccelerated
    */
   hardwareAccelerated?: WithDefault<boolean, false>,
 
@@ -72,7 +72,7 @@ type NativeProps = $ReadOnly<{|
    *
    * This is required on Apple TV and Android.
    *
-   * See https://reactnative.dev/docs/modal.html#onrequestclose
+   * See https://reactnative.dev/docs/modal#onrequestclose
    */
   onRequestClose?: ?DirectEventHandler<null>,
 
@@ -80,7 +80,7 @@ type NativeProps = $ReadOnly<{|
    * The `onShow` prop allows passing a function that will be called once the
    * modal has been shown.
    *
-   * See https://reactnative.dev/docs/modal.html#onshow
+   * See https://reactnative.dev/docs/modal#onshow
    */
   onShow?: ?DirectEventHandler<null>,
 
@@ -88,14 +88,14 @@ type NativeProps = $ReadOnly<{|
    * The `onDismiss` prop allows passing a function that will be called once
    * the modal has been dismissed.
    *
-   * See https://reactnative.dev/docs/modal.html#ondismiss
+   * See https://reactnative.dev/docs/modal#ondismiss
    */
   onDismiss?: ?DirectEventHandler<null>,
 
   /**
    * The `visible` prop determines whether your modal is visible.
    *
-   * See https://reactnative.dev/docs/modal.html#visible
+   * See https://reactnative.dev/docs/modal#visible
    */
   visible?: WithDefault<boolean, false>,
 
@@ -107,7 +107,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
    *
-   * See https://reactnative.dev/docs/modal.html#supportedorientations
+   * See https://reactnative.dev/docs/modal#supportedorientations
    */
   supportedOrientations?: WithDefault<
     $ReadOnlyArray<
@@ -123,7 +123,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
    *
-   * See https://reactnative.dev/docs/modal.html#onorientationchange
+   * See https://reactnative.dev/docs/modal#onorientationchange
    */
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 

package/Libraries/NativeComponent/NativeComponentRegistry.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * 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.
@@ -8,6 +8,7 @@
  * @format
  */
 
+import * as StaticViewConfigValidator from './StaticViewConfigValidator';
 import {createViewConfig} from './ViewConfig';
 import UIManager from '../ReactNative/UIManager';
 import type {
@@ -32,10 +33,9 @@ let componentNameToExists: Map<string, boolean> = new Map();
  * the current environment.
  */
 export function setRuntimeConfigProvider(
-  runtimeConfigProvider: (
-    name: string,
-  ) => ?{
+  runtimeConfigProvider: (name: string) => ?{
     native: boolean,
+    strict: boolean,
     verify: boolean,
   },
 ): void {
@@ -57,8 +57,9 @@ export function get<Config>(
   viewConfigProvider: () => PartialViewConfig,
 ): HostComponent<Config> {
   ReactNativeViewConfigRegistry.register(name, () => {
-    const {native, verify} = getRuntimeConfig?.(name) ?? {
+    const {native, strict, verify} = getRuntimeConfig?.(name) ?? {
       native: true,
+      strict: false,
       verify: false,
     };
 
@@ -67,16 +68,30 @@ export function get<Config>(
       : createViewConfig(viewConfigProvider());
 
     if (verify) {
-      if (native) {
-        verifyComponentAttributeEquivalence(
-          viewConfig,
-          createViewConfig(viewConfigProvider()),
+      const nativeViewConfig = native
+        ? viewConfig
+        : getNativeComponentAttributes(name);
+      const staticViewConfig = native
+        ? createViewConfig(viewConfigProvider())
+        : viewConfig;
+
+      if (strict) {
+        const validationOutput = StaticViewConfigValidator.validate(
+          name,
+          nativeViewConfig,
+          staticViewConfig,
         );
+
+        if (validationOutput.type === 'invalid') {
+          console.error(
+            StaticViewConfigValidator.stringifyValidationResult(
+              name,
+              validationOutput,
+            ),
+          );
+        }
       } else {
-        verifyComponentAttributeEquivalence(
-          getNativeComponentAttributes(name),
-          viewConfig,
-        );
+        verifyComponentAttributeEquivalence(nativeViewConfig, staticViewConfig);
       }
     }
 
@@ -101,6 +116,7 @@ export function getWithFallback_DEPRECATED<Config>(
   viewConfigProvider: () => PartialViewConfig,
 ): React.AbstractComponent<Config> {
   if (getRuntimeConfig == null) {
+    // `getRuntimeConfig == null` when static view configs are disabled
     // If `setRuntimeConfigProvider` is not configured, use native reflection.
     if (hasNativeViewConfig(name)) {
       return get<Config>(name, viewConfigProvider);
@@ -112,7 +128,7 @@ export function getWithFallback_DEPRECATED<Config>(
     }
   }
 
-  const FallbackNativeComponent = function(props: Config): React.Node {
+  const FallbackNativeComponent = function (props: Config): React.Node {
     return null;
   };
   FallbackNativeComponent.displayName = `Fallback(${name})`;
@@ -136,22 +152,3 @@ export function unstable_hasStaticViewConfig(name: string): boolean {
   };
   return !native;
 }
-
-/**
- * Unstable API. Do not use!
- *
- * This method returns if the component with name received as a parameter
- * is registed in the native platform.
- */
-export function unstable_hasComponent(name: string): boolean {
-  let hasNativeComponent = componentNameToExists.get(name);
-  if (hasNativeComponent == null) {
-    if (global.__nativeComponentRegistry__hasComponent) {
-      hasNativeComponent = global.__nativeComponentRegistry__hasComponent(name);
-      componentNameToExists.set(name, hasNativeComponent);
-    } else {
-      throw `unstable_hasComponent('${name}'): Global function is not registered`;
-    }
-  }
-  return hasNativeComponent;
-}

package/Libraries/NativeComponent/NativeComponentRegistryUnstable.js

@@ -0,0 +1,27 @@
+/**
+ * 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.
+ */
+
+let componentNameToExists: Map<string, boolean> = new Map();
+
+/**
+ * Unstable API. Do not use!
+ *
+ * This method returns if the component with name received as a parameter
+ * is registed in the native platform.
+ */
+export function unstable_hasComponent(name: string): boolean {
+  let hasNativeComponent = componentNameToExists.get(name);
+  if (hasNativeComponent == null) {
+    if (global.__nativeComponentRegistry__hasComponent) {
+      hasNativeComponent = global.__nativeComponentRegistry__hasComponent(name);
+      componentNameToExists.set(name, hasNativeComponent);
+    } else {
+      throw `unstable_hasComponent('${name}'): Global function is not registered`;
+    }
+  }
+  return hasNativeComponent;
+}