@office-iss/react-native-win32 0.74.4 → 0.75.0-preview.1

package/Libraries/ReactNative/__mocks__/FabricUIManager.js

@@ -50,7 +50,7 @@ export function toNode(node: NodeMock): Node {
 const roots: Map<RootTag, NodeSet> = new Map();
 const allocatedTags: Set<number> = new Set();
 
-function ensureHostNode(node: Node): void {
+export function ensureHostNode(node: Node): void {
   if (node == null || typeof node !== 'object') {
     throw new Error(
       `Expected node to be an object. Got ${
@@ -94,7 +94,7 @@ function getAncestorsInChildSet(
   return null;
 }
 
-function getAncestorsInCurrentTree(
+export function getAncestorsInCurrentTree(
   node: Node,
 ): ?$ReadOnlyArray<[Node, number]> {
   const childSet = roots.get(fromNode(node).rootTag);
@@ -133,7 +133,7 @@ export function getNodeInChildSet(node: Node, childSet: NodeSet): ?Node {
   return nodeInCurrentTree;
 }
 
-function getNodeInCurrentTree(node: Node): ?Node {
+export function getNodeInCurrentTree(node: Node): ?Node {
   const childSet = roots.get(fromNode(node).rootTag);
   if (childSet == null) {
     return null;
@@ -142,25 +142,6 @@ function getNodeInCurrentTree(node: Node): ?Node {
   return getNodeInChildSet(node, childSet);
 }
 
-function* dfs(node: ?Node): Iterator<Node> {
-  if (node == null) {
-    return;
-  }
-
-  yield node;
-
-  for (const child of fromNode(node).children) {
-    yield* dfs(child);
-  }
-}
-
-function hasDisplayNone(node: Node): boolean {
-  const props = fromNode(node).props;
-  // Style is flattened when passed to native, so there's no style object.
-  // $FlowFixMe[prop-missing]
-  return props != null && props.display === 'none';
-}
-
 interface IFabricUIManagerMock extends FabricUIManager {
   getRoot(rootTag: RootTag | number): NodeSet;
   __getInstanceHandleFromNode(node: Node): InternalInstanceHandle;
@@ -313,333 +294,16 @@ const FabricUIManagerMock: IFabricUIManagerMock = {
       /* y:*/ number,
       /* width:*/ number,
       /* height:*/ number,
-    ] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const boundingClientRectForTests: ?{
-        x: number,
-        y: number,
-        width: number,
-        height: number,
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__boundingClientRectForTests;
-
-      if (boundingClientRectForTests == null) {
-        return null;
-      }
-
-      const {x, y, width, height} = boundingClientRectForTests;
-      return [x, y, width, height];
-    },
+    ] => {},
   ),
 
-  hasPointerCapture: jest.fn((node: Node, pointerId: number): boolean => false),
-
-  setPointerCapture: jest.fn((node: Node, pointerId: number): void => {}),
-
-  releasePointerCapture: jest.fn((node: Node, pointerId: number): void => {}),
-
   setNativeProps: jest.fn((node: Node, newProps: NodeProps): void => {}),
 
   dispatchCommand: jest.fn(
     (node: Node, commandName: string, args: Array<mixed>): void => {},
   ),
 
-  getParentNode: jest.fn((node: Node): ?InternalInstanceHandle => {
-    const ancestors = getAncestorsInCurrentTree(node);
-    if (ancestors == null || ancestors.length - 2 < 0) {
-      return null;
-    }
-
-    const [parentOfParent, position] = ancestors[ancestors.length - 2];
-    const parentInCurrentTree = fromNode(parentOfParent).children[position];
-    return fromNode(parentInCurrentTree).instanceHandle;
-  }),
-
-  getChildNodes: jest.fn(
-    (node: Node): $ReadOnlyArray<InternalInstanceHandle> => {
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-
-      if (nodeInCurrentTree == null) {
-        return [];
-      }
-
-      return fromNode(nodeInCurrentTree).children.map(
-        child => fromNode(child).instanceHandle,
-      );
-    },
-  ),
-
-  isConnected: jest.fn((node: Node): boolean => {
-    return getNodeInCurrentTree(node) != null;
-  }),
-
-  getTextContent: jest.fn((node: Node): string => {
-    const nodeInCurrentTree = getNodeInCurrentTree(node);
-
-    let result = '';
-
-    if (nodeInCurrentTree == null) {
-      return result;
-    }
-
-    for (const childNode of dfs(nodeInCurrentTree)) {
-      if (fromNode(childNode).viewName === 'RCTRawText') {
-        const props = fromNode(childNode).props;
-        // $FlowExpectedError[prop-missing]
-        const maybeString: ?string = props.text;
-        if (typeof maybeString === 'string') {
-          result += maybeString;
-        }
-      }
-    }
-    return result;
-  }),
-
-  compareDocumentPosition: jest.fn((node: Node, otherNode: Node): number => {
-    /* eslint-disable no-bitwise */
-    const ReadOnlyNode =
-      require('../../../src/private/webapis/dom/nodes/ReadOnlyNode').default;
-
-    // Quick check for node vs. itself
-    if (fromNode(node).reactTag === fromNode(otherNode).reactTag) {
-      return 0;
-    }
-
-    if (fromNode(node).rootTag !== fromNode(otherNode).rootTag) {
-      return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
-    }
-
-    const ancestors = getAncestorsInCurrentTree(node);
-    if (ancestors == null) {
-      return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
-    }
-
-    const otherAncestors = getAncestorsInCurrentTree(otherNode);
-    if (otherAncestors == null) {
-      return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
-    }
-
-    // Consume all common ancestors
-    let i = 0;
-    while (
-      i < ancestors.length &&
-      i < otherAncestors.length &&
-      ancestors[i][1] === otherAncestors[i][1]
-    ) {
-      i++;
-    }
-
-    if (i === ancestors.length) {
-      return (
-        ReadOnlyNode.DOCUMENT_POSITION_CONTAINED_BY |
-        ReadOnlyNode.DOCUMENT_POSITION_FOLLOWING
-      );
-    }
-
-    if (i === otherAncestors.length) {
-      return (
-        ReadOnlyNode.DOCUMENT_POSITION_CONTAINS |
-        ReadOnlyNode.DOCUMENT_POSITION_PRECEDING
-      );
-    }
-
-    if (ancestors[i][1] > otherAncestors[i][1]) {
-      return ReadOnlyNode.DOCUMENT_POSITION_PRECEDING;
-    }
-
-    return ReadOnlyNode.DOCUMENT_POSITION_FOLLOWING;
-  }),
-
-  getOffset: jest.fn(
-    (
-      node: Node,
-    ): ?[
-      /* offsetParent: */ InternalInstanceHandle,
-      /* offsetTop: */ number,
-      /* offsetLeft: */ number,
-    ] => {
-      const ancestors = getAncestorsInCurrentTree(node);
-      if (ancestors == null) {
-        return null;
-      }
-
-      const [parent, position] = ancestors[ancestors.length - 1];
-      const nodeInCurrentTree = fromNode(parent).children[position];
-
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null || hasDisplayNone(nodeInCurrentTree)) {
-        return null;
-      }
-
-      const offsetForTests: ?{
-        top: number,
-        left: number,
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__offsetForTests;
-
-      if (offsetForTests == null) {
-        return null;
-      }
-
-      let currentIndex = ancestors.length - 1;
-      while (currentIndex >= 0 && !hasDisplayNone(ancestors[currentIndex][0])) {
-        currentIndex--;
-      }
-
-      if (currentIndex >= 0) {
-        // The node or one of its ancestors have display: none
-        return null;
-      }
-
-      return [
-        fromNode(parent).instanceHandle,
-        offsetForTests.top,
-        offsetForTests.left,
-      ];
-    },
-  ),
-
-  getScrollPosition: jest.fn(
-    (node: Node): ?[/* scrollLeft: */ number, /* scrollTop: */ number] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const scrollForTests: ?{
-        scrollLeft: number,
-        scrollTop: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__scrollForTests;
-
-      if (scrollForTests == null) {
-        return null;
-      }
-
-      const {scrollLeft, scrollTop} = scrollForTests;
-      return [scrollLeft, scrollTop];
-    },
-  ),
-
-  getScrollSize: jest.fn(
-    (node: Node): ?[/* scrollLeft: */ number, /* scrollTop: */ number] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const scrollForTests: ?{
-        scrollWidth: number,
-        scrollHeight: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__scrollForTests;
-
-      if (scrollForTests == null) {
-        return null;
-      }
-
-      const {scrollWidth, scrollHeight} = scrollForTests;
-      return [scrollWidth, scrollHeight];
-    },
-  ),
-
-  getInnerSize: jest.fn(
-    (node: Node): ?[/* width: */ number, /* height: */ number] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const innerSizeForTests: ?{
-        width: number,
-        height: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__innerSizeForTests;
-
-      if (innerSizeForTests == null) {
-        return null;
-      }
-
-      const {width, height} = innerSizeForTests;
-      return [width, height];
-    },
-  ),
-
-  getBorderSize: jest.fn(
-    (
-      node: Node,
-    ): ?[
-      /* topWidth: */ number,
-      /* rightWidth: */ number,
-      /* bottomWidth: */ number,
-      /* leftWidth: */ number,
-    ] => {
-      ensureHostNode(node);
-
-      const nodeInCurrentTree = getNodeInCurrentTree(node);
-      const currentProps =
-        nodeInCurrentTree != null ? fromNode(nodeInCurrentTree).props : null;
-      if (currentProps == null) {
-        return null;
-      }
-
-      const borderSizeForTests: ?{
-        topWidth?: number,
-        rightWidth?: number,
-        bottomWidth?: number,
-        leftWidth?: number,
-        ...
-      } =
-        // $FlowExpectedError[prop-missing]
-        currentProps.__borderSizeForTests;
-
-      if (borderSizeForTests == null) {
-        return null;
-      }
-
-      const {
-        topWidth = 0,
-        rightWidth = 0,
-        bottomWidth = 0,
-        leftWidth = 0,
-      } = borderSizeForTests;
-      return [topWidth, rightWidth, bottomWidth, leftWidth];
-    },
-  ),
-
-  getTagName: jest.fn((node: Node): string => {
-    ensureHostNode(node);
-    return 'RN:' + fromNode(node).viewName;
-  }),
+  compareDocumentPosition: jest.fn((node: Node, otherNode: Node): number => 0),
 
   getRoot(containerTag: RootTag | number): NodeSet {
     const tag = createRootTag(containerTag);

package/Libraries/ReactNative/getNativeComponentAttributes.js

@@ -14,22 +14,20 @@ const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleA
 const resolveAssetSource = require('../Image/resolveAssetSource');
 const processColor = require('../StyleSheet/processColor').default;
 const processColorArray = require('../StyleSheet/processColorArray');
+const processFilter = require('../StyleSheet/processFilter').default;
 const insetsDiffer = require('../Utilities/differ/insetsDiffer');
 const matricesDiffer = require('../Utilities/differ/matricesDiffer');
 const pointsDiffer = require('../Utilities/differ/pointsDiffer');
 const sizesDiffer = require('../Utilities/differ/sizesDiffer');
 const UIManager = require('./UIManager');
-const invariant = require('invariant');
 const nullthrows = require('nullthrows');
 
 function getNativeComponentAttributes(uiViewClassName: string): any {
   const viewConfig = UIManager.getViewManagerConfig(uiViewClassName);
 
-  invariant(
-    viewConfig != null && viewConfig.NativeProps != null,
-    'requireNativeComponent: "%s" was not found in the UIManager.',
-    uiViewClassName,
-  );
+  if (viewConfig == null) {
+    return null;
+  }
 
   // TODO: This seems like a whole lot of runtime initialization for every
   // native component that can be either avoided or simplified.
@@ -77,8 +75,8 @@ function getNativeComponentAttributes(uiViewClassName: string): any {
           ? true
           : {process}
         : process == null
-        ? {diff}
-        : {diff, process};
+          ? {diff}
+          : {diff, process};
   }
 
   // Unfortunately, the current setup declares style properties as top-level
@@ -191,6 +189,8 @@ function getProcessorForType(typeName: string): ?(nextProp: any) => any {
       return processColor;
     case 'ColorArray':
       return processColorArray;
+    case 'Filter':
+      return processFilter;
     case 'ImageSource':
       return resolveAssetSource;
   }

package/Libraries/ReactNative/renderApplication.js

@@ -8,6 +8,7 @@
  * @flow
  */
 
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 import GlobalPerformanceLogger from '../Utilities/GlobalPerformanceLogger';
@@ -32,6 +33,7 @@ export default function renderApplication<Props: Object>(
   initialProps: Props,
   rootTag: any,
   WrapperComponent?: ?React.ComponentType<any>,
+  rootViewStyle?: ?ViewStyleProp,
   fabric?: boolean,
   showArchitectureIndicator?: boolean,
   scopedPerformanceLogger?: IPerformanceLogger,
@@ -52,6 +54,7 @@ export default function renderApplication<Props: Object>(
         fabric={fabric}
         showArchitectureIndicator={showArchitectureIndicator}
         WrapperComponent={WrapperComponent}
+        rootViewStyle={rootViewStyle}
         initialProps={initialProps ?? Object.freeze({})}
         internal_excludeLogBox={isLogBox}>
         <RootComponent {...initialProps} rootTag={rootTag} />