@office-iss/react-native-win32 0.73.2 → 0.74.0-preview.2

package/Libraries/Inspector/DevtoolsOverlay.js

@@ -1,223 +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
- */
-
-import type {PointerEvent} from '../Types/CoreEventTypes';
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {HostRef} from './getInspectorDataForViewAtPoint';
-
-import View from '../Components/View/View';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
-import StyleSheet from '../StyleSheet/StyleSheet';
-import Dimensions from '../Utilities/Dimensions';
-import ElementBox from './ElementBox';
-import * as React from 'react';
-
-const {findNodeHandle} = require('../ReactNative/RendererProxy');
-const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
-
-const {useEffect, useState, useCallback, useRef} = React;
-
-const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-export default function DevtoolsOverlay({
-  inspectedView,
-}: {
-  inspectedView: ?HostRef,
-}): React.Node {
-  const [inspected, setInspected] = useState<null | {
-    frame: {+height: any, +left: any, +top: any, +width: any},
-  }>(null);
-  const [isInspecting, setIsInspecting] = useState(false);
-  const devToolsAgentRef = useRef(null);
-
-  useEffect(() => {
-    let devToolsAgent = null;
-    let hideTimeoutId = null;
-
-    function onAgentHideNativeHighlight() {
-      // we wait to actually hide in order to avoid flicker
-      clearTimeout(hideTimeoutId);
-      hideTimeoutId = setTimeout(() => {
-        setInspected(null);
-      }, 100);
-    }
-
-    function onAgentShowNativeHighlight(node: any) {
-      clearTimeout(hideTimeoutId);
-
-      // `canonical.publicInstance` => Fabric
-      // `canonical` => Legacy Fabric
-      // `node` => Legacy renderer
-      const component =
-        (node.canonical && node.canonical.publicInstance) ??
-        // TODO: remove this check when syncing the new version of the renderer from React to React Native.
-        node.canonical ??
-        node;
-      if (!component || !component.measure) {
-        return;
-      }
-
-      component.measure((x, y, width, height, left, top) => {
-        setInspected({
-          frame: {left, top, width, height},
-        });
-      });
-    }
-
-    function cleanup() {
-      const currentAgent = devToolsAgent;
-      if (currentAgent != null) {
-        currentAgent.removeListener(
-          'hideNativeHighlight',
-          onAgentHideNativeHighlight,
-        );
-        currentAgent.removeListener(
-          'showNativeHighlight',
-          onAgentShowNativeHighlight,
-        );
-        currentAgent.removeListener('shutdown', cleanup);
-        currentAgent.removeListener(
-          'startInspectingNative',
-          onStartInspectingNative,
-        );
-        currentAgent.removeListener(
-          'stopInspectingNative',
-          onStopInspectingNative,
-        );
-        devToolsAgent = null;
-      }
-      devToolsAgentRef.current = null;
-    }
-
-    function onStartInspectingNative() {
-      setIsInspecting(true);
-    }
-
-    function onStopInspectingNative() {
-      setIsInspecting(false);
-    }
-
-    function _attachToDevtools(agent: Object) {
-      devToolsAgent = agent;
-      devToolsAgentRef.current = agent;
-      agent.addListener('hideNativeHighlight', onAgentHideNativeHighlight);
-      agent.addListener('showNativeHighlight', onAgentShowNativeHighlight);
-      agent.addListener('shutdown', cleanup);
-      agent.addListener('startInspectingNative', onStartInspectingNative);
-      agent.addListener('stopInspectingNative', onStopInspectingNative);
-    }
-
-    hook.on('react-devtools', _attachToDevtools);
-    if (hook.reactDevtoolsAgent) {
-      _attachToDevtools(hook.reactDevtoolsAgent);
-    }
-    return () => {
-      hook.off('react-devtools', _attachToDevtools);
-      cleanup();
-    };
-  }, []);
-
-  const findViewForLocation = useCallback(
-    (x: number, y: number) => {
-      const agent = devToolsAgentRef.current;
-      if (agent == null) {
-        return;
-      }
-      getInspectorDataForViewAtPoint(inspectedView, x, y, viewData => {
-        const {touchedViewTag, closestInstance, frame} = viewData;
-        if (closestInstance != null || touchedViewTag != null) {
-          // We call `selectNode` for both non-fabric(viewTag) and fabric(instance),
-          // this makes sure it works for both architectures.
-          agent.selectNode(findNodeHandle(touchedViewTag));
-          if (closestInstance != null) {
-            agent.selectNode(closestInstance);
-          }
-          setInspected({
-            frame,
-          });
-          return true;
-        }
-        return false;
-      });
-    },
-    [inspectedView],
-  );
-
-  const stopInspecting = useCallback(() => {
-    const agent = devToolsAgentRef.current;
-    if (agent == null) {
-      return;
-    }
-    agent.stopInspectingNative(true);
-    setIsInspecting(false);
-    setInspected(null);
-  }, []);
-
-  const onPointerMove = useCallback(
-    (e: PointerEvent) => {
-      findViewForLocation(e.nativeEvent.x, e.nativeEvent.y);
-    },
-    [findViewForLocation],
-  );
-
-  const onResponderMove = useCallback(
-    (e: PressEvent) => {
-      findViewForLocation(
-        e.nativeEvent.touches[0].locationX,
-        e.nativeEvent.touches[0].locationY,
-      );
-    },
-    [findViewForLocation],
-  );
-
-  const shouldSetResponder = useCallback(
-    (e: PressEvent): boolean => {
-      onResponderMove(e);
-      return true;
-    },
-    [onResponderMove],
-  );
-
-  let highlight = inspected ? <ElementBox frame={inspected.frame} /> : null;
-  if (isInspecting) {
-    const events =
-      // Pointer events only work on fabric
-      ReactNativeFeatureFlags.shouldEmitW3CPointerEvents()
-        ? {
-            onPointerMove,
-            onPointerDown: onPointerMove,
-            onPointerUp: stopInspecting,
-          }
-        : {
-            onStartShouldSetResponder: shouldSetResponder,
-            onResponderMove: onResponderMove,
-            onResponderRelease: stopInspecting,
-          };
-    return (
-      <View
-        nativeID="devToolsInspectorOverlay"
-        style={[styles.inspector, {height: Dimensions.get('window').height}]}
-        {...events}>
-        {highlight}
-      </View>
-    );
-  }
-  return highlight;
-}
-
-const styles = StyleSheet.create({
-  inspector: {
-    backgroundColor: 'transparent',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    right: 0,
-  },
-});

package/Libraries/Performance/QuickPerformanceLogger.js

@@ -1,142 +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';
-
-const AUTO_SET_TIMESTAMP = -1;
-const DUMMY_INSTANCE_KEY = 0;
-
-// Defines map of annotations
-// Use as following:
-// {string: {key1: value1, key2: value2}}
-export type AnnotationsMap = Partial<{
-  string: ?{[string]: string, ...},
-  int: ?{[string]: number, ...},
-  double: ?{[string]: number, ...},
-  bool: ?{[string]: boolean, ...},
-  string_array: ?{[string]: $ReadOnlyArray<string>, ...},
-  int_array: ?{[string]: $ReadOnlyArray<number>, ...},
-  double_array: ?{[string]: $ReadOnlyArray<number>, ...},
-  bool_array: ?{[string]: $ReadOnlyArray<boolean>, ...},
-}>;
-
-const QuickPerformanceLogger = {
-  markerStart(
-    markerId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerStart) {
-      global.nativeQPLMarkerStart(markerId, instanceKey, timestamp);
-    }
-  },
-
-  markerEnd(
-    markerId: number,
-    actionId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerEnd) {
-      global.nativeQPLMarkerEnd(markerId, instanceKey, actionId, timestamp);
-    }
-  },
-
-  markerTag(
-    markerId: number,
-    tag: string,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerTag) {
-      global.nativeQPLMarkerTag(markerId, instanceKey, tag);
-    }
-  },
-
-  markerAnnotate(
-    markerId: number,
-    annotations: AnnotationsMap,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerAnnotateWithMap) {
-      global.nativeQPLMarkerAnnotateWithMap(markerId, annotations, instanceKey);
-    } else if (global.nativeQPLMarkerAnnotate) {
-      for (const type of [
-        'string',
-        'int',
-        'double',
-        'bool',
-        'string_array',
-        'int_array',
-        'double_array',
-        'bool_array',
-      ]) {
-        const keyValsOfType = annotations[type];
-        if (keyValsOfType != null) {
-          for (const annotationKey of Object.keys(keyValsOfType)) {
-            global.nativeQPLMarkerAnnotate(
-              markerId,
-              instanceKey,
-              annotationKey,
-              keyValsOfType[annotationKey].toString(),
-            );
-          }
-        }
-      }
-    }
-  },
-
-  markerCancel(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    // $FlowFixMe[object-this-reference]
-    this.markerDrop(markerId, instanceKey);
-  },
-
-  markerPoint(
-    markerId: number,
-    name: string,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-    data: ?string = null,
-  ): void {
-    if (global.nativeQPLMarkerPoint) {
-      global.nativeQPLMarkerPoint(markerId, name, instanceKey, timestamp, data);
-    }
-  },
-
-  markerDrop(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerDrop) {
-      global.nativeQPLMarkerDrop(markerId, instanceKey);
-    }
-  },
-
-  markEvent(
-    markerId: number,
-    type: string,
-    annotations: ?AnnotationsMap = null,
-  ): void {
-    if (global.nativeQPLMarkEvent) {
-      global.nativeQPLMarkEvent(markerId, type, annotations);
-    }
-  },
-
-  currentTimestamp(): number {
-    if (global.nativeQPLTimestamp) {
-      return global.nativeQPLTimestamp();
-    }
-    return 0;
-  },
-};
-
-module.exports = QuickPerformanceLogger;

package/src/Libraries/Components/Text/TextWin32.Props.ts

@@ -1,82 +0,0 @@
-import RN = require('react-native');
-import type { IKeyboardEvent, IHandledKeyboardEvent } from '../View/ViewPropTypes';
-
-/**
- * Role-based text style names.
- */
-export type TextWin32TextStyle =
-  | 'None'
-  | 'SmallStandard'
-  | 'SmallSecondary'
-  | 'MediumStandard'
-  | 'MediumSecondary'
-  | 'MediumApp'
-  | 'MediumBold'
-  | 'MediumBoldApp'
-  | 'LargeStandard'
-  | 'LargePlusStandard'
-  | 'ExtraLargeStandard'
-  | 'HugeStandard';
-
-export interface ITextWin32Props extends RN.TextProps {
-  onKeyDown?: (args: IKeyboardEvent) => void;
-  onKeyDownCapture?: (args: IKeyboardEvent) => void;
-  onKeyUp?: (args: IKeyboardEvent) => void;
-  onKeyUpCapture?: (args: IKeyboardEvent) => void;
-
-  keyDownEvents?: IHandledKeyboardEvent[];
-  keyUpEvents?: IHandledKeyboardEvent[];
-
-  /** Enables a focusable label with copyability but without character selectability (property:selectable) */
-  focusable?: boolean;
-
-  /**
-   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
-   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onBlur?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  /**
-   * The onBlur event occurs when an element loses focus.  The opposite of onBlur is onFocus.  Note that in React
-   * Native, unlike in the web, the onBlur event bubbles (similar to onFocusOut in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onBlurCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  /**
-   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
-   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onFocus?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  /**
-   * The onFocus event occurs when an element gets focus. The opposite of onFocus is onBlur.  Note that in React
-   * Native, unlike in the web, the onFocus event bubbles (similar to onFocusIn in the web).
-   *
-   * `ev.target === ev.currentTarget` when the focus is being lost from this component.
-   * `ev.target !== ev.currentTarget` when the focus is being lost from a descendant.
-   */
-  onFocusCapture?: (ev: RN.NativeSyntheticEvent<{}>) => void;
-  
-  /**
-   * Role-based styling of the text control. The styles applied include
-   * font face, size, weight and color. These styles take precedence over
-   * the `style` property.
-   *
-   * @remarks
-   * The default value is `MediumStandard`.
-   *
-   * When set to `None`, role-based styling is disabled.
-   *
-   * @deprecated Use `style` instead.
-   */
-  textStyle?: TextWin32TextStyle;
-
-  /** Tooltip displayed on mouse hover of this element */
-  tooltip?: string;
-}

package/src/Libraries/Components/Text/TextWin32.tsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import RN = require('react-native');
-import type { ITextWin32Props } from './TextWin32.Props';
-
-/**
- * All of TOrigin except Key from TUse
- */
-type UseFrom<TOrigin, TUse, Key extends keyof TUse> = Pick<TOrigin, Exclude<keyof TOrigin, Key>> & Pick<TUse, Key>;
-
-/**
- * React-native <Text> control with additional Win32-specific functionality.
- */
-
-type InnerViewProps = UseFrom<ITextWin32Props, RN.TextProps, 'accessibilityRole'> &
-  UseFrom<ITextWin32Props, RN.TextProps, 'accessibilityState'> &
-  UseFrom<ITextWin32Props, RN.TextProps, 'accessibilityActions'>;
-export class TextWin32 extends React.Component<ITextWin32Props, {}> {
-  constructor(props: ITextWin32Props) {
-    super(props);
-  }
-
-  public render() {
-    return <RN.Text {...(this.props as InnerViewProps)} />;
-  }
-}