@office-iss/react-native-win32 0.78.3 → 0.79.0-preview.1

package/types/index.d.ts

@@ -51,7 +51,7 @@
 //                 Mateusz Wit <https://github.com/MateWW>
 //                 Saad Najmi <https://github.com/saadnajmi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// Minimum TypeScript Version: 4.8
+// Minimum TypeScript Version: 4.9
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 //
@@ -68,7 +68,7 @@
 /// <reference path="modules/BatchedBridge.d.ts" />
 /// <reference path="modules/Codegen.d.ts" />
 /// <reference path="modules/Devtools.d.ts" />
-/// <reference path="modules/globals.d.ts" />
+/// <reference types="../src/types/globals.d.ts" />
 /// <reference path="modules/LaunchScreen.d.ts" />
 
 export * from '../Libraries/ActionSheetIOS/ActionSheetIOS';
@@ -148,7 +148,6 @@ export * from '../Libraries/Utilities/Dimensions';
 export * from '../Libraries/Utilities/PixelRatio';
 export * from '../Libraries/Utilities/Platform';
 export * from '../Libraries/Vibration/Vibration';
-export * from '../Libraries/YellowBox/YellowBoxDeprecated';
 export * from '../Libraries/vendor/core/ErrorUtils';
 export {
   EmitterSubscription,
@@ -160,60 +159,5 @@ export * from './public/Insets';
 export * from './public/ReactNativeRenderer';
 export * from './public/ReactNativeTypes';
 
-import type {ErrorUtils} from '../Libraries/vendor/core/ErrorUtils';
-
-declare global {
-  interface NodeRequire {
-    (id: string): any;
-  }
-
-  var require: NodeRequire;
-
-  /**
-   * Console polyfill
-   * @see https://reactnative.dev/docs/javascript-environment#polyfills
-   */
-  interface Console {
-    error(message?: any, ...optionalParams: any[]): void;
-    info(message?: any, ...optionalParams: any[]): void;
-    log(message?: any, ...optionalParams: any[]): void;
-    warn(message?: any, ...optionalParams: any[]): void;
-    trace(message?: any, ...optionalParams: any[]): void;
-    debug(message?: any, ...optionalParams: any[]): void;
-    table(...data: any[]): void;
-    groupCollapsed(label?: string): void;
-    groupEnd(): void;
-    group(label?: string): void;
-    /**
-     * @deprecated Use LogBox.ignoreLogs(patterns) instead
-     */
-    ignoredYellowBox: string[];
-  }
-
-  var console: Console;
-
-  /**
-   * This contains the non-native `XMLHttpRequest` object, which you can use if you want to route network requests
-   * through DevTools (to trace them):
-   *
-   *   global.XMLHttpRequest = global.originalXMLHttpRequest;
-   *
-   * @see https://github.com/facebook/react-native/issues/934
-   */
-  const originalXMLHttpRequest: any;
-
-  const __BUNDLE_START_TIME__: number;
-  const ErrorUtils: ErrorUtils;
-
-  /**
-   * This variable is set to true when react-native is running in Dev mode
-   * @example
-   * if (__DEV__) console.log('Running in dev mode')
-   */
-  const __DEV__: boolean;
-
-  const HermesInternal: null | {};
-}
-
 // Export platform specific types
 export * from '../Libraries/platform-types';

package/Libraries/Animated/AnimatedWeb.js

@@ -1,26 +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.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-import AnimatedImplementation from './AnimatedImplementation';
-
-export default {
-  ...AnimatedImplementation,
-  /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-   * types. Plain intrinsic components can't be typed like this */
-  div: (AnimatedImplementation.createAnimatedComponent('div'): $FlowFixMe),
-  /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-   * types. Plain intrinsic components can't be typed like this */
-  span: (AnimatedImplementation.createAnimatedComponent('span'): $FlowFixMe),
-  /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-   * types. Plain intrinsic components can't be typed like this */
-  img: (AnimatedImplementation.createAnimatedComponent('img'): $FlowFixMe),
-};

package/Libraries/Inspector/Inspector.win32.js

@@ -1,212 +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.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
-import type {
-  InspectorData,
-  TouchedViewDataAtPoint,
-} from '../Renderer/shims/ReactNativeTypes';
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
-import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
-
-import SafeAreaView from '../../src/private/components/SafeAreaView_INTERNAL_DO_NOT_USE';
-
-const PressabilityDebug = require('../Pressability/PressabilityDebug');
-const ReactNative = require('../Renderer/shims/ReactNative').default;
-const {findNodeHandle} = require('../ReactNative/RendererProxy');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Platform = require('../Utilities/Platform');
-const View = require('../Components/View/View');
-const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
-const InspectorOverlay = require('./InspectorOverlay');
-const InspectorPanel = require('./InspectorPanel');
-const React = require('react');
-
-const {useState} = React;
-
-type PanelPosition = 'top' | 'bottom';
-type SelectedTab =
-  | 'elements-inspector'
-  | 'network-profiling'
-  | 'performance-profiling';
-
-export type InspectedElementFrame = TouchedViewDataAtPoint['frame'];
-export type InspectedElement = $ReadOnly<{
-  frame: InspectedElementFrame,
-  style?: ViewStyleProp,
-}>;
-export type ElementsHierarchy = InspectorData['hierarchy'];
-
-type Props = {
-  inspectedViewRef: InspectedViewRef,
-  onRequestRerenderApp: () => void,
-  reactDevToolsAgent?: ReactDevToolsAgent,
-};
-
-const UIManager = require('../ReactNative/UIManager'); // [Win32]
-
-function Inspector({
-  inspectedViewRef,
-  onRequestRerenderApp,
-  reactDevToolsAgent,
-}: Props): React.Node {
-  const [selectedTab, setSelectedTab] =
-    useState<?SelectedTab>('elements-inspector');
-
-  const [panelPosition, setPanelPosition] = useState<PanelPosition>('bottom');
-  const [inspectedElement, setInspectedElement] =
-    useState<?InspectedElement>(null);
-  const [selectionIndex, setSelectionIndex] = useState<?number>(null);
-  const [elementsHierarchy, setElementsHierarchy] =
-    useState<?ElementsHierarchy>(null);
-
-  const setSelection = (i: number) => {
-    const hierarchyItem = elementsHierarchy?.[i];
-    if (hierarchyItem == null) {
-      return;
-    }
-
-    // We pass in findNodeHandle as the method is injected
-    const {measure, props} = hierarchyItem.getInspectorData(findNodeHandle);
-
-    measure((x, y, width, height, left, top) => {
-      // $FlowFixMe[incompatible-call] `props` from InspectorData are defined as <string, string> dictionary, which is incompatible with ViewStyleProp
-      setInspectedElement({
-        frame: {left, top, width, height},
-        style: props.style,
-      });
-
-      setSelectionIndex(i);
-    });
-  };
-
-  const onTouchPoint = (locationX: number, locationY: number) => {
-    const setTouchedViewData = (viewData: TouchedViewDataAtPoint) => {
-      const {
-        hierarchy,
-        props,
-        selectedIndex,
-        frame,
-        pointerY,
-        touchedViewTag,
-        closestInstance,
-      } = viewData;
-
-      // Sync the touched view with React DevTools.
-      // Note: This is Paper only. To support Fabric,
-      // DevTools needs to be updated to not rely on view tags.
-      if (reactDevToolsAgent) {
-        reactDevToolsAgent.selectNode(findNodeHandle(touchedViewTag));
-        if (closestInstance != null) {
-          reactDevToolsAgent.selectNode(closestInstance);
-        }
-      }
-
-      // [Win32 Avoid Dimensions call
-      const node = ReactNative.findNodeHandle(inspectedViewRef);
-      // $FlowFixMe[incompatible-call]
-      UIManager.measure(node, (x, y, width, height, left, top) => {
-        setPanelPosition(pointerY > height / 2 ? 'top' : 'bottom');
-        setSelectionIndex(selectedIndex);
-        setElementsHierarchy(hierarchy);
-        // $FlowFixMe[incompatible-call] `props` from InspectorData are defined as <string, string> dictionary, which is incompatible with ViewStyleProp
-        setInspectedElement({
-          frame,
-          style: props.style,
-        });
-      });
-    };
-
-    // ]Win32
-    getInspectorDataForViewAtPoint(
-      inspectedViewRef.current,
-      locationX,
-      locationY,
-      viewData => {
-        setTouchedViewData(viewData);
-        return false;
-      },
-    );
-  };
-
-  const setInspecting = (enabled: boolean) => {
-    setSelectedTab(enabled ? 'elements-inspector' : null);
-    setInspectedElement(null);
-  };
-
-  const setPerfing = (enabled: boolean) => {
-    setSelectedTab(enabled ? 'performance-profiling' : null);
-    setInspectedElement(null);
-  };
-
-  const setNetworking = (enabled: boolean) => {
-    setSelectedTab(enabled ? 'network-profiling' : null);
-    setInspectedElement(null);
-  };
-
-  const setTouchTargeting = (val: boolean) => {
-    PressabilityDebug.setEnabled(val);
-    onRequestRerenderApp();
-  };
-
-  const panelContainerStyle =
-    panelPosition === 'bottom'
-      ? {bottom: 0}
-      : Platform.select({ios: {top: 0}, default: {top: 0}});
-
-  return (
-    <View style={styles.container} pointerEvents="box-none">
-      {selectedTab === 'elements-inspector' && (
-        <InspectorOverlay
-          inspected={inspectedElement}
-          onTouchPoint={onTouchPoint}
-        />
-      )}
-
-      <SafeAreaView style={[styles.panelContainer, panelContainerStyle]}>
-        <InspectorPanel
-          devtoolsIsOpen={!!reactDevToolsAgent}
-          inspecting={selectedTab === 'elements-inspector'}
-          perfing={selectedTab === 'performance-profiling'}
-          setPerfing={setPerfing}
-          setInspecting={setInspecting}
-          inspected={inspectedElement}
-          hierarchy={elementsHierarchy}
-          selection={selectionIndex}
-          setSelection={setSelection}
-          touchTargeting={PressabilityDebug.isEnabled()}
-          setTouchTargeting={setTouchTargeting}
-          networking={selectedTab === 'network-profiling'}
-          setNetworking={setNetworking}
-        />
-      </SafeAreaView>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    backgroundColor: 'transparent',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  panelContainer: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-  },
-});
-
-module.exports = Inspector;

package/Libraries/Inspector/InspectorOverlay.win32.js

@@ -1,68 +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.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {InspectedElement} from './Inspector';
-
-// import Dimensions from '../Utilities/Dimensions'; [Win32]
-
-const View = require('../Components/View/View');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const ElementBox = require('./ElementBox');
-const React = require('react');
-
-type Props = $ReadOnly<{|
-  inspected?: ?InspectedElement,
-  onTouchPoint: (locationX: number, locationY: number) => void,
-|}>;
-
-function InspectorOverlay({inspected, onTouchPoint}: Props): React.Node {
-  const findViewForTouchEvent = (e: PressEvent) => {
-    const {locationX, locationY} = e.nativeEvent.touches[0];
-
-    onTouchPoint(locationX, locationY);
-  };
-
-  const handleStartShouldSetResponder = (e: PressEvent): boolean => {
-    findViewForTouchEvent(e);
-    return true;
-  };
-
-  let content = null;
-  if (inspected) {
-    content = <ElementBox frame={inspected.frame} style={inspected.style} />;
-  }
-
-  // [Win32, height replaced with 100% to avoid Dimensions call]
-  return (
-    <View
-      onStartShouldSetResponder={handleStartShouldSetResponder}
-      onResponderMove={findViewForTouchEvent}
-      nativeID="inspectorOverlay" /* TODO: T68258846. */
-      style={[styles.inspector, {height: '100%'}]}>
-      {content}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  inspector: {
-    backgroundColor: 'transparent',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    right: 0,
-    bottom: 0,
-  },
-});
-
-module.exports = InspectorOverlay;

package/Libraries/JSInspector/InspectorAgent.js

@@ -1,27 +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.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-export type EventSender = (name: string, params: mixed) => void;
-
-class InspectorAgent {
-  _eventSender: EventSender;
-
-  constructor(eventSender: EventSender) {
-    this._eventSender = eventSender;
-  }
-
-  sendEvent(name: string, params: mixed) {
-    this._eventSender(name, params);
-  }
-}
-
-module.exports = InspectorAgent;

package/Libraries/JSInspector/JSInspector.js

@@ -1,33 +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.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-import type {EventSender} from './InspectorAgent';
-
-interface Agent {
-  constructor(eventSender: EventSender): void;
-}
-
-// Flow doesn't support static declarations in interface
-type AgentClass = Class<Agent> & {DOMAIN: string, ...};
-
-const JSInspector = {
-  registerAgent(type: AgentClass) {
-    if (global.__registerInspectorAgent) {
-      global.__registerInspectorAgent(type);
-    }
-  },
-  getTimestamp(): number {
-    return global.__inspectorTimestamp();
-  },
-};
-
-module.exports = JSInspector;