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

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;
+}

package/Libraries/NativeComponent/StaticViewConfigValidator.js

@@ -0,0 +1,198 @@
+/**
+ * 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
+ * @format
+ */
+
+import {type ViewConfig} from '../Renderer/shims/ReactNativeTypes';
+// $FlowFixMe[nonstrict-import]
+import getNativeComponentAttributes from '../ReactNative/getNativeComponentAttributes';
+// $FlowFixMe[nonstrict-import]
+import {createViewConfig} from './ViewConfig';
+
+type Difference =
+  | {
+      type: 'missing',
+      path: Array<string>,
+      nativeValue: mixed,
+    }
+  | {
+      type: 'unequal',
+      path: Array<string>,
+      nativeValue: mixed,
+      staticValue: mixed,
+    }
+  | {
+      type: 'unexpected',
+      path: Array<string>,
+      staticValue: mixed,
+    };
+
+type ValidationResult = ValidResult | InvalidResult;
+type ValidResult = {
+  type: 'valid',
+};
+type InvalidResult = {
+  type: 'invalid',
+  differences: Array<Difference>,
+};
+
+type ViewConfigValidationResult = {
+  componentName: string,
+  nativeViewConfig?: ?ViewConfig,
+  staticViewConfig?: ?ViewConfig,
+  validationResult?: ?ValidationResult,
+};
+
+// e.g. require('MyNativeComponent') where MyNativeComponent.js exports a HostComponent
+type JSModule = $FlowFixMe;
+
+export function validateStaticViewConfigs(
+  nativeComponent: JSModule,
+): ViewConfigValidationResult {
+  const nativeViewConfig = getNativeComponentAttributes(
+    nativeComponent.default || nativeComponent,
+  );
+
+  const generatedPartialViewConfig = nativeComponent.__INTERNAL_VIEW_CONFIG;
+  const staticViewConfig: ?ViewConfig =
+    generatedPartialViewConfig && createViewConfig(generatedPartialViewConfig);
+
+  const componentName: string = nativeComponent.default || nativeComponent;
+  const validationResult: ?ValidationResult =
+    nativeViewConfig &&
+    staticViewConfig &&
+    validate(componentName, nativeViewConfig, staticViewConfig);
+
+  return {
+    componentName,
+    nativeViewConfig,
+    staticViewConfig,
+    validationResult,
+  };
+}
+
+/**
+ * During the migration from native view configs to static view configs, this is
+ * used to validate that the two are equivalent.
+ */
+export function validate(
+  name: string,
+  nativeViewConfig: ViewConfig,
+  staticViewConfig: ViewConfig,
+): ValidationResult {
+  const differences = [];
+  accumulateDifferences(
+    differences,
+    [],
+    {
+      bubblingEventTypes: nativeViewConfig.bubblingEventTypes,
+      directEventTypes: nativeViewConfig.directEventTypes,
+      uiViewClassName: nativeViewConfig.uiViewClassName,
+      validAttributes: nativeViewConfig.validAttributes,
+    },
+    {
+      bubblingEventTypes: staticViewConfig.bubblingEventTypes,
+      directEventTypes: staticViewConfig.directEventTypes,
+      uiViewClassName: staticViewConfig.uiViewClassName,
+      validAttributes: staticViewConfig.validAttributes,
+    },
+  );
+
+  if (differences.length === 0) {
+    return {type: 'valid'};
+  }
+
+  return {
+    type: 'invalid',
+    differences,
+  };
+}
+
+export function stringifyValidationResult(
+  name: string,
+  validationResult: InvalidResult,
+): string {
+  const {differences} = validationResult;
+  return [
+    `StaticViewConfigValidator: Invalid static view config for '${name}'.`,
+    '',
+    ...differences.map(difference => {
+      const {type, path} = difference;
+      switch (type) {
+        case 'missing':
+          return `- '${path.join('.')}' is missing.`;
+        case 'unequal':
+          return `- '${path.join('.')}' is the wrong value.`;
+        case 'unexpected':
+          return `- '${path.join('.')}' is present but not expected to be.`;
+      }
+    }),
+    '',
+  ].join('\n');
+}
+
+function accumulateDifferences(
+  differences: Array<Difference>,
+  path: Array<string>,
+  nativeObject: {...},
+  staticObject: {...},
+): void {
+  for (const nativeKey in nativeObject) {
+    const nativeValue = nativeObject[nativeKey];
+
+    if (!staticObject.hasOwnProperty(nativeKey)) {
+      differences.push({
+        path: [...path, nativeKey],
+        type: 'missing',
+        nativeValue,
+      });
+      continue;
+    }
+
+    const staticValue = staticObject[nativeKey];
+
+    const nativeValueIfObject = ifObject(nativeValue);
+    if (nativeValueIfObject != null) {
+      const staticValueIfObject = ifObject(staticValue);
+      if (staticValueIfObject != null) {
+        path.push(nativeKey);
+        accumulateDifferences(
+          differences,
+          path,
+          nativeValueIfObject,
+          staticValueIfObject,
+        );
+        path.pop();
+        continue;
+      }
+    }
+
+    if (nativeValue !== staticValue) {
+      differences.push({
+        path: [...path, nativeKey],
+        type: 'unequal',
+        nativeValue,
+        staticValue,
+      });
+    }
+  }
+
+  for (const staticKey in staticObject) {
+    if (!nativeObject.hasOwnProperty(staticKey)) {
+      differences.push({
+        path: [...path, staticKey],
+        type: 'unexpected',
+        staticValue: staticObject[staticKey],
+      });
+    }
+  }
+}
+
+function ifObject(value: mixed): ?{...} {
+  return typeof value === 'object' && !Array.isArray(value) ? value : null;
+}

package/Libraries/NativeComponent/ViewConfig.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/NativeModules/specs/NativeAnimationsDebugModule.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/NativeModules/specs/NativeDevMenu.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/NativeModules/specs/NativeDevSettings.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/NativeModules/specs/NativeDeviceEventManager.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/NativeModules/specs/NativeDialogManagerAndroid.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/NativeModules/specs/NativeLogBox.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/NativeModules/specs/NativeRedBox.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/NativeModules/specs/NativeSourceCode.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/Network/FormData.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/Network/NativeNetworkingAndroid.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/Network/NativeNetworkingIOS.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/Network/RCTNetworking.android.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/Network/RCTNetworking.ios.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/Network/RCTNetworking.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.
@@ -60,7 +60,7 @@ class RCTNetworking extends NativeEventEmitter<$FlowFixMe> {
   ) {
     const body = convertRequestBody(data);
     if (body && body.formData) {
-      body.formData = body.formData.map(part => ({
+      body.formData = body.formData.map((part) => ({
         ...part,
         headers: convertHeadersMapToArray(part.headers),
       }));

package/Libraries/Network/XHRInterceptor.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.
@@ -75,7 +75,7 @@ const XHRInterceptor = {
     }
     // Override `open` method for all XHR requests to intercept the request
     // method and url, then pass them through the `openCallback`.
-    XMLHttpRequest.prototype.open = function(method, url) {
+    XMLHttpRequest.prototype.open = function (method, url) {
       if (openCallback) {
         openCallback(method, url, this);
       }
@@ -84,7 +84,7 @@ const XHRInterceptor = {
 
     // Override `setRequestHeader` method for all XHR requests to intercept
     // the request headers, then pass them through the `requestHeaderCallback`.
-    XMLHttpRequest.prototype.setRequestHeader = function(header, value) {
+    XMLHttpRequest.prototype.setRequestHeader = function (header, value) {
       if (requestHeaderCallback) {
         requestHeaderCallback(header, value, this);
       }
@@ -93,7 +93,7 @@ const XHRInterceptor = {
 
     // Override `send` method of all XHR requests to intercept the data sent,
     // register listeners to intercept the response, and invoke the callbacks.
-    XMLHttpRequest.prototype.send = function(data) {
+    XMLHttpRequest.prototype.send = function (data) {
       if (sendCallback) {
         sendCallback(data, this);
       }
@@ -106,9 +106,8 @@ const XHRInterceptor = {
             }
             if (this.readyState === this.HEADERS_RECEIVED) {
               const contentTypeString = this.getResponseHeader('Content-Type');
-              const contentLengthString = this.getResponseHeader(
-                'Content-Length',
-              );
+              const contentLengthString =
+                this.getResponseHeader('Content-Length');
               let responseContentType, responseSize;
               if (contentTypeString) {
                 responseContentType = contentTypeString.split(';')[0];

package/Libraries/Network/XMLHttpRequest.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.
@@ -136,7 +136,6 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
   _lowerCaseResponseHeaders: Object;
   _method: ?string = null;
   _perfKey: ?string = null;
-  _response: string | ?Object;
   _responseType: ResponseType;
   _response: string = '';
   _sent: boolean;
@@ -423,12 +422,49 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
       // according to the spec, return null if no response has been received
       return null;
     }
-    const headers = this.responseHeaders || {};
-    return Object.keys(headers)
-      .map(headerName => {
-        return headerName + ': ' + headers[headerName];
-      })
-      .join('\r\n');
+
+    // Assign to non-nullable local variable.
+    const responseHeaders = this.responseHeaders;
+
+    const unsortedHeaders: Map<
+      string,
+      {lowerHeaderName: string, upperHeaderName: string, headerValue: string},
+    > = new Map();
+    for (const rawHeaderName of Object.keys(responseHeaders)) {
+      const headerValue = responseHeaders[rawHeaderName];
+      const lowerHeaderName = rawHeaderName.toLowerCase();
+      const header = unsortedHeaders.get(lowerHeaderName);
+      if (header) {
+        header.headerValue += ', ' + headerValue;
+        unsortedHeaders.set(lowerHeaderName, header);
+      } else {
+        unsortedHeaders.set(lowerHeaderName, {
+          lowerHeaderName,
+          upperHeaderName: rawHeaderName.toUpperCase(),
+          headerValue,
+        });
+      }
+    }
+
+    // Sort in ascending order, with a being less than b if a's name is legacy-uppercased-byte less than b's name.
+    const sortedHeaders = [...unsortedHeaders.values()].sort((a, b) => {
+      if (a.upperHeaderName < b.upperHeaderName) {
+        return -1;
+      }
+      if (a.upperHeaderName > b.upperHeaderName) {
+        return 1;
+      }
+      return 0;
+    });
+
+    // Combine into single text response.
+    return (
+      sortedHeaders
+        .map(header => {
+          return header.lowerHeaderName + ': ' + header.headerValue;
+        })
+        .join('\r\n') + '\r\n'
+    );
   }
 
   getResponseHeader(header: string): ?string {

package/Libraries/Network/convertRequestBody.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/Network/fetch.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/NewAppScreen/components/Colors.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/NewAppScreen/components/DebugInstructions.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/NewAppScreen/components/Header.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/NewAppScreen/components/HermesBadge.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/NewAppScreen/components/LearnMoreLinks.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/NewAppScreen/components/ReloadInstructions.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/NewAppScreen/index.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/Performance/NativeJSCSamplingProfiler.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.