@office-iss/react-native-win32 0.0.0-canary.285 → 0.0.0-canary.286

package/Libraries/Types/CoreEventTypes.win32.js

@@ -10,7 +10,7 @@
 
 import type {HostInstance} from '../Renderer/shims/ReactNativeTypes';
 
-export type SyntheticEvent<+T> = $ReadOnly<{
+export type NativeSyntheticEvent<+T> = $ReadOnly<{
   bubbles: ?boolean,
   cancelable: ?boolean,
   currentTarget: number | HostInstance,
@@ -32,7 +32,7 @@ export type SyntheticEvent<+T> = $ReadOnly<{
 }>;
 
 export type ResponderSyntheticEvent<T> = $ReadOnly<{
-  ...SyntheticEvent<T>,
+  ...NativeSyntheticEvent<T>,
   touchHistory: $ReadOnly<{
     indexOfSingleActiveTouch: number,
     mostRecentTimeStamp: number,
@@ -54,15 +54,15 @@ export type ResponderSyntheticEvent<T> = $ReadOnly<{
   }>,
 }>;
 
-export type Layout = $ReadOnly<{
+export type LayoutRectangle = $ReadOnly<{
   x: number,
   y: number,
   width: number,
   height: number,
 }>;
 
-export type TextLayout = $ReadOnly<{
-  ...Layout,
+export type TextLayoutLine = $ReadOnly<{
+  ...LayoutRectangle,
   ascender: number,
   capHeight: number,
   descender: number,
@@ -70,17 +70,17 @@ export type TextLayout = $ReadOnly<{
   xHeight: number,
 }>;
 
-export type LayoutEvent = SyntheticEvent<
+export type LayoutChangeEvent = NativeSyntheticEvent<
   $ReadOnly<{
-    layout: Layout,
+    layout: LayoutRectangle,
   }>,
 >;
 
-export type TextLayoutEvent = SyntheticEvent<
-  $ReadOnly<{
-    lines: Array<TextLayout>,
-  }>,
->;
+export type TextLayoutEventData = $ReadOnly<{
+  lines: Array<TextLayoutLine>,
+}>;
+
+export type TextLayoutEvent = NativeSyntheticEvent<TextLayoutEventData>;
 
 /**
  * https://developer.mozilla.org/en-US/docs/Web/API/UIEvent
@@ -228,80 +228,116 @@ export interface NativePointerEvent extends NativeMouseEvent {
   +isPrimary: boolean;
 }
 
-export type PointerEvent = SyntheticEvent<NativePointerEvent>;
+export type PointerEvent = NativeSyntheticEvent<NativePointerEvent>;
 
-export type PressEvent = ResponderSyntheticEvent<
-  $ReadOnly<{
-    altKey: ?boolean, // TODO(macOS)
-    button: ?number, // TODO(macOS)
-    changedTouches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-    ctrlKey: ?boolean, // TODO(macOS)
-    force?: number,
-    identifier: number,
-    locationX: number,
-    locationY: number,
-    metaKey: ?boolean, // TODO(macOS)
-    pageX: number,
-    pageY: number,
-    shiftKey: ?boolean, // TODO(macOS)
-    target: ?number,
-    timestamp: number,
-    touches: $ReadOnlyArray<$PropertyType<PressEvent, 'nativeEvent'>>,
-  }>,
->;
+export type NativeTouchEvent = $ReadOnly<{
+  altKey: ?boolean, // TODO(macOS)
 
-export type ScrollEvent = SyntheticEvent<
-  $ReadOnly<{
-    contentInset: $ReadOnly<{
-      bottom: number,
-      left: number,
-      right: number,
-      top: number,
-    }>,
-    contentOffset: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    contentSize: $ReadOnly<{
-      height: number,
-      width: number,
-    }>,
-    layoutMeasurement: $ReadOnly<{
-      height: number,
-      width: number,
-    }>,
-    targetContentOffset?: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    velocity?: $ReadOnly<{
-      y: number,
-      x: number,
-    }>,
-    zoomScale?: number,
-    responderIgnoreScroll?: boolean,
-    key?: string, // TODO(macOS)
-  }>,
->;
+  button: ?number, // TODO(macOS)
+  /**
+   * Array of all touch events that have changed since the last event
+   */
+  changedTouches: $ReadOnlyArray<NativeTouchEvent>,
 
-export type BlurEvent = SyntheticEvent<
-  $ReadOnly<{
-    target: number,
-    ...
-  }>,
->;
+  ctrlKey: ?boolean, // TODO(macOS)
 
-export type FocusEvent = SyntheticEvent<
-  $ReadOnly<{
-    target: number,
-    ...
-  }>,
->;
+  /**
+   * 3D Touch reported force
+   * @platform ios
+   */
+  force?: number,
+  /**
+   * The ID of the touch
+   */
+  identifier: number,
+  /**
+   * The X position of the touch, relative to the element
+   */
+  locationX: number,
+  /**
+   * The Y position of the touch, relative to the element
+   */
+  locationY: number,
+  /**
+   * The X position of the touch, relative to the screen
+   */
+
+  metaKey: ?boolean, // TODO(macOS)
+
+  pageX: number,
+  /**
+   * The Y position of the touch, relative to the screen
+   */
+  pageY: number,
+
+  shiftKey: ?boolean, // TODO(macOS)
+  /**
+   * The node id of the element receiving the touch event
+   */
+  target: ?number,
+  /**
+   * A time identifier for the touch, useful for velocity calculation
+   */
+  timestamp: number,
+  /**
+   * Array of all current touches on the screen
+   */
+  touches: $ReadOnlyArray<NativeTouchEvent>,
+}>;
+
+export type GestureResponderEvent = ResponderSyntheticEvent<NativeTouchEvent>;
+
+export type NativeScrollRectangle = $ReadOnly<{
+  bottom: number,
+  left: number,
+  right: number,
+  top: number,
+}>;
+
+export type NativeScrollPoint = $ReadOnly<{
+  y: number,
+  x: number,
+}>;
+
+export type NativeScrollVelocity = $ReadOnly<{
+  y: number,
+  x: number,
+}>;
+
+export type NativeScrollSize = $ReadOnly<{
+  height: number,
+  width: number,
+}>;
+
+export type NativeScrollEvent = $ReadOnly<{
+  contentInset: NativeScrollRectangle,
+  contentOffset: NativeScrollPoint,
+  contentSize: NativeScrollSize,
+  layoutMeasurement: NativeScrollSize,
+  velocity?: NativeScrollVelocity,
+  zoomScale?: number,
+  responderIgnoreScroll?: boolean,
+  /**
+   * @platform ios
+   */
+  targetContentOffset?: NativeScrollPoint,
+}>;
+
+export type ScrollEvent = NativeSyntheticEvent<NativeScrollEvent>;
+
+export type TargetedEvent = $ReadOnly<{
+  target: number,
+  ...
+}>;
+
+export type BlurEvent = NativeSyntheticEvent<TargetedEvent>;
+
+export type FocusEvent = NativeSyntheticEvent<TargetedEvent>;
 
 // [Windows Mouse events on Windows don't match up with the version in core
 // introduced for react-native-web. Replace typings with our values to catch
 // anything dependent on react-native-web specific values
-export type MouseEvent = SyntheticEvent<
+export type MouseEvent = NativeSyntheticEvent<
   $ReadOnly<{
     target: number,
     identifier: number,
@@ -328,7 +364,7 @@ export type MouseEvent = SyntheticEvent<
 // Windows]
 
 // [Windows
-export type KeyEvent = SyntheticEvent<
+export type KeyEvent = NativeSyntheticEvent<
   $ReadOnly<{|
     altKey: boolean,
     ctrlKey: boolean,

package/Libraries/UTFSequence.js

@@ -10,7 +10,8 @@
 
 'use strict';
 
-const deepFreezeAndThrowOnMutationInDev = require('./Utilities/deepFreezeAndThrowOnMutationInDev');
+const deepFreezeAndThrowOnMutationInDev =
+  require('./Utilities/deepFreezeAndThrowOnMutationInDev').default;
 
 /**
  * A collection of Unicode sequences for various characters and emoji.

package/Libraries/Utilities/BackHandler.android.js

@@ -93,4 +93,4 @@ const BackHandler: TBackHandler = {
   },
 };
 
-module.exports = BackHandler;
+export default BackHandler;

package/Libraries/Utilities/BackHandler.ios.js

@@ -14,14 +14,14 @@ type BackPressHandler = () => ?boolean;
 function emptyFunction(): void {}
 
 type TBackHandler = {
-  +exitApp: () => void,
-  +addEventListener: (
+  exitApp(): void,
+  addEventListener(
     eventName: BackPressEventName,
     handler: BackPressHandler,
-  ) => {remove: () => void, ...},
+  ): {remove: () => void, ...},
 };
 
-let BackHandler: TBackHandler = {
+const BackHandler: TBackHandler = {
   exitApp: emptyFunction,
   addEventListener(_eventName: BackPressEventName, _handler: BackPressHandler) {
     return {
@@ -30,4 +30,4 @@ let BackHandler: TBackHandler = {
   },
 };
 
-module.exports = BackHandler;
+export default BackHandler;

package/Libraries/Utilities/BackHandler.win32.js

@@ -93,4 +93,4 @@ const BackHandler: TBackHandler = {
   },
 };
 
-module.exports = BackHandler;
+export default BackHandler;

package/Libraries/Utilities/DevLoadingView.js

@@ -35,7 +35,7 @@ const COLOR_SCHEME = {
   },
 };
 
-module.exports = {
+export default {
   showMessage(message: string, type: 'load' | 'refresh') {
     if (NativeDevLoadingView) {
       const colorScheme =

package/Libraries/Utilities/DevSettings.js

@@ -69,4 +69,4 @@ if (__DEV__) {
   };
 }
 
-module.exports = DevSettings;
+export default DevSettings;

package/Libraries/Utilities/DeviceInfo.js

@@ -10,4 +10,4 @@
 
 import NativeDeviceInfo from './NativeDeviceInfo';
 
-module.exports = NativeDeviceInfo;
+export default NativeDeviceInfo;

package/Libraries/Utilities/DeviceInfo.win32.js

@@ -16,4 +16,4 @@ const DeviceInfo: Spec = {
   getConstants: () => ({Dimensions: {}}),
 };
 
-module.exports = DeviceInfo;
+export default DeviceInfo;

package/Libraries/Utilities/FeatureDetection.js

@@ -15,7 +15,7 @@
  * Note that a polyfill can technically fake this behavior but few does it.
  * Therefore, this is usually good enough for our purpose.
  */
-function isNativeFunction(f: Function): boolean {
+export function isNativeFunction(f: Function): boolean {
   return typeof f === 'function' && f.toString().indexOf('[native code]') > -1;
 }
 
@@ -23,9 +23,7 @@ function isNativeFunction(f: Function): boolean {
  * @return whether or not the constructor of @param {object} o is an native
  * function named with @param {string} expectedName.
  */
-function hasNativeConstructor(o: Object, expectedName: string): boolean {
+export function hasNativeConstructor(o: Object, expectedName: string): boolean {
   const con = Object.getPrototypeOf(o).constructor;
   return con.name === expectedName && isNativeFunction(con);
 }
-
-module.exports = {isNativeFunction, hasNativeConstructor};

package/Libraries/Utilities/FocusManager.win32.js

@@ -25,18 +25,18 @@ class FocusManager {
           // $FlowIgnoreMe[incompatible-call]
           findNodeHandle(ref),
           UIManager.getViewManagerConfig('RCTView').Commands.aggressivefocus,
-          null,
+          [],
         );
       } else {
         UIManager.dispatchViewManagerCommand(
           // $FlowIgnoreMe[incompatible-call]
           findNodeHandle(ref),
           UIManager.getViewManagerConfig('RCTView').Commands.politefocus,
-          null,
+          [],
         );
       }
     }
   }
 }
 
-module.exports = FocusManager;
+export default FocusManager;

package/Libraries/Utilities/GlobalPerformanceLogger.js

@@ -21,4 +21,4 @@ import createPerformanceLogger from './createPerformanceLogger';
  */
 const GlobalPerformanceLogger: IPerformanceLogger = createPerformanceLogger();
 
-module.exports = GlobalPerformanceLogger;
+export default GlobalPerformanceLogger;

package/Libraries/Utilities/HMRClient.js

@@ -14,8 +14,8 @@ import getDevServer from '../Core/Devtools/getDevServer';
 import LogBox from '../LogBox/LogBox';
 import NativeRedBox from '../NativeModules/specs/NativeRedBox';
 
-const DevSettings = require('./DevSettings');
-const Platform = require('./Platform');
+const DevSettings = require('./DevSettings').default;
+const Platform = require('./Platform').default;
 const invariant = require('invariant');
 const MetroHMRClient = require('metro-runtime/src/modules/HMRClient');
 const prettyFormat = require('pretty-format');
@@ -26,7 +26,6 @@ let hmrUnavailableReason: string | null = null;
 let currentCompileErrorMessage: string | null = null;
 let didConnect: boolean = false;
 let pendingLogs: Array<[LogLevel, $ReadOnlyArray<mixed>]> = [];
-let pendingFuseboxConsoleNotification = false;
 
 type LogLevel =
   | 'trace'
@@ -52,7 +51,6 @@ export type HMRClientNativeInterface = {
     isEnabled: boolean,
     scheme?: string,
   ): void,
-  unstable_notifyFuseboxConsoleEnabled(): void,
 };
 
 /**
@@ -70,7 +68,7 @@ const HMRClient: HMRClientNativeInterface = {
     }
 
     invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
-    const DevLoadingView = require('./DevLoadingView');
+    const DevLoadingView = require('./DevLoadingView').default;
 
     // We use this for internal logging only.
     // It doesn't affect the logic.
@@ -142,29 +140,6 @@ const HMRClient: HMRClientNativeInterface = {
     }
   },
 
-  unstable_notifyFuseboxConsoleEnabled() {
-    if (!hmrClient) {
-      pendingFuseboxConsoleNotification = true;
-      return;
-    }
-    hmrClient.send(
-      JSON.stringify({
-        type: 'log',
-        level: 'info',
-        data: [
-          '\n' +
-            '\u001B[7m' +
-            ' \u001B[1m💡 JavaScript logs have moved!\u001B[22m They can now be ' +
-            'viewed in React Native DevTools. Tip: Type \u001B[1mj\u001B[22m in ' +
-            'the terminal to open (requires Google Chrome or Microsoft Edge).' +
-            '\u001B[27m' +
-            '\n',
-        ],
-      }),
-    );
-    pendingFuseboxConsoleNotification = false;
-  },
-
   // Called once by the bridge on startup, even if Fast Refresh is off.
   // It creates the HMR client but doesn't actually set up the socket yet.
   setup(
@@ -181,7 +156,7 @@ const HMRClient: HMRClientNativeInterface = {
     invariant(!hmrClient, 'Cannot initialize hmrClient twice');
 
     // Moving to top gives errors due to NativeModules not being initialized
-    const DevLoadingView = require('./DevLoadingView');
+    const DevLoadingView = require('./DevLoadingView').default;
 
     const serverHost = port !== null && port !== '' ? `${host}:${port}` : host;
 
@@ -341,9 +316,6 @@ function flushEarlyLogs(client: MetroHMRClient) {
     pendingLogs.forEach(([level, data]) => {
       HMRClient.log(level, data);
     });
-    if (pendingFuseboxConsoleNotification) {
-      HMRClient.unstable_notifyFuseboxConsoleEnabled();
-    }
   } finally {
     pendingLogs.length = 0;
   }
@@ -387,4 +359,4 @@ function showCompileError() {
   throw error;
 }
 
-module.exports = HMRClient;
+export default HMRClient;

package/Libraries/Utilities/HMRClientProdShim.js

@@ -25,7 +25,6 @@ const HMRClientProdShim: HMRClientNativeInterface = {
   disable() {},
   registerBundle() {},
   log() {},
-  unstable_notifyFuseboxConsoleEnabled() {},
 };
 
-module.exports = HMRClientProdShim;
+export default HMRClientProdShim;

package/Libraries/Utilities/Platform.android.js

@@ -11,7 +11,7 @@
 import type {
   Platform as PlatformType,
   PlatformSelectSpec,
-} from './Platform.flow';
+} from './PlatformTypes';
 
 import NativePlatformConstantsAndroid from './NativePlatformConstantsAndroid';
 
@@ -84,4 +84,4 @@ const Platform: PlatformType = {
           spec.default,
 };
 
-module.exports = Platform;
+export default Platform;

package/Libraries/Utilities/Platform.ios.js

@@ -11,7 +11,7 @@
 import type {
   Platform as PlatformType,
   PlatformSelectSpec,
-} from './Platform.flow';
+} from './PlatformTypes';
 
 import NativePlatformConstantsIOS from './NativePlatformConstantsIOS';
 
@@ -85,4 +85,4 @@ const Platform: PlatformType = {
     'ios' in spec ? spec.ios : 'native' in spec ? spec.native : spec.default,
 };
 
-module.exports = Platform;
+export default Platform;

package/Libraries/Utilities/Platform.win32.js

@@ -9,7 +9,7 @@
 import type {
   Platform as PlatformType,
   PlatformSelectSpec,
-} from './Platform.flow';
+} from './PlatformTypes';
 
 import NativePlatformConstantsWin from './NativePlatformConstantsWin';
 
@@ -78,4 +78,4 @@ const Platform: PlatformType = {
           spec.default,
 };
 
-module.exports = Platform;
+export default Platform;

package/Libraries/Utilities/{Platform.flow.win32.js → PlatformTypes.js}

@@ -14,6 +14,7 @@ export type PlatformSelectSpec<T> = {
   ios?: T,
   android?: T,
   win32?: T,
+  windows?: T,
   ...
 };
 

package/Libraries/Utilities/PolyfillFunctions.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const defineLazyObjectProperty = require('./defineLazyObjectProperty');
+const defineLazyObjectProperty = require('./defineLazyObjectProperty').default;
 
 /**
  * Sets an object's property. If a property with the same name exists, this will
@@ -25,7 +25,7 @@ const defineLazyObjectProperty = require('./defineLazyObjectProperty');
  *
  * @see https://github.com/facebook/react-native/issues/934
  */
-function polyfillObjectProperty<T>(
+export function polyfillObjectProperty<T>(
   object: {...},
   name: string,
   getValue: () => T,
@@ -49,8 +49,6 @@ function polyfillObjectProperty<T>(
   });
 }
 
-function polyfillGlobal<T>(name: string, getValue: () => T): void {
+export function polyfillGlobal<T>(name: string, getValue: () => T): void {
   polyfillObjectProperty(global, name, getValue);
 }
-
-module.exports = {polyfillObjectProperty, polyfillGlobal};

package/Libraries/Utilities/RCTLog.js

@@ -53,4 +53,4 @@ const RCTLog = {
   },
 };
 
-module.exports = RCTLog;
+export default RCTLog;

package/Libraries/Utilities/ReactNativeTestTools.js

@@ -20,7 +20,7 @@ const Switch = require('../Components/Switch/Switch').default;
 const TextInput = require('../Components/TextInput/TextInput').default;
 const View = require('../Components/View/View').default;
 const Text = require('../Text/Text').default;
-const {VirtualizedList} = require('@react-native/virtualized-lists');
+const {VirtualizedList} = require('@react-native/virtualized-lists').default;
 
 export type ReactTestInstance = $PropertyType<ReactTestRendererType, 'root'>;
 export type Predicate = (node: ReactTestInstance) => boolean;

package/Libraries/Utilities/SceneTracker.js

@@ -39,4 +39,4 @@ const SceneTracker = {
   },
 };
 
-module.exports = SceneTracker;
+export default SceneTracker;

package/Libraries/Utilities/__mocks__/GlobalPerformanceLogger.js

@@ -11,6 +11,6 @@
 
 const GlobalPerformanceLogger = jest
   .unmock('../createPerformanceLogger')
-  .genMockFromModule('../GlobalPerformanceLogger');
+  .genMockFromModule('../GlobalPerformanceLogger').default;
 
-module.exports = GlobalPerformanceLogger;
+export default GlobalPerformanceLogger;

package/Libraries/Utilities/binaryToBase64.js

@@ -28,4 +28,4 @@ function binaryToBase64(data: ArrayBuffer | $ArrayBufferView): string {
   return base64.fromByteArray(new Uint8Array(buffer, byteOffset, byteLength));
 }
 
-module.exports = binaryToBase64;
+export default binaryToBase64;

package/Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js

@@ -87,4 +87,4 @@ function identity(value: mixed) {
   return value;
 }
 
-module.exports = deepFreezeAndThrowOnMutationInDev;
+export default deepFreezeAndThrowOnMutationInDev;

package/Libraries/Utilities/defineLazyObjectProperty.js

@@ -63,4 +63,4 @@ function defineLazyObjectProperty<T>(
   });
 }
 
-module.exports = defineLazyObjectProperty;
+export default defineLazyObjectProperty;

package/Libraries/Utilities/differ/deepDiffer.js

@@ -25,7 +25,7 @@ function unstable_setLogListeners(listeners: ?LogListeners) {
 /*
  * @returns {bool} true if different, false if equal
  */
-const deepDiffer = function (
+function deepDiffer(
   one: any,
   two: any,
   maxDepthOrOptions: Options | number = -1,
@@ -95,7 +95,7 @@ const deepDiffer = function (
     }
   }
   return false;
-};
+}
 
 deepDiffer.unstable_setLogListeners = unstable_setLogListeners;
-module.exports = deepDiffer;
+export default deepDiffer;

package/Libraries/Utilities/differ/insetsDiffer.js

@@ -25,7 +25,7 @@ const dummyInsets = {
   bottom: undefined,
 };
 
-const insetsDiffer = function (one: Inset, two: Inset): boolean {
+function insetsDiffer(one: Inset, two: Inset): boolean {
   one = one || dummyInsets;
   two = two || dummyInsets;
   return (
@@ -35,6 +35,6 @@ const insetsDiffer = function (one: Inset, two: Inset): boolean {
       one.right !== two.right ||
       one.bottom !== two.bottom)
   );
-};
+}
 
-module.exports = insetsDiffer;
+export default insetsDiffer;