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

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js

@@ -10,9 +10,9 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type {ArrayLike} from './ArrayLikeUtils';
+import type {ArrayLike} from '../../utils/ArrayLikeUtils';
 
-import {createValueIterator} from './ArrayLikeUtils';
+import {createValueIterator} from '../../utils/ArrayLikeUtils';
 
 // IMPORTANT: The type definition for this module is defined in `HTMLCollection.js.flow`
 // because Flow only supports indexers in classes in declaration files.

package/src/private/webapis/dom/oldstylecollections/NodeList.js

@@ -10,13 +10,13 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type {ArrayLike} from './ArrayLikeUtils';
+import type {ArrayLike} from '../../utils/ArrayLikeUtils';
 
 import {
   createEntriesIterator,
   createKeyIterator,
   createValueIterator,
-} from './ArrayLikeUtils';
+} from '../../utils/ArrayLikeUtils';
 
 // IMPORTANT: The Flow type definition for this module is defined in `NodeList.js.flow`
 // because Flow only supports indexers in classes in declaration files.

package/src/private/webapis/{dom/oldstylecollections → geometry}/DOMRectList.js

@@ -10,10 +10,10 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type DOMRectReadOnly from '../geometry/DOMRectReadOnly';
-import type {ArrayLike} from './ArrayLikeUtils';
+import type {ArrayLike} from '../utils/ArrayLikeUtils';
+import type DOMRectReadOnly from './DOMRectReadOnly';
 
-import {createValueIterator} from './ArrayLikeUtils';
+import {createValueIterator} from '../utils/ArrayLikeUtils';
 
 // IMPORTANT: The Flow type definition for this module is defined in `DOMRectList.js.flow`
 // because Flow only supports indexers in classes in declaration files.

package/src/private/webapis/html/events/MessageEvent.js

@@ -0,0 +1,56 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ * @format
+ */
+
+/**
+ * This module implements the `MessageEvent` interface from the HTML spec.
+ * See https://html.spec.whatwg.org/multipage/comms.html#messageevent.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from '../../dom/events/Event';
+
+import Event from '../../dom/events/Event';
+
+export interface MessageEventInit extends EventInit {
+  +data?: mixed;
+  +origin?: string;
+  +lastEventId?: string;
+  // Unsupported
+  // +source?: MessageEventSource,
+  // Unsupported
+  // +ports?: Array<MessagePort>,
+}
+
+export default class MessageEvent extends Event {
+  _data: mixed;
+  _origin: string;
+  _lastEventId: string;
+
+  constructor(type: string, options?: ?MessageEventInit) {
+    super(type, options);
+
+    this._data = options?.data;
+    this._origin = String(options?.origin ?? '');
+    this._lastEventId = String(options?.lastEventId ?? '');
+  }
+
+  get data(): mixed {
+    return this._data;
+  }
+
+  get origin(): string {
+    return this._origin;
+  }
+
+  get lastEventId(): string {
+    return this._lastEventId;
+  }
+}

package/src/private/webapis/intersectionobserver/IntersectionObserverEntry.js

@@ -13,7 +13,7 @@
 import type ReactNativeElement from '../dom/nodes/ReactNativeElement';
 import type {NativeIntersectionObserverEntry} from './specs/NativeIntersectionObserver';
 
-import DOMRectReadOnly from '../dom/geometry/DOMRectReadOnly';
+import DOMRectReadOnly from '../geometry/DOMRectReadOnly';
 
 /**
  * The [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)

package/src/private/webapis/intersectionobserver/internals/IntersectionObserverManager.js

@@ -26,7 +26,10 @@ import type IntersectionObserverEntry from '../IntersectionObserverEntry';
 
 import * as Systrace from '../../../../../Libraries/Performance/Systrace';
 import warnOnce from '../../../../../Libraries/Utilities/warnOnce';
-import {getInstanceHandle, getShadowNode} from '../../dom/nodes/ReadOnlyNode';
+import {
+  getInstanceHandle,
+  getNativeNodeReference,
+} from '../../dom/nodes/internals/NodeInternals';
 import {createIntersectionObserverEntry} from '../IntersectionObserverEntry';
 import NativeIntersectionObserver from '../specs/NativeIntersectionObserver';
 
@@ -68,7 +71,7 @@ function setTargetForInstanceHandle(
 // also needs to be kept here because React removes the link when unmounting.
 const targetToShadowNodeMap: WeakMap<
   ReactNativeElement,
-  ReturnType<typeof getShadowNode>,
+  ReturnType<typeof getNativeNodeReference>,
 > = new WeakMap();
 
 /**
@@ -132,8 +135,8 @@ export function observe({
     return false;
   }
 
-  const targetShadowNode = getShadowNode(target);
-  if (targetShadowNode == null) {
+  const targetNativeNodeReference = getNativeNodeReference(target);
+  if (targetNativeNodeReference == null) {
     // The target is disconnected. We can't observe it anymore.
     return false;
   }
@@ -151,7 +154,7 @@ export function observe({
   setTargetForInstanceHandle(instanceHandle, target);
 
   // Same for the mapping between the target and its shadow node.
-  targetToShadowNodeMap.set(target, targetShadowNode);
+  targetToShadowNodeMap.set(target, targetNativeNodeReference);
 
   if (!isConnected) {
     NativeIntersectionObserver.connect(notifyIntersectionObservers);
@@ -160,7 +163,7 @@ export function observe({
 
   NativeIntersectionObserver.observe({
     intersectionObserverId,
-    targetShadowNode,
+    targetShadowNode: targetNativeNodeReference,
     thresholds: registeredObserver.observer.thresholds,
     rootThresholds: registeredObserver.observer.rnRootThresholds,
   });
@@ -187,8 +190,8 @@ export function unobserve(
     return;
   }
 
-  const targetShadowNode = targetToShadowNodeMap.get(target);
-  if (targetShadowNode == null) {
+  const targetNativeNodeReference = targetToShadowNodeMap.get(target);
+  if (targetNativeNodeReference == null) {
     console.error(
       'IntersectionObserverManager: could not find registration data for target',
     );
@@ -197,7 +200,7 @@ export function unobserve(
 
   NativeIntersectionObserver.unobserve(
     intersectionObserverId,
-    targetShadowNode,
+    targetNativeNodeReference,
   );
 }
 

package/src/private/webapis/mutationobserver/internals/MutationObserverManager.js

@@ -25,11 +25,9 @@ import type MutationObserver, {
 import type MutationRecord from '../MutationRecord';
 
 import * as Systrace from '../../../../../Libraries/Performance/Systrace';
+import {getPublicInstanceFromInternalInstanceHandle} from '../../../../../Libraries/ReactNative/RendererProxy';
 import warnOnce from '../../../../../Libraries/Utilities/warnOnce';
-import {
-  getPublicInstanceFromInternalInstanceHandle,
-  getShadowNode,
-} from '../../dom/nodes/ReadOnlyNode';
+import {getNativeNodeReference} from '../../dom/nodes/internals/NodeInternals';
 import {createMutationRecord} from '../MutationRecord';
 import NativeMutationObserver from '../specs/NativeMutationObserver';
 
@@ -47,7 +45,7 @@ const registeredMutationObservers: Map<
 // needs to be kept here because React removes the link when unmounting.
 const targetToShadowNodeMap: WeakMap<
   ReactNativeElement,
-  ReturnType<typeof getShadowNode>,
+  ReturnType<typeof getNativeNodeReference>,
 > = new WeakMap();
 
 /**
@@ -107,7 +105,7 @@ export function observe({
     return false;
   }
 
-  const targetShadowNode = getShadowNode(target);
+  const targetShadowNode = getNativeNodeReference(target);
   if (targetShadowNode == null) {
     // The target is disconnected. We can't observe it anymore.
     return false;

package/src/private/webapis/websockets/events/CloseEvent.js

@@ -0,0 +1,52 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ * @format
+ */
+
+/**
+ * This module implements the `CloseEvent` interface from `WebSocket`.
+ * See https://websockets.spec.whatwg.org/#the-closeevent-interface.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from '../../dom/events/Event';
+
+import Event from '../../dom/events/Event';
+
+export interface CloseEventInit extends EventInit {
+  +wasClean?: boolean;
+  +code?: number;
+  +reason?: string;
+}
+
+export default class CloseEvent extends Event {
+  _wasClean: boolean;
+  _code: number;
+  _reason: string;
+
+  constructor(type: string, options?: ?CloseEventInit) {
+    super(type, options);
+
+    this._wasClean = Boolean(options?.wasClean);
+    this._code = Number(options?.code) || 0;
+    this._reason = options?.reason != null ? String(options.reason) : '';
+  }
+
+  get wasClean(): boolean {
+    return this._wasClean;
+  }
+
+  get code(): number {
+    return this._code;
+  }
+
+  get reason(): string {
+    return this._reason;
+  }
+}

package/src/private/webapis/xhr/events/ProgressEvent.js

@@ -0,0 +1,52 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ * @format
+ */
+
+/**
+ * This module implements the `ProgressEvent` interface from `XMLHttpRequest`.
+ * See https://xhr.spec.whatwg.org/#interface-progressevent.
+ */
+
+// flowlint unsafe-getters-setters:off
+
+import type {EventInit} from '../../dom/events/Event';
+
+import Event from '../../dom/events/Event';
+
+export interface ProgressEventInit extends EventInit {
+  +lengthComputable: boolean;
+  +loaded: number;
+  +total: number;
+}
+
+export default class ProgressEvent extends Event {
+  _lengthComputable: boolean;
+  _loaded: number;
+  _total: number;
+
+  constructor(type: string, options?: ?ProgressEventInit) {
+    super(type, options);
+
+    this._lengthComputable = Boolean(options?.lengthComputable);
+    this._loaded = Number(options?.loaded) || 0;
+    this._total = Number(options?.total) || 0;
+  }
+
+  get lengthComputable(): boolean {
+    return this._lengthComputable;
+  }
+
+  get loaded(): number {
+    return this._loaded;
+  }
+
+  get total(): number {
+    return this._total;
+  }
+}

package/src-win/Libraries/Components/View/ViewPropTypes.d.ts

@@ -81,20 +81,6 @@ export interface ViewPropsIOS extends TVViewPropsIOS {
 }
 
 export interface ViewPropsAndroid {
-  /**
-   * Views that are only used to layout their children or otherwise don't draw anything
-   * may be automatically removed from the native hierarchy as an optimization.
-   * Set this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.
-   */
-  collapsable?: boolean | undefined;
-
-  /**
-   * Setting to false prevents direct children of the view from being removed
-   * from the native view hierarchy, similar to the effect of setting
-   * `collapsable={false}` on each child.
-   */
-  collapsableChildren?: boolean | undefined;
-
   /**
    * Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.
    *
@@ -343,6 +329,20 @@ export interface ViewProps
    * Used to reference react managed views from native code.
    */
   nativeID?: string | undefined;
+
+  /**
+   * Views that are only used to layout their children or otherwise don't draw anything
+   * may be automatically removed from the native hierarchy as an optimization.
+   * Set this property to false to disable this optimization and ensure that this View exists in the native view hierarchy.
+   */
+  collapsable?: boolean | undefined;
+
+  /**
+   * Setting to false prevents direct children of the view from being removed
+   * from the native view hierarchy, similar to the effect of setting
+   * `collapsable={false}` on each child.
+   */
+  collapsableChildren?: boolean | undefined;
 }
 
 // For backwards compat.... // Win32

package/types/index.d.ts

@@ -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,
@@ -184,10 +183,6 @@ declare global {
     groupCollapsed(label?: string): void;
     groupEnd(): void;
     group(label?: string): void;
-    /**
-     * @deprecated Use LogBox.ignoreLogs(patterns) instead
-     */
-    ignoredYellowBox: string[];
   }
 
   var console: Console;

package/Libraries/Animated/AnimatedWeb.js

@@ -1,44 +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 type {AnimatedComponentType} from './createAnimatedComponent';
-
-import AnimatedImplementation from './AnimatedImplementation';
-import React from 'react';
-
-export default {
-  ...AnimatedImplementation,
-  div: AnimatedImplementation.createAnimatedComponent<
-    React.PropsOf<'div'>,
-    mixed,
-  >(
-    /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-     * types. Plain intrinsic components can't be typed like this */
-    'div',
-  ) as AnimatedComponentType<React.PropsOf<'div'>>,
-  span: AnimatedImplementation.createAnimatedComponent<
-    React.PropsOf<'span'>,
-    mixed,
-  >(
-    /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-     * types. Plain intrinsic components can't be typed like this */
-    'span',
-  ) as AnimatedComponentType<React.PropsOf<'span'>>,
-  img: AnimatedImplementation.createAnimatedComponent<
-    React.PropsOf<'img'>,
-    mixed,
-  >(
-    /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-     * types. Plain intrinsic components can't be typed like this */
-    'img',
-  ) as AnimatedComponentType<React.PropsOf<'img'>>,
-};

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';
-import React from 'react';
-
-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 {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;