@office-iss/react-native-win32 0.70.2 → 0.71.0-preview.1

package/Libraries/LogBox/Data/LogBoxData.js

@@ -10,19 +10,20 @@
 
 ('use strict');
 
-import * as React from 'react';
-import LogBoxLog from './LogBoxLog';
-import {parseLogBoxException} from './parseLogBoxLog';
+import type {ExtendedError} from '../../Core/ExtendedError';
 import type {LogLevel} from './LogBoxLog';
 import type {
-  Message,
   Category,
   ComponentStack,
   ExtendedExceptionData,
+  Message,
 } from './parseLogBoxLog';
+
 import parseErrorStack from '../../Core/Devtools/parseErrorStack';
-import type {ExtendedError} from '../../Core/ExtendedError';
 import NativeLogBox from '../../NativeModules/specs/NativeLogBox';
+import LogBoxLog from './LogBoxLog';
+import {parseLogBoxException} from './parseLogBoxLog';
+import * as React from 'react';
 export type LogBoxLogs = Set<LogBoxLog>;
 export type LogData = $ReadOnly<{|
   level: LogLevel,
@@ -67,7 +68,7 @@ const observers: Set<{observer: Observer, ...}> = new Set();
 const ignorePatterns: Set<IgnorePattern> = new Set();
 let appInfo: ?() => AppInfo = null;
 let logs: LogBoxLogs = new Set();
-let updateTimeout = null;
+let updateTimeout: $FlowFixMe | null = null;
 let _isDisabled = false;
 let _selectedIndex = -1;
 
@@ -401,7 +402,7 @@ export function withSubscription(
   WrappedComponent: SubscribedComponent,
 ): React.AbstractComponent<{||}> {
   class LogBoxStateSubscription extends React.Component<Props, State> {
-    static getDerivedStateFromError() {
+    static getDerivedStateFromError(): {hasError: boolean} {
       return {hasError: true};
     }
 
@@ -413,7 +414,7 @@ export function withSubscription(
 
     _subscription: ?Subscription;
 
-    state = {
+    state: State = {
       logs: new Set(),
       isDisabled: false,
       hasError: false,

package/Libraries/LogBox/Data/LogBoxLog.js

@@ -8,15 +8,15 @@
  * @format
  */
 
-import * as LogBoxSymbolication from './LogBoxSymbolication';
-
+import type {Stack} from './LogBoxSymbolication';
 import type {
   Category,
-  Message,
-  ComponentStack,
   CodeFrame,
+  ComponentStack,
+  Message,
 } from './parseLogBoxLog';
-import type {Stack} from './LogBoxSymbolication';
+
+import * as LogBoxSymbolication from './LogBoxSymbolication';
 
 type SymbolicationStatus = 'NONE' | 'PENDING' | 'COMPLETE' | 'FAILED';
 

package/Libraries/LogBox/Data/LogBoxSymbolication.js

@@ -8,10 +8,10 @@
  * @format
  */
 
-import symbolicateStackTrace from '../../Core/Devtools/symbolicateStackTrace';
-
-import type {StackFrame} from '../../Core/NativeExceptionsManager';
 import type {SymbolicatedStackTrace} from '../../Core/Devtools/symbolicateStackTrace';
+import type {StackFrame} from '../../Core/NativeExceptionsManager';
+
+import symbolicateStackTrace from '../../Core/Devtools/symbolicateStackTrace';
 
 export type Stack = Array<StackFrame>;
 
@@ -27,7 +27,7 @@ const sanitize = ({
   if (!Array.isArray(maybeStack)) {
     throw new Error('Expected stack to be an array.');
   }
-  const stack = [];
+  const stack: Array<StackFrame> = [];
   for (const maybeFrame of maybeStack) {
     let collapse = false;
     if ('collapse' in maybeFrame) {

package/Libraries/LogBox/Data/parseLogBoxLog.js

@@ -8,15 +8,17 @@
  * @format
  */
 
-import UTFSequence from '../../UTFSequence';
-import stringifySafe from '../../Utilities/stringifySafe';
 import type {ExceptionData} from '../../Core/NativeExceptionsManager';
 import type {LogBoxLogData} from './LogBoxLog';
+
 import parseErrorStack from '../../Core/Devtools/parseErrorStack';
+import UTFSequence from '../../UTFSequence';
+import stringifySafe from '../../Utilities/stringifySafe';
 
 const BABEL_TRANSFORM_ERROR_FORMAT =
   /^(?:TransformError )?(?:SyntaxError: |ReferenceError: )(.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/;
 const BABEL_CODE_FRAME_ERROR_FORMAT =
+  // eslint-disable-next-line no-control-regex
   /^(?:TransformError )?(?:.*):? (?:.*?)(\/.*): ([\s\S]+?)\n([ >]{2}[\d\s]+ \|[\s\S]+|\u{001b}[\s\S]+)/u;
 const METRO_ERROR_FORMAT =
   /^(?:InternalError Metro has encountered an error:) (.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/u;
@@ -315,7 +317,7 @@ export function parseLogBoxLog(args: $ReadOnlyArray<mixed>): {|
   message: Message,
 |} {
   const message = args[0];
-  let argsWithoutComponentStack = [];
+  let argsWithoutComponentStack: Array<mixed> = [];
   let componentStack: ComponentStack = [];
 
   // Extract component stack from warnings like "Some warning%s".

package/Libraries/LogBox/LogBox.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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.
+ *
+ * @format
+ */
+
+export interface LogBoxStatic {
+  /**
+   * Silence any logs that match the given strings or regexes.
+   */
+  ignoreLogs(patterns: (string | RegExp)[]): void;
+
+  /**
+   * Toggle error and warning notifications
+   * Note: this only disables notifications, uncaught errors will still open a full screen LogBox.
+   * @param ignore whether to ignore logs or not
+   */
+  ignoreAllLogs(ignore?: boolean): void;
+
+  install(): void;
+  uninstall(): void;
+}
+
+export const LogBox: LogBoxStatic;
+export type LogBox = LogBoxStatic;

package/Libraries/LogBox/LogBox.js

@@ -8,12 +8,12 @@
  * @format
  */
 
-import Platform from '../Utilities/Platform';
-import RCTLog from '../Utilities/RCTLog';
-
 import type {IgnorePattern, LogData} from './Data/LogBoxData';
 import type {ExtendedExceptionData} from './Data/parseLogBoxLog';
 
+import Platform from '../Utilities/Platform';
+import RCTLog from '../Utilities/RCTLog';
+
 export type {LogData, ExtendedExceptionData, IgnorePattern};
 
 let LogBox;
@@ -143,6 +143,9 @@ if (__DEV__) {
     if (LogBoxData.isLogBoxErrorMessage(String(args[0]))) {
       originalConsoleError(...args);
       return;
+    } else {
+      // Be sure to pass LogBox warnings through.
+      originalConsoleWarn(...args);
     }
 
     try {
@@ -150,9 +153,6 @@ if (__DEV__) {
         const {category, message, componentStack} = parseLogBoxLog(args);
 
         if (!LogBoxData.isMessageIgnored(message.content)) {
-          // Be sure to pass LogBox warnings through.
-          originalConsoleWarn(...args);
-
           LogBoxData.addLog({
             level: 'warn',
             category,
@@ -205,12 +205,12 @@ if (__DEV__) {
       args[0] = `Warning: ${filterResult.finalFormat}`;
       const {category, message, componentStack} = parseLogBoxLog(args);
 
-      if (!LogBoxData.isMessageIgnored(message.content)) {
-        // Interpolate the message so they are formatted for adb and other CLIs.
-        // This is different than the message.content above because it includes component stacks.
-        const interpolated = parseInterpolation(args);
-        originalConsoleError(interpolated.message.content);
+      // Interpolate the message so they are formatted for adb and other CLIs.
+      // This is different than the message.content above because it includes component stacks.
+      const interpolated = parseInterpolation(args);
+      originalConsoleError(interpolated.message.content);
 
+      if (!LogBoxData.isMessageIgnored(message.content)) {
         LogBoxData.addLog({
           level,
           category,

package/Libraries/LogBox/LogBoxInspectorContainer.js

@@ -8,11 +8,13 @@
  * @format
  */
 
-import * as React from 'react';
-import {View, StyleSheet} from 'react-native';
+import type LogBoxLog from './Data/LogBoxLog';
+
+import View from '../Components/View/View';
+import StyleSheet from '../StyleSheet/StyleSheet';
 import * as LogBoxData from './Data/LogBoxData';
 import LogBoxInspector from './UI/LogBoxInspector';
-import type LogBoxLog from './Data/LogBoxLog';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   logs: $ReadOnlyArray<LogBoxLog>,

package/Libraries/LogBox/LogBoxNotificationContainer.js

@@ -8,12 +8,12 @@
  * @format
  */
 
-import * as React from 'react';
-import StyleSheet from '../StyleSheet/StyleSheet';
 import View from '../Components/View/View';
+import StyleSheet from '../StyleSheet/StyleSheet';
 import * as LogBoxData from './Data/LogBoxData';
 import LogBoxLog from './Data/LogBoxLog';
 import LogBoxLogNotification from './UI/LogBoxNotification';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   logs: $ReadOnlyArray<LogBoxLog>,

package/Libraries/LogBox/UI/AnsiHighlight.js

@@ -8,11 +8,13 @@
  * @format
  */
 
+import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
+
+import View from '../../Components/View/View';
+import StyleSheet from '../../StyleSheet/StyleSheet';
+import Text from '../../Text/Text';
 import {ansiToJson} from 'anser';
 import * as React from 'react';
-import {StyleSheet, Text, View} from 'react-native';
-
-import type {TextStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 // Afterglow theme from https://iterm2colorschemes.com/
 const COLORS = {

package/Libraries/LogBox/UI/LogBoxButton.js

@@ -8,15 +8,16 @@
  * @format
  */
 
-import * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import TouchableWithoutFeedback from '../../Components/Touchable/TouchableWithoutFeedback';
-import View from '../../Components/View/View';
-import * as LogBoxStyle from './LogBoxStyle';
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {PressEvent} from '../../Types/CoreEventTypes';
 
+import TouchableWithoutFeedback from '../../Components/Touchable/TouchableWithoutFeedback';
+import View from '../../Components/View/View';
+import StyleSheet from '../../StyleSheet/StyleSheet';
+import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
+
 type Props = $ReadOnly<{|
   backgroundColor: $ReadOnly<{|
     default: string,

package/Libraries/LogBox/UI/LogBoxInspector.js

@@ -8,20 +8,20 @@
  * @format
  */
 
-import LogBoxInspectorCodeFrame from './LogBoxInspectorCodeFrame';
-import * as React from 'react';
+import Keyboard from '../../Components/Keyboard/Keyboard';
 import ScrollView from '../../Components/ScrollView/ScrollView';
-import StyleSheet from '../../StyleSheet/StyleSheet';
 import View from '../../Components/View/View';
+import StyleSheet from '../../StyleSheet/StyleSheet';
 import * as LogBoxData from '../Data/LogBoxData';
-import Keyboard from '../../Components/Keyboard/Keyboard';
+import LogBoxLog, {type LogLevel} from '../Data/LogBoxLog';
+import LogBoxInspectorCodeFrame from './LogBoxInspectorCodeFrame';
 import LogBoxInspectorFooter from './LogBoxInspectorFooter';
+import LogBoxInspectorHeader from './LogBoxInspectorHeader';
 import LogBoxInspectorMessageHeader from './LogBoxInspectorMessageHeader';
 import LogBoxInspectorReactFrames from './LogBoxInspectorReactFrames';
 import LogBoxInspectorStackFrames from './LogBoxInspectorStackFrames';
-import LogBoxInspectorHeader from './LogBoxInspectorHeader';
 import * as LogBoxStyle from './LogBoxStyle';
-import LogBoxLog, {type LogLevel} from '../Data/LogBoxLog';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   onDismiss: () => void,

package/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js

@@ -8,19 +8,20 @@
  * @format
  */
 
-import * as React from 'react';
-import Platform from '../../Utilities/Platform';
+import type {CodeFrame} from '../Data/parseLogBoxLog';
+
 import ScrollView from '../../Components/ScrollView/ScrollView';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
 import View from '../../Components/View/View';
-import * as LogBoxStyle from './LogBoxStyle';
-import type {CodeFrame} from '../Data/parseLogBoxLog';
-import LogBoxButton from './LogBoxButton';
 import openFileInEditor from '../../Core/Devtools/openFileInEditor';
+import StyleSheet from '../../StyleSheet/StyleSheet';
+import Text from '../../Text/Text';
+import Platform from '../../Utilities/Platform';
+import * as LogBoxData from '../Data/LogBoxData';
 import AnsiHighlight from './AnsiHighlight';
+import LogBoxButton from './LogBoxButton';
 import LogBoxInspectorSection from './LogBoxInspectorSection';
-import * as LogBoxData from '../Data/LogBoxData';
+import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
 type Props = $ReadOnly<{|
   codeFrame: ?CodeFrame,
 |}>;

package/Libraries/LogBox/UI/LogBoxInspectorFooter.js

@@ -10,13 +10,13 @@
 
 import type {LogLevel} from '../Data/LogBoxLog';
 
-import * as React from 'react';
-import DeviceInfo from '../../Utilities/DeviceInfo';
+import View from '../../Components/View/View';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
+import DeviceInfo from '../../Utilities/DeviceInfo';
 import LogBoxButton from './LogBoxButton';
 import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   onDismiss: () => void,

package/Libraries/LogBox/UI/LogBoxInspectorHeader.js

@@ -8,17 +8,18 @@
  * @format
  */
 
+import type {ImageSource} from '../../Image/ImageSource';
+import type {LogLevel} from '../Data/LogBoxLog';
+
+import StatusBar from '../../Components/StatusBar/StatusBar';
+import View from '../../Components/View/View';
 import Image from '../../Image/Image';
-import Platform from '../../Utilities/Platform';
-import * as React from 'react';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
-import StatusBar from '../../Components/StatusBar/StatusBar';
+import Platform from '../../Utilities/Platform';
 import LogBoxButton from './LogBoxButton';
 import * as LogBoxStyle from './LogBoxStyle';
-import type {LogLevel} from '../Data/LogBoxLog';
-import type {ImageSource} from '../../Image/ImageSource';
+import * as React from 'react';
 type Props = $ReadOnly<{|
   onSelectIndex: (selectedIndex: number) => void,
   selectedIndex: number,

package/Libraries/LogBox/UI/LogBoxInspectorHeader.win32.js

@@ -10,15 +10,16 @@
 
 'use strict';
 
-import Platform from '../../Utilities/Platform';
-import * as React from 'react';
+import type {LogLevel} from '../Data/LogBoxLog';
+
+import StatusBar from '../../Components/StatusBar/StatusBar';
+import View from '../../Components/View/View';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
-import StatusBar from '../../Components/StatusBar/StatusBar';
+import Platform from '../../Utilities/Platform';
 import LogBoxButton from './LogBoxButton';
 import * as LogBoxStyle from './LogBoxStyle';
-import type {LogLevel} from '../Data/LogBoxLog';
+import * as React from 'react';
 type Props = $ReadOnly<{|
   onSelectIndex: (selectedIndex: number) => void,
   selectedIndex: number,

package/Libraries/LogBox/UI/LogBoxInspectorMessageHeader.js

@@ -8,14 +8,15 @@
  * @format
  */
 
-import * as React from 'react';
+import type {LogLevel} from '../Data/LogBoxLog';
+import type {Message} from '../Data/parseLogBoxLog';
+
+import View from '../../Components/View/View';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
-import * as LogBoxStyle from './LogBoxStyle';
 import LogBoxMessage from './LogBoxMessage';
-import type {LogLevel} from '../Data/LogBoxLog';
-import type {Message} from '../Data/parseLogBoxLog';
+import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   collapsed: boolean,

package/Libraries/LogBox/UI/LogBoxInspectorReactFrames.js

@@ -8,16 +8,17 @@
  * @format
  */
 
-import * as React from 'react';
+import type LogBoxLog from '../Data/LogBoxLog';
+
+import View from '../../Components/View/View';
+import openFileInEditor from '../../Core/Devtools/openFileInEditor';
 import StyleSheet from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
+import Platform from '../../Utilities/Platform';
 import LogBoxButton from './LogBoxButton';
-import * as LogBoxStyle from './LogBoxStyle';
 import LogBoxInspectorSection from './LogBoxInspectorSection';
-import openFileInEditor from '../../Core/Devtools/openFileInEditor';
-import type LogBoxLog from '../Data/LogBoxLog';
+import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   log: LogBoxLog,

package/Libraries/LogBox/UI/LogBoxInspectorSection.js

@@ -8,11 +8,11 @@
  * @format
  */
 
-import * as React from 'react';
+import View from '../../Components/View/View';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
 import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   heading: string,

package/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js

@@ -8,15 +8,15 @@
  * @format
  */
 
+import type {PressEvent} from '../../Types/CoreEventTypes';
+
 import Animated from '../../Animated/Animated';
 import Easing from '../../Animated/Easing';
-import * as React from 'react';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
 import LogBoxButton from './LogBoxButton';
 import * as LogBoxStyle from './LogBoxStyle';
-
-import type {PressEvent} from '../../Types/CoreEventTypes';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   onPress?: ?(event: PressEvent) => void,

package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.js

@@ -8,16 +8,16 @@
  * @format
  */
 
-import * as React from 'react';
+import type {StackFrame} from '../../Core/NativeExceptionsManager';
+import type {PressEvent} from '../../Types/CoreEventTypes';
+
+import View from '../../Components/View/View';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
 import Platform from '../../Utilities/Platform';
 import LogBoxButton from './LogBoxButton';
 import * as LogBoxStyle from './LogBoxStyle';
-
-import type {PressEvent} from '../../Types/CoreEventTypes';
-import type {StackFrame} from '../../Core/NativeExceptionsManager';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   frame: StackFrame,

package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.win32.js

@@ -8,16 +8,16 @@
  * @format
  */
 
-import * as React from 'react';
+import type {StackFrame} from '../../Core/NativeExceptionsManager';
+import type {PressEvent} from '../../Types/CoreEventTypes';
+
+import View from '../../Components/View/View';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
 import Platform from '../../Utilities/Platform';
 import LogBoxButton from './LogBoxButton';
 import * as LogBoxStyle from './LogBoxStyle';
-
-import type {PressEvent} from '../../Types/CoreEventTypes';
-import type {StackFrame} from '../../Core/NativeExceptionsManager';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   frame: StackFrame,

package/Libraries/LogBox/UI/LogBoxInspectorStackFrames.js

@@ -9,19 +9,19 @@
  */
 
 import type {StackFrame} from '../../Core/NativeExceptionsManager';
-import type {Stack} from '../Data/LogBoxSymbolication';
 import type LogBoxLog from '../Data/LogBoxLog';
+import type {Stack} from '../Data/LogBoxSymbolication';
 
-import * as React from 'react';
+import View from '../../Components/View/View';
+import openFileInEditor from '../../Core/Devtools/openFileInEditor';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
 import LogBoxButton from './LogBoxButton';
+import LogBoxInspectorSection from './LogBoxInspectorSection';
 import LogBoxInspectorSourceMapStatus from './LogBoxInspectorSourceMapStatus';
 import LogBoxInspectorStackFrame from './LogBoxInspectorStackFrame';
-import LogBoxInspectorSection from './LogBoxInspectorSection';
 import * as LogBoxStyle from './LogBoxStyle';
-import openFileInEditor from '../../Core/Devtools/openFileInEditor';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   log: LogBoxLog,

package/Libraries/LogBox/UI/LogBoxMessage.js

@@ -8,12 +8,12 @@
  * @format
  */
 
-import * as React from 'react';
-import Text from '../../Text/Text';
-
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 import type {Message} from '../Data/parseLogBoxLog';
 
+import Text from '../../Text/Text';
+import * as React from 'react';
+
 type Props = {
   message: Message,
   style: TextStyleProp,

package/Libraries/LogBox/UI/LogBoxNotification.js

@@ -9,16 +9,17 @@
  */
 
 import type {Message as MessageType} from '../Data/parseLogBoxLog';
-import * as React from 'react';
+
+import View from '../../Components/View/View';
 import Image from '../../Image/Image';
 import StyleSheet from '../../StyleSheet/StyleSheet';
 import Text from '../../Text/Text';
-import View from '../../Components/View/View';
-import LogBoxButton from './LogBoxButton';
-import * as LogBoxStyle from './LogBoxStyle';
+import * as LogBoxData from '../Data/LogBoxData';
 import LogBoxLog from '../Data/LogBoxLog';
+import LogBoxButton from './LogBoxButton';
 import LogBoxMessage from './LogBoxMessage';
-import * as LogBoxData from '../Data/LogBoxData';
+import * as LogBoxStyle from './LogBoxStyle';
+import * as React from 'react';
 
 type Props = $ReadOnly<{|
   log: LogBoxLog,