@office-iss/react-native-win32 0.82.0 → 0.83.0-preview.0

package/Libraries/Utilities/DevLoadingView.js

@@ -14,29 +14,37 @@ import NativeDevLoadingView from './NativeDevLoadingView';
 
 const COLOR_SCHEME = {
   dark: {
+    load: {
+      backgroundColor: '#fafafa',
+      textColor: '#242526',
+    },
     refresh: {
       backgroundColor: '#2584e8',
       textColor: '#ffffff',
     },
-    load: {
-      backgroundColor: '#fafafa',
-      textColor: '#242526',
+    error: {
+      backgroundColor: '#1065AF',
+      textColor: '#ffffff',
     },
   },
   default: {
+    load: {
+      backgroundColor: '#404040',
+      textColor: '#ffffff',
+    },
     refresh: {
       backgroundColor: '#2584e8',
       textColor: '#ffffff',
     },
-    load: {
-      backgroundColor: '#404040',
+    error: {
+      backgroundColor: '#1065AF',
       textColor: '#ffffff',
     },
   },
 };
 
 export default {
-  showMessage(message: string, type: 'load' | 'refresh') {
+  showMessage(message: string, type: 'load' | 'refresh' | 'error') {
     if (NativeDevLoadingView) {
       const colorScheme =
         getColorScheme() === 'dark' ? COLOR_SCHEME.dark : COLOR_SCHEME.default;

package/Libraries/Utilities/FocusManager.win32.js

@@ -22,14 +22,14 @@ class FocusManager {
     if (ref) {
       if (setWindowFocus) {
         UIManager.dispatchViewManagerCommand(
-          // $FlowIgnoreMe[incompatible-call]
+          // $FlowFixMe[incompatible-type]
           findNodeHandle(ref),
           UIManager.getViewManagerConfig('RCTView').Commands.aggressivefocus,
           [],
         );
       } else {
         UIManager.dispatchViewManagerCommand(
-          // $FlowIgnoreMe[incompatible-call]
+          // $FlowFixMe[incompatible-type]
           findNodeHandle(ref),
           UIManager.getViewManagerConfig('RCTView').Commands.politefocus,
           [],

package/Libraries/Utilities/HMRClient.js

@@ -211,7 +211,9 @@ Error: ${e.message}`;
       setHMRUnavailableReason(error);
     });
 
+    let pendingUpdatesCount = 0;
     client.on('update-start', ({isInitialUpdate}) => {
+      pendingUpdatesCount++;
       currentCompileErrorMessage = null;
       didConnect = true;
 
@@ -228,12 +230,13 @@ Error: ${e.message}`;
     });
 
     client.on('update-done', () => {
-      DevLoadingView.hide();
+      pendingUpdatesCount--;
+      if (pendingUpdatesCount === 0) {
+        DevLoadingView.hide();
+      }
     });
 
     client.on('error', data => {
-      DevLoadingView.hide();
-
       if (data.type === 'GraphNotFoundError') {
         client.close();
         setHMRUnavailableReason(
@@ -253,8 +256,6 @@ Error: ${e.message}`;
     });
 
     client.on('close', closeEvent => {
-      DevLoadingView.hide();
-
       // https://www.rfc-editor.org/rfc/rfc6455.html#section-7.4.1
       // https://www.rfc-editor.org/rfc/rfc6455.html#section-7.1.5
       const isNormalOrUnsetCloseReason =
@@ -296,10 +297,17 @@ function setHMRUnavailableReason(reason: string) {
   }
   hmrUnavailableReason = reason;
 
+  const DevLoadingView = require('./DevLoadingView').default;
+  DevLoadingView.hide();
+
   // We only want to show a warning if Fast Refresh is on *and* if we ever
   // previously managed to connect successfully. We don't want to show
   // the warning to native engineers who use cached bundles without Metro.
   if (hmrClient.isEnabled() && didConnect) {
+    DevLoadingView.showMessage(
+      'Fast Refresh disconnected. Reload app to reconnect.',
+      'error',
+    );
     console.warn(reason);
     // (Not using the `warning` module to prevent a Buck cycle.)
   }

package/flow/bom.js.flow

@@ -72,6 +72,7 @@ declare var console: {
     trackName?: string,
     trackGroup?: string,
     color?: DevToolsColor,
+    detail?: {[string]: mixed},
   ): void,
 
   ...

package/index.js

@@ -66,6 +66,12 @@ module.exports = {
   get Modal() {
     return require('./Libraries/Modal/Modal').default;
   },
+  get unstable_NativeText() {
+    return require('./Libraries/Text/TextNativeComponent').NativeText;
+  },
+  get unstable_NativeView() {
+    return require('./Libraries/Components/View/ViewNativeComponent').default;
+  },
   get Pressable() {
     return require('./Libraries/Components/Pressable/Pressable').default;
   },