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

package/Libraries/Image/ImageAnalyticsTagContext.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.
@@ -12,9 +12,8 @@ import * as React from 'react';
 
 type ContextType = ?string;
 
-const Context: React.Context<ContextType> = React.createContext<ContextType>(
-  null,
-);
+const Context: React.Context<ContextType> =
+  React.createContext<ContextType>(null);
 
 if (__DEV__) {
   Context.displayName = 'ImageAnalyticsTagContext';

package/Libraries/Image/ImageBackground.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.
@@ -15,7 +15,9 @@ import * as React from 'react';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import flattenStyle from '../StyleSheet/flattenStyle';
 import View from '../Components/View/View';
+import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type {ImageBackgroundProps} from './ImageProps';
+import type {ViewProps} from '../Components/View/ViewPropTypes';
 
 /**
  * Very simple drop-in replacement for <Image> which supports nesting views.
@@ -52,7 +54,14 @@ class ImageBackground extends React.Component<ImageBackgroundProps> {
 
   _viewRef: ?React.ElementRef<typeof View> = null;
 
-  _captureRef = ref => {
+  _captureRef = (
+    ref: null | React$ElementRef<
+      React$AbstractComponent<
+        ViewProps,
+        React.ElementRef<HostComponent<ViewProps>>,
+      >,
+    >,
+  ) => {
     this._viewRef = ref;
   };
 

package/Libraries/Image/ImageInjection.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/Image/ImagePickerIOS.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.
@@ -12,15 +12,15 @@ import NativeImagePickerIOS from './NativeImagePickerIOS';
 import invariant from 'invariant';
 
 const ImagePickerIOS = {
-  canRecordVideos: function(callback: (result: boolean) => void): void {
+  canRecordVideos: function (callback: (result: boolean) => void): void {
     invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
     return NativeImagePickerIOS.canRecordVideos(callback);
   },
-  canUseCamera: function(callback: (result: boolean) => void): void {
+  canUseCamera: function (callback: (result: boolean) => void): void {
     invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
     return NativeImagePickerIOS.canUseCamera(callback);
   },
-  openCameraDialog: function(
+  openCameraDialog: function (
     config: $ReadOnly<{|
       unmirrorFrontFacingCamera?: boolean,
       videoMode?: boolean,
@@ -49,7 +49,7 @@ const ImagePickerIOS = {
       cancelCallback,
     );
   },
-  openSelectDialog: function(
+  openSelectDialog: function (
     config: $ReadOnly<{|
       showImages?: boolean,
       showVideos?: boolean,
@@ -86,7 +86,7 @@ const ImagePickerIOS = {
    * It is safe to call this method for urlsthat aren't video URLs;
    * it will be a no-op.
    */
-  removePendingVideo: function(url: string): void {
+  removePendingVideo: function (url: string): void {
     invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
     NativeImagePickerIOS.removePendingVideo(url);
   },
@@ -94,7 +94,7 @@ const ImagePickerIOS = {
    * WARNING: In most cases, removePendingVideo should be used instead because
    * clearAllPendingVideos could clear out pending videos made by other callers.
    */
-  clearAllPendingVideos: function(): void {
+  clearAllPendingVideos: function (): void {
     invariant(NativeImagePickerIOS, 'ImagePickerIOS is not available');
     NativeImagePickerIOS.clearAllPendingVideos();
   },

package/Libraries/Image/ImageProps.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.
@@ -32,19 +32,19 @@ type IOSImageProps = $ReadOnly<{|
   /**
    * A static image to display while loading the image source.
    *
-   * See https://reactnative.dev/docs/image.html#defaultsource
+   * See https://reactnative.dev/docs/image#defaultsource
    */
   defaultSource?: ?ImageSource,
   /**
    * Invoked when a partial load of the image is complete.
    *
-   * See https://reactnative.dev/docs/image.html#onpartialload
+   * See https://reactnative.dev/docs/image#onpartialload
    */
   onPartialLoad?: ?() => void,
   /**
    * Invoked on download progress with `{nativeEvent: {loaded, total}}`.
    *
-   * See https://reactnative.dev/docs/image.html#onprogress
+   * See https://reactnative.dev/docs/image#onprogress
    */
   onProgress?: ?(
     event: SyntheticEvent<$ReadOnly<{|loaded: number, total: number|}>>,
@@ -65,7 +65,7 @@ export type ImageProps = {|
   /**
    * When true, indicates the image is an accessibility element.
    *
-   * See https://reactnative.dev/docs/image.html#accessible
+   * See https://reactnative.dev/docs/image#accessible
    */
   accessible?: ?boolean,
 
@@ -78,26 +78,26 @@ export type ImageProps = {|
    * The text that's read by the screen reader when the user interacts with
    * the image.
    *
-   * See https://reactnative.dev/docs/image.html#accessibilitylabel
+   * See https://reactnative.dev/docs/image#accessibilitylabel
    */
   accessibilityLabel?: ?Stringish,
 
   /**
    * blurRadius: the blur radius of the blur filter added to the image
    *
-   * See https://reactnative.dev/docs/image.html#blurradius
+   * See https://reactnative.dev/docs/image#blurradius
    */
   blurRadius?: ?number,
 
   /**
-   * See https://reactnative.dev/docs/image.html#capinsets
+   * See https://reactnative.dev/docs/image#capinsets
    */
   capInsets?: ?EdgeInsetsProp,
 
   /**
    * Invoked on load error with `{nativeEvent: {error}}`.
    *
-   * See https://reactnative.dev/docs/image.html#onerror
+   * See https://reactnative.dev/docs/image#onerror
    */
   onError?: ?(
     event: SyntheticEvent<
@@ -111,7 +111,7 @@ export type ImageProps = {|
    * Invoked on mount and layout changes with
    * `{nativeEvent: {layout: {x, y, width, height}}}`.
    *
-   * See https://reactnative.dev/docs/image.html#onlayout
+   * See https://reactnative.dev/docs/image#onlayout
    */
 
   onLayout?: ?(event: LayoutEvent) => mixed,
@@ -119,38 +119,38 @@ export type ImageProps = {|
   /**
    * Invoked when load completes successfully.
    *
-   * See https://reactnative.dev/docs/image.html#onload
+   * See https://reactnative.dev/docs/image#onload
    */
   onLoad?: ?(event: ImageLoadEvent) => void,
 
   /**
    * Invoked when load either succeeds or fails.
    *
-   * See https://reactnative.dev/docs/image.html#onloadend
+   * See https://reactnative.dev/docs/image#onloadend
    */
   onLoadEnd?: ?() => void,
 
   /**
    * Invoked on load start.
    *
-   * See https://reactnative.dev/docs/image.html#onloadstart
+   * See https://reactnative.dev/docs/image#onloadstart
    */
   onLoadStart?: ?() => void,
 
   /**
-   * See https://reactnative.dev/docs/image.html#resizemethod
+   * See https://reactnative.dev/docs/image#resizemethod
    */
   resizeMethod?: ?('auto' | 'resize' | 'scale'),
 
   /**
    * The image source (either a remote URL or a local file resource).
    *
-   * See https://reactnative.dev/docs/image.html#source
+   * See https://reactnative.dev/docs/image#source
    */
   source?: ?ImageSource,
 
   /**
-   * See https://reactnative.dev/docs/image.html#style
+   * See https://reactnative.dev/docs/image#style
    */
   style?: ?ImageStyleProp,
 
@@ -158,7 +158,7 @@ export type ImageProps = {|
    * Determines how to resize the image when the frame doesn't match the raw
    * image dimensions.
    *
-   * See https://reactnative.dev/docs/image.html#resizemode
+   * See https://reactnative.dev/docs/image#resizemode
    */
   resizeMode?: ?('cover' | 'contain' | 'stretch' | 'repeat' | 'center'),
 
@@ -166,7 +166,7 @@ export type ImageProps = {|
    * A unique identifier for this element to be used in UI Automation
    * testing scripts.
    *
-   * See https://reactnative.dev/docs/image.html#testid
+   * See https://reactnative.dev/docs/image#testid
    */
   testID?: ?string,
 

package/Libraries/Image/ImageResizeMode.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/Image/ImageSource.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/Image/ImageViewNativeComponent.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.
@@ -18,6 +18,7 @@ import type {
   DangerouslyImpreciseStyle,
   ImageStyleProp,
 } from '../StyleSheet/StyleSheet';
+import Platform from '../Utilities/Platform';
 
 type Props = $ReadOnly<{
   ...ImageProps,
@@ -31,69 +32,103 @@ type Props = $ReadOnly<{
   // Android native props
   shouldNotifyLoadEvents?: boolean,
   src?: ?ResolvedAssetSource | $ReadOnlyArray<{uri: string, ...}>,
-  headers?: ?string,
+  headers?: ?{[string]: string},
   defaultSrc?: ?string,
   loadingIndicatorSrc?: ?string,
 }>;
 
-const ImageViewNativeComponent: HostComponent<Props> = NativeComponentRegistry.get<Props>(
-  'RCTImageView',
-  () => ({
-    uiViewClassName: 'RCTImageView',
-    bubblingEventTypes: {},
-    directEventTypes: {
-      topLoadStart: {
-        registrationName: 'onLoadStart',
-      },
-      topProgress: {
-        registrationName: 'onProgress',
-      },
-      topError: {
-        registrationName: 'onError',
-      },
-      topPartialLoad: {
-        registrationName: 'onPartialLoad',
-      },
-      topLoad: {
-        registrationName: 'onLoad',
-      },
-      topLoadEnd: {
-        registrationName: 'onLoadEnd',
-      },
-    },
-    validAttributes: {
-      blurRadius: true,
-      capInsets: {
-        diff: require('../Utilities/differ/insetsDiffer'),
-      },
-      defaultSource: {
-        process: require('./resolveAssetSource'),
-      },
-      defaultSrc: true,
-      fadeDuration: true,
-      headers: true,
-      internal_analyticTag: true,
-      loadingIndicatorSrc: true,
-      onError: true,
-      onLoad: true,
-      onLoadEnd: true,
-      onLoadStart: true,
-      onPartialLoad: true,
-      onProgress: true,
-      overlayColor: {
-        process: require('../StyleSheet/processColor'),
-      },
-      progressiveRenderingEnabled: true,
-      resizeMethod: true,
-      resizeMode: true,
-      shouldNotifyLoadEvents: true,
-      source: true,
-      src: true,
-      tintColor: {
-        process: require('../StyleSheet/processColor'),
-      },
-    },
-  }),
-);
+const ImageViewViewConfig =
+  Platform.OS === 'android'
+    ? {
+        uiViewClassName: 'RCTImageView',
+        bubblingEventTypes: {},
+        directEventTypes: {
+          topLoadStart: {
+            registrationName: 'onLoadStart',
+          },
+          topProgress: {
+            registrationName: 'onProgress',
+          },
+          topError: {
+            registrationName: 'onError',
+          },
+          topLoad: {
+            registrationName: 'onLoad',
+          },
+          topLoadEnd: {
+            registrationName: 'onLoadEnd',
+          },
+        },
+        validAttributes: {
+          blurRadius: true,
+          internal_analyticTag: true,
+          resizeMode: true,
+          tintColor: {
+            process: require('../StyleSheet/processColor'),
+          },
+          borderBottomLeftRadius: true,
+          borderTopLeftRadius: true,
+          resizeMethod: true,
+          src: true,
+          borderRadius: true,
+          headers: true,
+          shouldNotifyLoadEvents: true,
+          defaultSrc: true,
+          overlayColor: {
+            process: require('../StyleSheet/processColor'),
+          },
+          borderColor: {
+            process: require('../StyleSheet/processColor'),
+          },
+          accessible: true,
+          progressiveRenderingEnabled: true,
+          fadeDuration: true,
+          borderBottomRightRadius: true,
+          borderTopRightRadius: true,
+          loadingIndicatorSrc: true,
+        },
+      }
+    : {
+        uiViewClassName: 'RCTImageView',
+        bubblingEventTypes: {},
+        directEventTypes: {
+          topLoadStart: {
+            registrationName: 'onLoadStart',
+          },
+          topProgress: {
+            registrationName: 'onProgress',
+          },
+          topError: {
+            registrationName: 'onError',
+          },
+          topPartialLoad: {
+            registrationName: 'onPartialLoad',
+          },
+          topLoad: {
+            registrationName: 'onLoad',
+          },
+          topLoadEnd: {
+            registrationName: 'onLoadEnd',
+          },
+        },
+        validAttributes: {
+          blurRadius: true,
+          capInsets: {
+            diff: require('../Utilities/differ/insetsDiffer'),
+          },
+          defaultSource: {
+            process: require('./resolveAssetSource'),
+          },
+          internal_analyticTag: true,
+          resizeMode: true,
+          source: true,
+          tintColor: {
+            process: require('../StyleSheet/processColor'),
+          },
+        },
+      };
+
+const ImageViewNativeComponent: HostComponent<Props> =
+  NativeComponentRegistry.get<Props>('RCTImageView', () => ImageViewViewConfig);
 
 export default ImageViewNativeComponent;

package/Libraries/Image/NativeImageEditor.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/Image/NativeImageLoaderAndroid.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.
@@ -14,9 +14,7 @@ import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 export interface Spec extends TurboModule {
   +abortRequest: (requestId: number) => void;
   +getConstants: () => {||};
-  +getSize: (
-    uri: string,
-  ) => Promise<
+  +getSize: (uri: string) => Promise<
     $ReadOnly<{
       width: number,
       height: number,

package/Libraries/Image/NativeImageLoaderIOS.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/Image/NativeImageLoaderWin32.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/Image/NativeImagePickerIOS.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/Image/NativeImageStoreAndroid.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/Image/NativeImageStoreIOS.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/Image/RelativeImageStub.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/Image/TextInlineImageNativeComponent.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.
@@ -10,93 +10,33 @@
 
 'use strict';
 
-import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
-import type {ImageProps} from './ImageProps';
 import type {ViewProps} from '../Components/View/ViewPropTypes';
+import type {ImageResizeMode} from './ImageResizeMode';
 import * as NativeComponentRegistry from '../NativeComponent/NativeComponentRegistry';
-import type {
-  ColorValue,
-  DangerouslyImpreciseStyle,
-  ImageStyleProp,
-} from '../StyleSheet/StyleSheet';
+import type {ColorValue} from '../StyleSheet/StyleSheet';
 
-type Props = $ReadOnly<{
-  ...ImageProps,
+type NativeProps = $ReadOnly<{
   ...ViewProps,
-
-  style?: ImageStyleProp | DangerouslyImpreciseStyle,
-
-  // iOS native props
-  tintColor?: ColorValue,
-
-  // Android native props
-  shouldNotifyLoadEvents?: boolean,
-  src?: ?ResolvedAssetSource | $ReadOnlyArray<{uri: string, ...}>,
-  headers?: ?string,
-  defaultSrc?: ?string,
-  loadingIndicatorSrc?: ?string,
-  internal_analyticTag?: ?string,
+  resizeMode?: ?ImageResizeMode,
+  src?: ?$ReadOnlyArray<?$ReadOnly<{uri: string, ...}>>,
+  tintColor?: ?ColorValue,
+  headers?: ?{[string]: string},
 }>;
 
-const TextInlineImage: HostComponent<Props> = NativeComponentRegistry.get<Props>(
-  'RCTTextInlineImage',
-  () => ({
-    uiViewClassName: 'RCTImageView',
+const TextInlineImage: HostComponent<NativeProps> =
+  NativeComponentRegistry.get<NativeProps>('RCTTextInlineImage', () => ({
+    uiViewClassName: 'RCTTextInlineImage',
     bubblingEventTypes: {},
-    directEventTypes: {
-      topLoadStart: {
-        registrationName: 'onLoadStart',
-      },
-      topProgress: {
-        registrationName: 'onProgress',
-      },
-      topError: {
-        registrationName: 'onError',
-      },
-      topPartialLoad: {
-        registrationName: 'onPartialLoad',
-      },
-      topLoad: {
-        registrationName: 'onLoad',
-      },
-      topLoadEnd: {
-        registrationName: 'onLoadEnd',
-      },
-    },
+    directEventTypes: {},
     validAttributes: {
-      blurRadius: true,
-      capInsets: {
-        diff: require('../Utilities/differ/insetsDiffer'),
-      },
-      defaultSource: {
-        process: require('./resolveAssetSource'),
-      },
-      defaultSrc: true,
-      fadeDuration: true,
-      headers: true,
-      internal_analyticTag: true,
-      loadingIndicatorSrc: true,
-      onError: true,
-      onLoad: true,
-      onLoadEnd: true,
-      onLoadStart: true,
-      onPartialLoad: true,
-      onProgress: true,
-      overlayColor: {
-        process: require('../StyleSheet/processColor'),
-      },
-      progressiveRenderingEnabled: true,
-      resizeMethod: true,
       resizeMode: true,
-      shouldNotifyLoadEvents: true,
-      source: true,
       src: true,
       tintColor: {
         process: require('../StyleSheet/processColor'),
       },
+      headers: true,
     },
-  }),
-);
+  }));
 
 module.exports = TextInlineImage;

package/Libraries/Image/nativeImageSource.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.
@@ -18,7 +18,7 @@ type NativeImageSourceSpec = $ReadOnly<{|
   default?: string,
 
   // For more details on width and height, see
-  // https://reactnative.dev/docs/images.html#why-not-automatically-size-everything
+  // https://reactnative.dev/docs/images#why-not-automatically-size-everything
   height: number,
   width: number,
 |}>;
@@ -36,7 +36,7 @@ type NativeImageSourceSpec = $ReadOnly<{|
  * automates measurements and allows adding new images without rebuilding the
  * native app. For more details visit:
  *
- *   https://reactnative.dev/docs/images.html
+ *   https://reactnative.dev/docs/images
  *
  */
 function nativeImageSource(spec: NativeImageSourceSpec): ImageURISource {

package/Libraries/Image/resolveAssetSource.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.