react-native-tvos 0.87.1-1 → 0.88.0-0rc2

package/Libraries/Components/Touchable/Touchable.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -314,7 +314,7 @@ const TouchableMixinImpl = {
    */
   /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
    * Flow's LTI update could not be added via codemod */
-  touchableHandleResponderTerminationRequest: function (): any {
+  touchableHandleResponderTerminationRequest: function (): boolean {
     return !this.props.rejectResponderTermination;
   },
 
@@ -323,7 +323,7 @@ const TouchableMixinImpl = {
    */
   /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
    * Flow's LTI update could not be added via codemod */
-  touchableHandleStartShouldSetResponder: function (): any {
+  touchableHandleStartShouldSetResponder: function (): boolean {
     return !this.props.disabled;
   },
 
@@ -677,7 +677,7 @@ const TouchableMixinImpl = {
           curState +
           '` for Touchable responder `' +
           typeof this.state.touchable.responderID ===
-        'number'
+          'number'
           ? this.state.touchable.responderID
           : 'host component' + '`',
       );
@@ -690,7 +690,7 @@ const TouchableMixinImpl = {
           signal +
           '` for responder `' +
           typeof this.state.touchable.responderID ===
-        'number'
+          'number'
           ? this.state.touchable.responderID
           : '<<host component>>' + '`',
       );

package/Libraries/Components/Touchable/TouchableNativeFeedback.js

@@ -41,8 +41,7 @@ export type TouchableNativeFeedbackProps = Readonly<{
     | Readonly<{
         type: 'ThemeAttrAndroid',
         attribute:
-          | 'selectableItemBackground'
-          | 'selectableItemBackgroundBorderless',
+          'selectableItemBackground' | 'selectableItemBackgroundBorderless',
         rippleRadius: ?number,
       }>
     | Readonly<{

package/Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -77,10 +77,7 @@ export type TouchableWithoutFeedbackProps = Readonly<
      */
     id?: string,
     importantForAccessibility?: ?(
-      | 'auto'
-      | 'yes'
-      | 'no'
-      | 'no-hide-descendants'
+      'auto' | 'yes' | 'no' | 'no-hide-descendants'
     ),
     nativeID?: ?string,
     onAccessibilityAction?: ?(event: AccessibilityActionEvent) => unknown,

package/Libraries/Components/View/ReactNativeStyleAttributes.js

@@ -20,6 +20,7 @@ import processBoxShadow from '../../StyleSheet/processBoxShadow';
 import processColor from '../../StyleSheet/processColor';
 import processFilter from '../../StyleSheet/processFilter';
 import processFontVariant from '../../StyleSheet/processFontVariant';
+import processFontVariationSettings from '../../StyleSheet/processFontVariationSettings';
 import processTransform from '../../StyleSheet/processTransform';
 import processTransformOrigin from '../../StyleSheet/processTransformOrigin';
 import sizesDiffer from '../../Utilities/differ/sizesDiffer';
@@ -71,6 +72,10 @@ export const fontVariantAttribute: AnyAttributeType = nativeCSSParsing
   ? true
   : {process: processFontVariant};
 
+export const fontVariationSettingsAttribute: AnyAttributeType = {
+  process: processFontVariationSettings,
+};
+
 export const aspectRatioAttribute: AnyAttributeType = nativeCSSParsing
   ? true
   : {process: processAspectRatio};
@@ -200,16 +205,22 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = {
   /**
    * BackgroundSize
    */
+  backgroundSize: backgroundSizeAttribute,
+  /** @deprecated Use `backgroundSize` instead. */
   experimental_backgroundSize: backgroundSizeAttribute,
 
   /**
    * BackgroundPosition
    */
+  backgroundPosition: backgroundPositionAttribute,
+  /** @deprecated Use `backgroundPosition` instead. */
   experimental_backgroundPosition: backgroundPositionAttribute,
 
   /**
    * BackgroundRepeat
    */
+  backgroundRepeat: backgroundRepeatAttribute,
+  /** @deprecated Use `backgroundRepeat` instead. */
   experimental_backgroundRepeat: backgroundRepeatAttribute,
 
   /**
@@ -258,6 +269,7 @@ const ReactNativeStyleAttributes: {[string]: AnyAttributeType, ...} = {
   fontSize: true,
   fontStyle: true,
   fontVariant: fontVariantAttribute,
+  fontVariationSettings: fontVariationSettingsAttribute,
   fontWeight: true,
   includeFontPadding: true,
   letterSpacing: true,

package/Libraries/Components/View/ViewAccessibility.js

@@ -349,6 +349,7 @@ export type AccessibilityPropsIOS = Readonly<{
   accessibilityRespondsToUserInteraction?: ?boolean,
 }>;
 
+/** @build-types emit-as-interface react-native-web compatibility */
 export type AccessibilityProps = Readonly<{
   ...AccessibilityPropsAndroid,
   ...AccessibilityPropsIOS,

package/Libraries/Core/ReactNativeVersion.js

@@ -27,9 +27,9 @@
  */
 export default class ReactNativeVersion {
   static major: number = 0;
-  static minor: number = 87;
-  static patch: number = 1;
-  static prerelease: string | null = '1';
+  static minor: number = 88;
+  static patch: number = 0;
+  static prerelease: string | null = '0rc2';
 
   static getVersionString(): string {
     return `${this.major}.${this.minor}.${this.patch}${this.prerelease != null ? `-${this.prerelease}` : ''}`;

package/Libraries/Core/Timers/immediateShim.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @deprecated
  */
@@ -22,7 +22,10 @@ const clearedImmediates: Set<number> = new Set();
  * @param {function} func Callback to be invoked before the end of the
  * current JavaScript execution loop.
  */
-export function setImmediate(callback: Function, ...args: any): number {
+export function setImmediate<TArgs extends Array<unknown>>(
+  callback: (...args: TArgs) => unknown,
+  ...args: TArgs
+): number {
   if (arguments.length < 1) {
     throw new TypeError(
       'setImmediate must be called with at least one argument (a function to call)',
@@ -41,7 +44,6 @@ export function setImmediate(callback: Function, ...args: any): number {
     clearedImmediates.delete(id);
   }
 
-  // $FlowFixMe[incompatible-type]
   global.queueMicrotask(() => {
     if (!clearedImmediates.has(id)) {
       callback.apply(undefined, args);

package/Libraries/Core/Timers/queueMicrotask.js

@@ -4,13 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
 'use strict';
 
-let resolvedPromise;
+let resolvedPromise: ?Promise<void>;
 
 /**
  * Polyfill for the microtask queueing API defined by WHATWG HTML spec.
@@ -19,7 +19,7 @@ let resolvedPromise;
  * The method must queue a microtask to invoke @param {function} callback, and
  * if the callback throws an exception, report the exception.
  */
-export default function queueMicrotask(callback: Function) {
+export default function queueMicrotask(callback: () => unknown) {
   if (arguments.length < 1) {
     throw new TypeError(
       'queueMicrotask must be called with at least one argument (a function to call)',
@@ -30,7 +30,6 @@ export default function queueMicrotask(callback: Function) {
   }
 
   // Try to reuse a lazily allocated resolved promise from closure.
-  // $FlowFixMe[constant-condition]
   (resolvedPromise || (resolvedPromise = Promise.resolve()))
     .then(callback)
     .catch(error =>

package/Libraries/Core/setUpPerformance.js

@@ -8,25 +8,8 @@
  * @format
  */
 
-import setUpPerformanceModern from '../../src/private/setup/setUpPerformanceModern';
-import NativePerformance from '../../src/private/webapis/performance/specs/NativePerformance';
+// Kept as an alias of the internal `setUpPerformance` module for external
+// consumers that import this path directly.
+import setUpPerformance from '../../src/private/setup/setUpPerformance';
 
-// In case if the native implementation of the Performance API is available, use it,
-// otherwise fall back to the legacy/default one, which only defines 'Performance.now()'
-if (NativePerformance) {
-  setUpPerformanceModern();
-} else {
-  if (!global.performance) {
-    // $FlowExpectedError[cannot-write]
-    global.performance = {
-      mark: () => {},
-      clearMarks: () => {},
-      measure: () => {},
-      clearMeasures: () => {},
-      now: () => {
-        const performanceNow = global.nativePerformanceNow || Date.now;
-        return performanceNow();
-      },
-    };
-  }
-}
+setUpPerformance();

package/Libraries/EventEmitter/NativeEventEmitter.js

@@ -62,8 +62,7 @@ export default class NativeEventEmitter<
   TEventToArgsMap extends Readonly<
     Record<string, ReadonlyArray<UnsafeNativeEventObject>>,
   > = Readonly<Record<string, ReadonlyArray<UnsafeNativeEventObject>>>,
-> implements IEventEmitter<TEventToArgsMap>
-{
+> implements IEventEmitter<TEventToArgsMap> {
   _nativeModule: ?NativeModule;
 
   /**

package/Libraries/EventEmitter/RCTEventEmitter.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -12,8 +12,22 @@
 
 import registerCallableModule from '../Core/registerCallableModule';
 
+type EventEmitterModule = {
+  receiveEvent: (
+    rootNodeID: number,
+    topLevelType: string,
+    nativeEventParam: unknown,
+  ) => void,
+  receiveTouches: (
+    eventTopLevelType: string,
+    touches: Array<unknown>,
+    changedIndices: Array<number>,
+  ) => void,
+  ...
+};
+
 const RCTEventEmitter = {
-  register(eventEmitter: any) {
+  register(eventEmitter: EventEmitterModule) {
     registerCallableModule('RCTEventEmitter', eventEmitter);
   },
 };

package/Libraries/FBLazyVector/FBLazyVector.podspec

@@ -28,4 +28,5 @@ Pod::Spec.new do |s|
   s.source_files           = podspec_sources("**/*.{c,h,m,mm,cpp}", "**/*.h")
   s.header_dir             = "FBLazyVector"
 
+  mark_as_react_native_build(s)
 end

package/Libraries/Image/Image.android.js

@@ -139,7 +139,6 @@ const EMPTY_IMAGE_SOURCE = {
 let BaseImage: AbstractImageAndroid = ({
   ref: forwardedRef,
   alt,
-  accessible,
   'aria-labelledby': ariaLabelledBy,
   'aria-busy': ariaBusy,
   'aria-checked': ariaChecked,
@@ -148,8 +147,6 @@ let BaseImage: AbstractImageAndroid = ({
   'aria-hidden': ariaHidden,
   'aria-label': ariaLabel,
   'aria-selected': ariaSelected,
-  accessibilityLabel,
-  accessibilityLabelledBy,
   accessibilityState,
   defaultSource,
   loadingIndicatorSource,
@@ -172,7 +169,7 @@ let BaseImage: AbstractImageAndroid = ({
   ref?: React.RefSetter<ImageInstance>,
   ...ImageProps,
 }) => {
-  let source_ =
+  let resolvedSource =
     getImageSourcesFromImageProps({
       crossOrigin,
       referrerPolicy,
@@ -201,29 +198,29 @@ let BaseImage: AbstractImageAndroid = ({
     ...React.PropsOf<ImageViewNativeComponent>,
   };
 
-  if (Array.isArray(source_)) {
+  if (Array.isArray(resolvedSource)) {
     const {
       headers: sourceHeaders,
       width: sourceWidth,
       height: sourceHeight,
-    } = source_[0];
+    } = resolvedSource[0];
     if (sourceHeaders != null) {
       nativeProps.headers = sourceHeaders;
     }
     // Default to the first source's width and height if only one is provided
     nativeProps.style = [
-      source_.length === 1 && {width: sourceWidth, height: sourceHeight},
+      resolvedSource.length === 1 && {width: sourceWidth, height: sourceHeight},
       styles.base,
       style,
     ];
-    nativeProps.source = source_;
+    nativeProps.source = resolvedSource;
   } else {
     const {
       uri,
       width: sourceWidth,
       height: sourceHeight,
       headers: sourceHeaders,
-    } = source_;
+    } = resolvedSource;
     if (uri === '') {
       console.warn('source.uri should not be an empty string');
     }
@@ -235,7 +232,7 @@ let BaseImage: AbstractImageAndroid = ({
       styles.base,
       style,
     ];
-    nativeProps.source = [source_];
+    nativeProps.source = [resolvedSource];
   }
 
   if (onLoadStart != null) {
@@ -266,24 +263,19 @@ let BaseImage: AbstractImageAndroid = ({
     nativeProps.loadingIndicatorSrc = loadingIndicatorSource_.uri;
   }
 
+  // Maintain pre-existing order, accessibilityLabel takes priority over alt
   if (ariaLabel != null) {
     nativeProps.accessibilityLabel = ariaLabel;
-  } else if (accessibilityLabel != null) {
-    nativeProps.accessibilityLabel = accessibilityLabel;
-  } else if (alt != null) {
+  } else if (alt != null && nativeProps.accessibilityLabel == null) {
     nativeProps.accessibilityLabel = alt;
   }
 
   if (ariaLabelledBy != null) {
     nativeProps.accessibilityLabelledBy = ariaLabelledBy;
-  } else if (accessibilityLabelledBy != null) {
-    nativeProps.accessibilityLabelledBy = accessibilityLabelledBy;
   }
 
   if (alt != null) {
     nativeProps.accessible = true;
-  } else if (accessible != null) {
-    nativeProps.accessible = accessible;
   }
 
   if (

package/Libraries/Image/Image.ios.js

@@ -29,6 +29,7 @@ import ImageViewNativeComponent from './ImageViewNativeComponent';
 import NativeImageLoaderIOS from './NativeImageLoaderIOS';
 import resolveAssetSource from './resolveAssetSource';
 import * as React from 'react';
+import {use} from 'react';
 
 export type ImageInstance = HostInstance;
 
@@ -102,6 +103,12 @@ async function queryCache(
   return NativeImageLoaderIOS.queryCache(urls);
 }
 
+const EMPTY_IMAGE_SOURCE = {
+  uri: undefined,
+  width: undefined,
+  height: undefined,
+};
+
 /**
  * A React component for displaying different types of images,
  * including network images, static resources, temporary local images, and
@@ -111,90 +118,127 @@ async function queryCache(
  */
 let BaseImage: AbstractImageIOS = ({
   ref: forwardedRef,
-  ...props
+  'aria-labelledby': ariaLabelledBy,
+  'aria-busy': ariaBusy,
+  'aria-checked': ariaChecked,
+  'aria-disabled': ariaDisabled,
+  'aria-expanded': ariaExpanded,
+  'aria-hidden': ariaHidden,
+  'aria-label': ariaLabel,
+  'aria-selected': ariaSelected,
+  accessibilityState,
+  alt,
+  children,
+  crossOrigin,
+  height,
+  referrerPolicy,
+  resizeMode,
+  source,
+  src,
+  srcSet,
+  style,
+  tintColor,
+  width,
+  ...restProps
 }: {
   ref?: React.RefSetter<ImageInstance>,
   ...ImageProps,
 }) => {
-  const source = getImageSourcesFromImageProps(props) || {
-    uri: undefined,
-    width: undefined,
-    height: undefined,
+  const nativeProps = restProps as {
+    ...React.PropsOf<ImageViewNativeComponent>,
   };
 
-  let style: ImageStyleProp;
+  const resolvedSource =
+    getImageSourcesFromImageProps({
+      crossOrigin,
+      height,
+      referrerPolicy,
+      source,
+      src,
+      srcSet,
+      width,
+    }) || EMPTY_IMAGE_SOURCE;
+
+  let resolvedStyle: ImageStyleProp;
   let sources;
-  if (Array.isArray(source)) {
-    style = [styles.base, props.style];
-    sources = source;
+  if (Array.isArray(resolvedSource)) {
+    resolvedStyle = [styles.base, style];
+    sources = resolvedSource;
   } else {
-    const {uri} = source;
+    const {uri} = resolvedSource;
     if (uri === '') {
       console.warn('source.uri should not be an empty string');
     }
-    const width = source.width ?? props.width;
-    const height = source.height ?? props.height;
-    style = [{width, height}, styles.base, props.style];
-    sources = [source];
+    resolvedStyle = [
+      {
+        width: resolvedSource.width ?? width,
+        height: resolvedSource.height ?? height,
+      },
+      styles.base,
+      style,
+    ];
+    sources = [resolvedSource];
   }
 
-  const flattenedStyle = flattenStyle<ImageStyleProp>(style);
-  const objectFit = convertObjectFitToResizeMode(flattenedStyle?.objectFit);
-  const resizeMode =
-    objectFit || props.resizeMode || flattenedStyle?.resizeMode || 'cover';
-  const tintColor = props.tintColor ?? flattenedStyle?.tintColor;
-
-  if (props.children != null) {
+  if (children != null) {
     throw new Error(
       'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
     );
   }
-  const {
-    'aria-busy': ariaBusy,
-    'aria-checked': ariaChecked,
-    'aria-disabled': ariaDisabled,
-    'aria-expanded': ariaExpanded,
-    'aria-selected': ariaSelected,
-    'aria-hidden': ariaHidden,
-    src,
-    ...restProps
-  } = props;
-
-  const _accessibilityState = {
-    busy: ariaBusy ?? props.accessibilityState?.busy,
-    checked: ariaChecked ?? props.accessibilityState?.checked,
-    disabled: ariaDisabled ?? props.accessibilityState?.disabled,
-    expanded: ariaExpanded ?? props.accessibilityState?.expanded,
-    selected: ariaSelected ?? props.accessibilityState?.selected,
-  };
 
-  // In order for `aria-hidden` to work on iOS we must set `accessible` to false (`accessibilityElementsHidden` is not enough).
-  const accessible =
-    ariaHidden !== true && (props.alt !== undefined ? true : props.accessible);
-  const accessibilityLabel = props['aria-label'] ?? props.accessibilityLabel;
+  nativeProps.style = resolvedStyle;
+  nativeProps.source = sources;
+
+  const flattenedStyle = flattenStyle<ImageStyleProp>(resolvedStyle);
+  const objectFit = convertObjectFitToResizeMode(flattenedStyle?.objectFit);
+  nativeProps.resizeMode =
+    objectFit || resizeMode || flattenedStyle?.resizeMode || 'cover';
+  nativeProps.tintColor = tintColor ?? flattenedStyle?.tintColor;
+
+  // Maintain pre-existing order, accessibilityLabel takes priority over alt
+  if (ariaLabel != null) {
+    nativeProps.accessibilityLabel = ariaLabel;
+  } else if (alt != null && nativeProps.accessibilityLabel == null) {
+    nativeProps.accessibilityLabel = alt;
+  }
+
+  if (ariaLabelledBy != null) {
+    nativeProps.accessibilityLabelledBy = ariaLabelledBy;
+  }
+
+  if (ariaHidden === true) {
+    // In order for `aria-hidden` to work on iOS we must set `accessible` to
+    // false (`accessibilityElementsHidden` is not enough).
+    nativeProps.accessible = false;
+  } else if (alt != null) {
+    nativeProps.accessible = true;
+  }
+
+  if (
+    accessibilityState != null ||
+    ariaBusy != null ||
+    ariaChecked != null ||
+    ariaDisabled != null ||
+    ariaExpanded != null ||
+    ariaSelected != null
+  ) {
+    nativeProps.accessibilityState = {
+      busy: ariaBusy ?? accessibilityState?.busy,
+      checked: ariaChecked ?? accessibilityState?.checked,
+      disabled: ariaDisabled ?? accessibilityState?.disabled,
+      expanded: ariaExpanded ?? accessibilityState?.expanded,
+      selected: ariaSelected ?? accessibilityState?.selected,
+    };
+  }
 
   const actualRef = useWrapRefWithImageAttachedCallbacks(forwardedRef);
 
-  return (
-    <ImageAnalyticsTagContext.Consumer>
-      {analyticTag => {
-        return (
-          <ImageViewNativeComponent
-            accessibilityState={_accessibilityState}
-            {...restProps}
-            accessible={accessible}
-            accessibilityLabel={accessibilityLabel ?? props.alt}
-            ref={actualRef}
-            style={style}
-            resizeMode={resizeMode}
-            tintColor={tintColor}
-            source={sources}
-            internal_analyticTag={analyticTag}
-          />
-        );
-      }}
-    </ImageAnalyticsTagContext.Consumer>
-  );
+  const analyticTag = use(ImageAnalyticsTagContext);
+  if (analyticTag != null) {
+    nativeProps.internal_analyticTag = analyticTag;
+  }
+
+  return <ImageViewNativeComponent {...nativeProps} ref={actualRef} />;
 };
 
 const imageComponentDecorator = unstable_getImageComponentDecorator();

package/Libraries/Image/ImageProps.js

@@ -327,6 +327,7 @@ export type ImagePropsBase = Readonly<{
   children?: empty,
 }>;
 
+/** @build-types emit-as-interface react-native-web compatibility */
 export type ImageProps = Readonly<{
   ...ImagePropsIOS,
   ...ImagePropsAndroid,

package/Libraries/Image/ImageSource.js

@@ -85,9 +85,7 @@ export interface ImageURISource {
 export type ImageRequireSource = number;
 
 export type ImageSource =
-  | ImageRequireSource
-  | ImageURISource
-  | ReadonlyArray<ImageURISource>;
+  ImageRequireSource | ImageURISource | ReadonlyArray<ImageURISource>;
 
 type ImageSourceProperties = {
   body?: ?string,

package/Libraries/Image/ImageSourceUtils.js

@@ -12,6 +12,7 @@
 
 import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {ImageProps} from './ImageProps';
+import type {ImageURISource} from './ImageSource';
 
 import resolveAssetSource from './resolveAssetSource';
 
@@ -87,7 +88,14 @@ export function getImageSourcesFromImageProps(imageProps: ImageProps):
   } else if (src != null) {
     sources = [{uri: src, headers: headers, width, height}];
   } else if (source != null && source.uri && Object.keys(headers).length > 0) {
-    sources = [{...source, headers}];
+    const sourceHeaders = (source as ImageURISource).headers;
+    sources = [
+      {
+        ...source,
+        headers:
+          sourceHeaders != null ? {...headers, ...sourceHeaders} : headers,
+      },
+    ];
   } else {
     sources = source;
   }

package/Libraries/Image/RCTImageEditingManager.mm

@@ -38,20 +38,22 @@ RCT_EXPORT_MODULE()
  *        be scaled down to `displaySize` rather than `size`.
  *        All units are in px (not points).
  */
-RCT_EXPORT_METHOD(
-    cropImage : (NSURLRequest *)imageRequest cropData : (JS::NativeImageEditor::Options &)cropData successCallback : (
-        RCTResponseSenderBlock)successCallback errorCallback : (RCTResponseSenderBlock)errorCallback)
+- (void)cropImage:(NSString *)imageRequestString
+           cropData:(JS::NativeImageEditor::Options &)cropData
+    successCallback:(RCTResponseSenderBlock)successCallback
+      errorCallback:(RCTResponseSenderBlock)errorCallback
 {
+  NSURLRequest *imageRequest = [RCTConvert NSURLRequest:imageRequestString];
+
   CGRect rect = {
-    [RCTConvert CGPoint:@{
-      @"x" : @(cropData.offset().x()),
-      @"y" : @(cropData.offset().y()),
-    }],
-    [RCTConvert CGSize:@{
-      @"width" : @(cropData.size().width()),
-      @"height" : @(cropData.size().height()),
-    }]
-  };
+      [RCTConvert CGPoint:@{
+        @"x" : @(cropData.offset().x()),
+        @"y" : @(cropData.offset().y()),
+      }],
+      [RCTConvert CGSize:@{
+        @"width" : @(cropData.size().width()),
+        @"height" : @(cropData.size().height()),
+      }]};
 
   // We must keep a copy of cropData so that we can access data from it at a later time
   JS::NativeImageEditor::Options cropDataCopy = cropData;