@office-iss/react-native-win32 0.0.0-canary.291 → 0.0.0-canary.292

package/src/private/components/{SafeAreaView_INTERNAL_DO_NOT_USE.js → safeareaview/SafeAreaView_INTERNAL_DO_NOT_USE.js}

@@ -9,21 +9,21 @@
  * @oncall react_native
  */
 
-import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
 
-import View from '../../../Libraries/Components/View/View';
-import UIManager from '../../../Libraries/ReactNative/UIManager';
-import Platform from '../../../Libraries/Utilities/Platform';
+import View from '../../../../Libraries/Components/View/View';
+import UIManager from '../../../../Libraries/ReactNative/UIManager';
+import Platform from '../../../../Libraries/Utilities/Platform';
 import * as React from 'react';
 
 const exported: component(
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
   ...ViewProps
 ) = Platform.select({
-  ios: require('../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
+  ios: require('../../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
     .default,
   android: UIManager.hasViewManagerConfig('RCTSafeAreaView')
-    ? require('../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
+    ? require('../../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
         .default
     : View,
   default: View,

package/src/private/components/{HScrollViewNativeComponents.js → scrollview/HScrollViewNativeComponents.js}

@@ -9,15 +9,15 @@
  * @oncall react_native
  */
 
-import type {ScrollViewNativeProps} from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
-import type {ViewProps} from '../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../types/HostComponent';
+import type {ScrollViewNativeProps} from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../types/HostComponent';
 
-import AndroidHorizontalScrollViewNativeComponent from '../../../Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent';
-import ScrollContentViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
-import ScrollViewNativeComponent from '../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
-import Platform from '../../../Libraries/Utilities/Platform';
-import AndroidHorizontalScrollContentViewNativeComponent from '../specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent';
+import AndroidHorizontalScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent';
+import ScrollContentViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
+import ScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
+import Platform from '../../../../Libraries/Utilities/Platform';
+import AndroidHorizontalScrollContentViewNativeComponent from '../../specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent';
 
 export const HScrollViewNativeComponent: HostComponent<ScrollViewNativeProps> =
   Platform.OS === 'android'

package/src/private/components/scrollview/VScrollViewNativeComponents.js

@@ -0,0 +1,25 @@
+/**
+ * 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-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {ScrollViewNativeProps} from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../types/HostComponent';
+
+import ScrollContentViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
+import ScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
+import View from '../../../../Libraries/Components/View/View';
+import Platform from '../../../../Libraries/Utilities/Platform';
+
+export const VScrollViewNativeComponent: HostComponent<ScrollViewNativeProps> =
+  ScrollViewNativeComponent;
+
+export const VScrollContentViewNativeComponent: HostComponent<ViewProps> =
+  Platform.OS === 'android' ? View : ScrollContentViewNativeComponent;

package/src/private/featureflags/ReactNativeFeatureFlags.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.
  *
- * @generated SignedSource<<b4da778c80a82ff5c93c7d799ff0c580>>
+ * @generated SignedSource<<c017072b56932e3a721a3151b725761a>>
  * @flow strict
  */
 
@@ -30,7 +30,6 @@ export type ReactNativeFeatureFlagsJsOnly = $ReadOnly<{
   jsOnlyTestFlag: Getter<boolean>,
   animatedShouldDebounceQueueFlush: Getter<boolean>,
   animatedShouldUseSingleOp: Getter<boolean>,
-  avoidAnimatedRefInvalidation: Getter<boolean>,
   avoidStateUpdateInAnimatedPropsMemo: Getter<boolean>,
   disableInteractionManager: Getter<boolean>,
   enableAccessToHostTreeInFabric: Getter<boolean>,
@@ -50,36 +49,35 @@ export type ReactNativeFeatureFlags = $ReadOnly<{
   commonTestFlagWithoutNativeImplementation: Getter<boolean>,
   animatedShouldSignalBatch: Getter<boolean>,
   cxxNativeAnimatedEnabled: Getter<boolean>,
+  disableMainQueueSyncDispatchIOS: Getter<boolean>,
   disableMountItemReorderingAndroid: Getter<boolean>,
+  disableShadowNodeOnNewArchitectureAndroid: Getter<boolean>,
+  enableAccessibilityOrder: Getter<boolean>,
   enableAccumulatedUpdatesInRawPropsAndroid: Getter<boolean>,
   enableBridgelessArchitecture: Getter<boolean>,
   enableCppPropsIteratorSetter: Getter<boolean>,
   enableEagerRootViewAttachment: Getter<boolean>,
   enableFabricLogs: Getter<boolean>,
   enableFabricRenderer: Getter<boolean>,
+  enableFontScaleChangesUpdatingLayout: Getter<boolean>,
   enableIOSViewClipToPaddingBox: Getter<boolean>,
-  enableImagePrefetchingAndroid: Getter<boolean>,
   enableJSRuntimeGCOnMemoryPressureOnIOS: Getter<boolean>,
   enableLayoutAnimationsOnAndroid: Getter<boolean>,
   enableLayoutAnimationsOnIOS: Getter<boolean>,
-  enableLongTaskAPI: Getter<boolean>,
   enableMainQueueModulesOnIOS: Getter<boolean>,
   enableNativeCSSParsing: Getter<boolean>,
   enableNewBackgroundAndBorderDrawables: Getter<boolean>,
   enablePropsUpdateReconciliationAndroid: Getter<boolean>,
   enableReportEventPaintTime: Getter<boolean>,
   enableSynchronousStateUpdates: Getter<boolean>,
-  enableUIConsistency: Getter<boolean>,
   enableViewCulling: Getter<boolean>,
   enableViewRecycling: Getter<boolean>,
   enableViewRecyclingForText: Getter<boolean>,
   enableViewRecyclingForView: Getter<boolean>,
   fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean>,
-  fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean>,
   fuseboxEnabledRelease: Getter<boolean>,
   fuseboxNetworkInspectionEnabled: Getter<boolean>,
   removeTurboModuleManagerDelegateMutex: Getter<boolean>,
-  throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS: Getter<boolean>,
   traceTurboModulePromiseRejectionsOnAndroid: Getter<boolean>,
   useAlwaysAvailableJSErrorHandling: Getter<boolean>,
   useEditTextStockAndroidFocusBehavior: Getter<boolean>,
@@ -106,11 +104,6 @@ export const animatedShouldDebounceQueueFlush: Getter<boolean> = createJavaScrip
  */
 export const animatedShouldUseSingleOp: Getter<boolean> = createJavaScriptFlagGetter('animatedShouldUseSingleOp', false);
 
-/**
- * Changes `useAnimatedProps` to avoid invalidating the callback ref whenever `props` changes.
- */
-export const avoidAnimatedRefInvalidation: Getter<boolean> = createJavaScriptFlagGetter('avoidAnimatedRefInvalidation', false);
-
 /**
  * Changes `useAnimatedPropsMemo` to avoid state updates to invalidate the cached `AnimatedProps`.
  */
@@ -172,10 +165,22 @@ export const animatedShouldSignalBatch: Getter<boolean> = createNativeFlagGetter
  * Use a C++ implementation of Native Animated instead of the platform implementation.
  */
 export const cxxNativeAnimatedEnabled: Getter<boolean> = createNativeFlagGetter('cxxNativeAnimatedEnabled', false);
+/**
+ * Disable sync dispatch on the main queue on iOS
+ */
+export const disableMainQueueSyncDispatchIOS: Getter<boolean> = createNativeFlagGetter('disableMainQueueSyncDispatchIOS', false);
 /**
  * Prevent FabricMountingManager from reordering mountItems, which may lead to invalid state on the UI thread
  */
 export const disableMountItemReorderingAndroid: Getter<boolean> = createNativeFlagGetter('disableMountItemReorderingAndroid', false);
+/**
+ * Disables the use of ShadowNode (to calculate ViewConfigs) on apps that are fully running on the new architecture on Android
+ */
+export const disableShadowNodeOnNewArchitectureAndroid: Getter<boolean> = createNativeFlagGetter('disableShadowNodeOnNewArchitectureAndroid', true);
+/**
+ * When enabled, the accessibilityOrder prop will propagate to native platforms and define the accessibility order.
+ */
+export const enableAccessibilityOrder: Getter<boolean> = createNativeFlagGetter('enableAccessibilityOrder', false);
 /**
  * When enabled, Android will accumulate updates in rawProps to reduce the number of mounting instructions for cascading re-renders.
  */
@@ -201,13 +206,13 @@ export const enableFabricLogs: Getter<boolean> = createNativeFlagGetter('enableF
  */
 export const enableFabricRenderer: Getter<boolean> = createNativeFlagGetter('enableFabricRenderer', false);
 /**
- * iOS Views will clip to their padding box vs border box
+ * Enables font scale changes updating layout for measurable nodes.
  */
-export const enableIOSViewClipToPaddingBox: Getter<boolean> = createNativeFlagGetter('enableIOSViewClipToPaddingBox', false);
+export const enableFontScaleChangesUpdatingLayout: Getter<boolean> = createNativeFlagGetter('enableFontScaleChangesUpdatingLayout', false);
 /**
- * When enabled, Android will build and initiate image prefetch requests on ImageShadowNode::layout
+ * iOS Views will clip to their padding box vs border box
  */
-export const enableImagePrefetchingAndroid: Getter<boolean> = createNativeFlagGetter('enableImagePrefetchingAndroid', false);
+export const enableIOSViewClipToPaddingBox: Getter<boolean> = createNativeFlagGetter('enableIOSViewClipToPaddingBox', false);
 /**
  * Trigger JS runtime GC on memory pressure event on iOS
  */
@@ -220,10 +225,6 @@ export const enableLayoutAnimationsOnAndroid: Getter<boolean> = createNativeFlag
  * When enabled, LayoutAnimations API will animate state changes on iOS.
  */
 export const enableLayoutAnimationsOnIOS: Getter<boolean> = createNativeFlagGetter('enableLayoutAnimationsOnIOS', true);
-/**
- * Enables the reporting of long tasks through `PerformanceObserver`. Only works if the event loop is enabled.
- */
-export const enableLongTaskAPI: Getter<boolean> = createNativeFlagGetter('enableLongTaskAPI', false);
 /**
  * Makes modules requiring main queue setup initialize on the main thread, during React Native init.
  */
@@ -248,10 +249,6 @@ export const enableReportEventPaintTime: Getter<boolean> = createNativeFlagGette
  * Dispatches state updates synchronously in Fabric (e.g.: updates the scroll position in the shadow tree synchronously from the main thread).
  */
 export const enableSynchronousStateUpdates: Getter<boolean> = createNativeFlagGetter('enableSynchronousStateUpdates', false);
-/**
- * Ensures that JavaScript always has a consistent view of the state of the UI (e.g.: commits done in other threads are not immediately propagated to JS during its execution).
- */
-export const enableUIConsistency: Getter<boolean> = createNativeFlagGetter('enableUIConsistency', false);
 /**
  * Enables View Culling: as soon as a view goes off screen, it can be reused anywhere in the UI and pieced together with other items to create new UI elements.
  */
@@ -272,10 +269,6 @@ export const enableViewRecyclingForView: Getter<boolean> = createNativeFlagGette
  * Uses the default event priority instead of the discreet event priority by default when dispatching events from Fabric to React.
  */
 export const fixMappingOfEventPrioritiesBetweenFabricAndReact: Getter<boolean> = createNativeFlagGetter('fixMappingOfEventPrioritiesBetweenFabricAndReact', false);
-/**
- * Fixes a limitation on Android where the mounting coordinator would report there are no pending transactions but some of them were actually not processed due to the use of the push model.
- */
-export const fixMountingCoordinatorReportedPendingTransactionsOnAndroid: Getter<boolean> = createNativeFlagGetter('fixMountingCoordinatorReportedPendingTransactionsOnAndroid', false);
 /**
  * Flag determining if the React Native DevTools (Fusebox) CDP backend should be enabled in release builds. This flag is global and should not be changed across React Host lifetimes.
  */
@@ -288,10 +281,6 @@ export const fuseboxNetworkInspectionEnabled: Getter<boolean> = createNativeFlag
  * When enabled, mutex _turboModuleManagerDelegateMutex in RCTTurboModuleManager will not be used
  */
 export const removeTurboModuleManagerDelegateMutex: Getter<boolean> = createNativeFlagGetter('removeTurboModuleManagerDelegateMutex', false);
-/**
- * Throw an exception instead of deadlocking when a TurboModule that requires main queue setup is initialized during a synchronous render on iOS.
- */
-export const throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS: Getter<boolean> = createNativeFlagGetter('throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS', false);
 /**
  * Enables storing js caller stack when creating promise in native module. This is useful in case of Promise rejection and tracing the cause.
  */

package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.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.
  *
- * @generated SignedSource<<8a9e88c68d78cde54e51477a0f06c643>>
+ * @generated SignedSource<<ae87b24892dd7d9ec92847647be25bab>>
  * @flow strict
  */
 
@@ -27,36 +27,35 @@ export interface Spec extends TurboModule {
   +commonTestFlagWithoutNativeImplementation?: () => boolean;
   +animatedShouldSignalBatch?: () => boolean;
   +cxxNativeAnimatedEnabled?: () => boolean;
+  +disableMainQueueSyncDispatchIOS?: () => boolean;
   +disableMountItemReorderingAndroid?: () => boolean;
+  +disableShadowNodeOnNewArchitectureAndroid?: () => boolean;
+  +enableAccessibilityOrder?: () => boolean;
   +enableAccumulatedUpdatesInRawPropsAndroid?: () => boolean;
   +enableBridgelessArchitecture?: () => boolean;
   +enableCppPropsIteratorSetter?: () => boolean;
   +enableEagerRootViewAttachment?: () => boolean;
   +enableFabricLogs?: () => boolean;
   +enableFabricRenderer?: () => boolean;
+  +enableFontScaleChangesUpdatingLayout?: () => boolean;
   +enableIOSViewClipToPaddingBox?: () => boolean;
-  +enableImagePrefetchingAndroid?: () => boolean;
   +enableJSRuntimeGCOnMemoryPressureOnIOS?: () => boolean;
   +enableLayoutAnimationsOnAndroid?: () => boolean;
   +enableLayoutAnimationsOnIOS?: () => boolean;
-  +enableLongTaskAPI?: () => boolean;
   +enableMainQueueModulesOnIOS?: () => boolean;
   +enableNativeCSSParsing?: () => boolean;
   +enableNewBackgroundAndBorderDrawables?: () => boolean;
   +enablePropsUpdateReconciliationAndroid?: () => boolean;
   +enableReportEventPaintTime?: () => boolean;
   +enableSynchronousStateUpdates?: () => boolean;
-  +enableUIConsistency?: () => boolean;
   +enableViewCulling?: () => boolean;
   +enableViewRecycling?: () => boolean;
   +enableViewRecyclingForText?: () => boolean;
   +enableViewRecyclingForView?: () => boolean;
   +fixMappingOfEventPrioritiesBetweenFabricAndReact?: () => boolean;
-  +fixMountingCoordinatorReportedPendingTransactionsOnAndroid?: () => boolean;
   +fuseboxEnabledRelease?: () => boolean;
   +fuseboxNetworkInspectionEnabled?: () => boolean;
   +removeTurboModuleManagerDelegateMutex?: () => boolean;
-  +throwExceptionInsteadOfDeadlockOnTurboModuleSetupDuringSyncRenderIOS?: () => boolean;
   +traceTurboModulePromiseRejectionsOnAndroid?: () => boolean;
   +useAlwaysAvailableJSErrorHandling?: () => boolean;
   +useEditTextStockAndroidFocusBehavior?: () => boolean;

package/src/private/inspector/BorderBox.js

@@ -12,7 +12,7 @@
 
 import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 
-import React from 'react';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 

package/src/private/inspector/BoxInspector.js

@@ -16,7 +16,7 @@ import type {
 } from '../../../Libraries/StyleSheet/StyleSheet';
 import type {InspectedElementFrame} from './Inspector';
 
-import React from 'react';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;

package/src/private/inspector/ElementBox.js

@@ -13,7 +13,7 @@
 import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 import type {InspectedElementFrame} from './Inspector';
 
-import React from 'react';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 const flattenStyle =

package/src/private/inspector/ElementProperties.js

@@ -13,7 +13,7 @@
 import type {InspectorData} from '../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 
-import React from 'react';
+import * as React from 'react';
 
 const TouchableHighlight =
   require('../../../Libraries/Components/Touchable/TouchableHighlight').default;

package/src/private/inspector/Inspector.js

@@ -18,8 +18,8 @@ import type {
 import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 import type {ReactDevToolsAgent} from '../../../Libraries/Types/ReactDevToolsTypes';
 
-import SafeAreaView from '../components/SafeAreaView_INTERNAL_DO_NOT_USE';
-import React from 'react';
+import SafeAreaView from '../components/safeareaview/SafeAreaView_INTERNAL_DO_NOT_USE';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 const PressabilityDebug = require('../../../Libraries/Pressability/PressabilityDebug');

package/src/private/inspector/InspectorOverlay.js

@@ -13,7 +13,7 @@
 import type {GestureResponderEvent} from '../../../Libraries/Types/CoreEventTypes';
 import type {InspectedElement} from './Inspector';
 
-import React from 'react';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;

package/src/private/inspector/InspectorPanel.js

@@ -13,7 +13,7 @@
 import type {ElementsHierarchy, InspectedElement} from './Inspector';
 
 import SafeAreaView from '../../../Libraries/Components/SafeAreaView/SafeAreaView';
-import React from 'react';
+import * as React from 'react';
 
 const ScrollView =
   require('../../../Libraries/Components/ScrollView/ScrollView').default;

package/src/private/inspector/NetworkOverlay.js

@@ -14,7 +14,7 @@ import type XMLHttpRequest from '../../../Libraries/Network/XMLHttpRequest';
 import type {ListRenderItemInfo} from '@react-native/virtualized-lists';
 
 import ScrollView from '../../../Libraries/Components/ScrollView/ScrollView';
-import React from 'react';
+import * as React from 'react';
 
 const TouchableHighlight =
   require('../../../Libraries/Components/Touchable/TouchableHighlight').default;

package/src/private/inspector/PerformanceOverlay.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import React from 'react';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;

package/src/private/inspector/StyleInspector.js

@@ -13,7 +13,7 @@
 import type {ViewStyleProp} from '../../../Libraries/StyleSheet/StyleSheet';
 import type {____FlattenStyleProp_Internal} from '../../../Libraries/StyleSheet/StyleSheetTypes';
 
-import React from 'react';
+import * as React from 'react';
 
 const View = require('../../../Libraries/Components/View/View').default;
 const StyleSheet = require('../../../Libraries/StyleSheet/StyleSheet').default;

package/src/private/types/HostComponent.js

@@ -11,6 +11,6 @@
 import type {HostInstance} from './HostInstance';
 
 export type HostComponent<Config: {...}> = component(
-  ref: React.RefSetter<HostInstance>,
+  ref?: React.RefSetter<HostInstance>,
   ...Config
 );

package/src/private/types/HostInstance.js

@@ -41,7 +41,7 @@ export type MeasureLayoutOnSuccessCallback = (
  * For more information, see [Direct Manipulation](https://reactnative.dev/docs/direct-manipulation).
  * @see https://github.com/facebook/react-native/blob/master/Libraries/Renderer/shims/ReactNativeTypes.js#L87
  */
-export interface NativeMethods {
+export interface LegacyHostInstanceMethods {
   /**
    * Removes focus from an input or view. This is the opposite of `focus()`.
    */
@@ -105,4 +105,12 @@ export interface NativeMethods {
   setNativeProps(nativeProps: {...}): void;
 }
 
-export type HostInstance = NativeMethods;
+export type HostInstance = LegacyHostInstanceMethods;
+
+/** @deprecated Use HostInstance instead */
+export type NativeMethods = LegacyHostInstanceMethods;
+
+/**
+ * @deprecated Use HostInstance instead.
+ */
+export type NativeMethodsMixin = LegacyHostInstanceMethods;

package/src/private/webapis/performance/Performance.js

@@ -226,9 +226,7 @@ export default class Performance {
    * Returns a double, measured in milliseconds.
    * https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
    */
-  now(): DOMHighResTimeStamp {
-    return getCurrentTimeStamp();
-  }
+  now: () => DOMHighResTimeStamp = getCurrentTimeStamp;
 
   /**
    * An extension that allows to get back to JS all currently logged marks/measures

package/Libraries/Blob/FileReader_new.js

@@ -1,231 +0,0 @@
-/**
- * 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
- * @format
- */
-
-import type {EventCallback} from '../../src/private/webapis/dom/events/EventTarget';
-import type Blob from './Blob';
-
-import Event from '../../src/private/webapis/dom/events/Event';
-import {
-  getEventHandlerAttribute,
-  setEventHandlerAttribute,
-} from '../../src/private/webapis/dom/events/EventHandlerAttributes';
-import EventTarget from '../../src/private/webapis/dom/events/EventTarget';
-import NativeFileReaderModule from './NativeFileReaderModule';
-import {toByteArray} from 'base64-js';
-
-type ReadyState =
-  | 0 // EMPTY
-  | 1 // LOADING
-  | 2; // DONE
-
-type ReaderResult = string | ArrayBuffer;
-
-const EMPTY = 0;
-const LOADING = 1;
-const DONE = 2;
-
-class FileReader extends EventTarget {
-  static EMPTY: number = EMPTY;
-  static LOADING: number = LOADING;
-  static DONE: number = DONE;
-
-  EMPTY: number = EMPTY;
-  LOADING: number = LOADING;
-  DONE: number = DONE;
-
-  _readyState: ReadyState;
-  _error: ?Error;
-  _result: ?ReaderResult;
-  _aborted: boolean = false;
-
-  constructor() {
-    super();
-    this._reset();
-  }
-
-  _reset(): void {
-    this._readyState = EMPTY;
-    this._error = null;
-    this._result = null;
-  }
-
-  _setReadyState(newState: ReadyState) {
-    this._readyState = newState;
-    this.dispatchEvent(new Event('readystatechange'));
-    if (newState === DONE) {
-      if (this._aborted) {
-        this.dispatchEvent(new Event('abort'));
-      } else if (this._error) {
-        this.dispatchEvent(new Event('error'));
-      } else {
-        this.dispatchEvent(new Event('load'));
-      }
-      this.dispatchEvent(new Event('loadend'));
-    }
-  }
-
-  readAsArrayBuffer(blob: ?Blob): void {
-    this._aborted = false;
-
-    if (blob == null) {
-      throw new TypeError(
-        "Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'",
-      );
-    }
-
-    NativeFileReaderModule.readAsDataURL(blob.data).then(
-      (text: string) => {
-        if (this._aborted) {
-          return;
-        }
-
-        const base64 = text.split(',')[1];
-        const typedArray = toByteArray(base64);
-
-        this._result = typedArray.buffer;
-        this._setReadyState(DONE);
-      },
-      error => {
-        if (this._aborted) {
-          return;
-        }
-        this._error = error;
-        this._setReadyState(DONE);
-      },
-    );
-  }
-
-  readAsDataURL(blob: ?Blob): void {
-    this._aborted = false;
-
-    if (blob == null) {
-      throw new TypeError(
-        "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'",
-      );
-    }
-
-    NativeFileReaderModule.readAsDataURL(blob.data).then(
-      (text: string) => {
-        if (this._aborted) {
-          return;
-        }
-        this._result = text;
-        this._setReadyState(DONE);
-      },
-      error => {
-        if (this._aborted) {
-          return;
-        }
-        this._error = error;
-        this._setReadyState(DONE);
-      },
-    );
-  }
-
-  readAsText(blob: ?Blob, encoding: string = 'UTF-8'): void {
-    this._aborted = false;
-
-    if (blob == null) {
-      throw new TypeError(
-        "Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'",
-      );
-    }
-
-    NativeFileReaderModule.readAsText(blob.data, encoding).then(
-      (text: string) => {
-        if (this._aborted) {
-          return;
-        }
-        this._result = text;
-        this._setReadyState(DONE);
-      },
-      error => {
-        if (this._aborted) {
-          return;
-        }
-        this._error = error;
-        this._setReadyState(DONE);
-      },
-    );
-  }
-
-  abort() {
-    this._aborted = true;
-    // only call onreadystatechange if there is something to abort, as per spec
-    if (this._readyState !== EMPTY && this._readyState !== DONE) {
-      this._reset();
-      this._setReadyState(DONE);
-    }
-    // Reset again after, in case modified in handler
-    this._reset();
-  }
-
-  get readyState(): ReadyState {
-    return this._readyState;
-  }
-
-  get error(): ?Error {
-    return this._error;
-  }
-
-  get result(): ?ReaderResult {
-    return this._result;
-  }
-
-  get onabort(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'abort');
-  }
-
-  set onabort(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'abort', listener);
-  }
-
-  get onerror(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'error');
-  }
-
-  set onerror(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'error', listener);
-  }
-
-  get onload(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'load');
-  }
-
-  set onload(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'load', listener);
-  }
-
-  get onloadstart(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'loadstart');
-  }
-
-  set onloadstart(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'loadstart', listener);
-  }
-
-  get onloadend(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'loadend');
-  }
-
-  set onloadend(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'loadend', listener);
-  }
-
-  get onprogress(): EventCallback | null {
-    return getEventHandlerAttribute(this, 'progress');
-  }
-
-  set onprogress(listener: ?EventCallback) {
-    setEventHandlerAttribute(this, 'progress', listener);
-  }
-}
-
-export default FileReader;