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

package/src/private/webapis/dom/geometry/DOMRectReadOnly.js

@@ -33,10 +33,10 @@ function castToNumber(value: mixed): number {
  * This is a (mostly) spec-compliant version of `DOMRectReadOnly` (https://developer.mozilla.org/en-US/docs/Web/API/DOMRectReadOnly).
  */
 export default class DOMRectReadOnly {
-  _x: number;
-  _y: number;
-  _width: number;
-  _height: number;
+  #x: number;
+  #y: number;
+  #width: number;
+  #height: number;
 
   constructor(x: ?number, y: ?number, width: ?number, height: ?number) {
     this.__setInternalX(x);
@@ -49,36 +49,36 @@ export default class DOMRectReadOnly {
    * The x coordinate of the `DOMRectReadOnly`'s origin.
    */
   get x(): number {
-    return this._x;
+    return this.#x;
   }
 
   /**
    * The y coordinate of the `DOMRectReadOnly`'s origin.
    */
   get y(): number {
-    return this._y;
+    return this.#y;
   }
 
   /**
    * The width of the `DOMRectReadOnly`.
    */
   get width(): number {
-    return this._width;
+    return this.#width;
   }
 
   /**
    * The height of the `DOMRectReadOnly`.
    */
   get height(): number {
-    return this._height;
+    return this.#height;
   }
 
   /**
    * Returns the top coordinate value of the `DOMRect` (has the same value as `y`, or `y + height` if `height` is negative).
    */
   get top(): number {
-    const height = this._height;
-    const y = this._y;
+    const height = this.#height;
+    const y = this.#y;
 
     if (height < 0) {
       return y + height;
@@ -91,8 +91,8 @@ export default class DOMRectReadOnly {
    * Returns the right coordinate value of the `DOMRect` (has the same value as ``x + width`, or `x` if `width` is negative).
    */
   get right(): number {
-    const width = this._width;
-    const x = this._x;
+    const width = this.#width;
+    const x = this.#x;
 
     if (width < 0) {
       return x;
@@ -105,8 +105,8 @@ export default class DOMRectReadOnly {
    * Returns the bottom coordinate value of the `DOMRect` (has the same value as `y + height`, or `y` if `height` is negative).
    */
   get bottom(): number {
-    const height = this._height;
-    const y = this._y;
+    const height = this.#height;
+    const y = this.#y;
 
     if (height < 0) {
       return y;
@@ -119,8 +119,8 @@ export default class DOMRectReadOnly {
    * Returns the left coordinate value of the `DOMRect` (has the same value as `x`, or `x + width` if `width` is negative).
    */
   get left(): number {
-    const width = this._width;
-    const x = this._x;
+    const width = this.#width;
+    const x = this.#x;
 
     if (width < 0) {
       return x + width;
@@ -155,34 +155,34 @@ export default class DOMRectReadOnly {
   }
 
   __getInternalX(): number {
-    return this._x;
+    return this.#x;
   }
 
   __getInternalY(): number {
-    return this._y;
+    return this.#y;
   }
 
   __getInternalWidth(): number {
-    return this._width;
+    return this.#width;
   }
 
   __getInternalHeight(): number {
-    return this._height;
+    return this.#height;
   }
 
   __setInternalX(x: ?number) {
-    this._x = castToNumber(x);
+    this.#x = castToNumber(x);
   }
 
   __setInternalY(y: ?number) {
-    this._y = castToNumber(y);
+    this.#y = castToNumber(y);
   }
 
   __setInternalWidth(width: ?number) {
-    this._width = castToNumber(width);
+    this.#width = castToNumber(width);
   }
 
   __setInternalHeight(height: ?number) {
-    this._height = castToNumber(height);
+    this.#height = castToNumber(height);
   }
 }

package/src/private/webapis/dom/nodes/ReactNativeElement.js

@@ -31,6 +31,7 @@ import {
   getPublicInstanceFromInternalInstanceHandle,
   getShadowNode,
 } from './ReadOnlyNode';
+import NativeDOM from './specs/NativeDOM';
 import nullthrows from 'nullthrows';
 
 const noop = () => {};
@@ -43,7 +44,7 @@ export default class ReactNativeElement
   __nativeTag: number;
   __internalInstanceHandle: InternalInstanceHandle;
 
-  _viewConfig: ViewConfig;
+  #viewConfig: ViewConfig;
 
   constructor(
     tag: number,
@@ -54,7 +55,7 @@ export default class ReactNativeElement
 
     this.__nativeTag = tag;
     this.__internalInstanceHandle = internalInstanceHandle;
-    this._viewConfig = viewConfig;
+    this.#viewConfig = viewConfig;
   }
 
   get offsetHeight(): number {
@@ -67,10 +68,8 @@ export default class ReactNativeElement
     const node = getShadowNode(this);
 
     if (node != null) {
-      const offset = nullthrows(getFabricUIManager()).getOffset(node);
-      if (offset != null) {
-        return Math.round(offset[2]);
-      }
+      const offset = NativeDOM.getOffset(node);
+      return Math.round(offset[2]);
     }
 
     return 0;
@@ -80,11 +79,11 @@ export default class ReactNativeElement
     const node = getShadowNode(this);
 
     if (node != null) {
-      const offset = nullthrows(getFabricUIManager()).getOffset(node);
+      const offset = NativeDOM.getOffset(node);
       // For children of the root node we currently return offset data
       // but a `null` parent because the root node is not accessible
       // in JavaScript yet.
-      if (offset != null && offset[0] != null) {
+      if (offset[0] != null) {
         const offsetParentInstanceHandle = offset[0];
         const offsetParent = getPublicInstanceFromInternalInstanceHandle(
           offsetParentInstanceHandle,
@@ -102,10 +101,8 @@ export default class ReactNativeElement
     const node = getShadowNode(this);
 
     if (node != null) {
-      const offset = nullthrows(getFabricUIManager()).getOffset(node);
-      if (offset != null) {
-        return Math.round(offset[1]);
-      }
+      const offset = NativeDOM.getOffset(node);
+      return Math.round(offset[1]);
     }
 
     return 0;
@@ -175,12 +172,12 @@ export default class ReactNativeElement
 
   setNativeProps(nativeProps: {...}): void {
     if (__DEV__) {
-      warnForStyleProps(nativeProps, this._viewConfig.validAttributes);
+      warnForStyleProps(nativeProps, this.#viewConfig.validAttributes);
     }
 
     const updatePayload = createAttributePayload(
       nativeProps,
-      this._viewConfig.validAttributes,
+      this.#viewConfig.validAttributes,
     );
 
     const node = getShadowNode(this);

package/src/private/webapis/dom/nodes/ReadOnlyCharacterData.js

@@ -12,10 +12,9 @@
 
 import type ReadOnlyElement from './ReadOnlyElement';
 
-import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
 import ReadOnlyNode, {getShadowNode} from './ReadOnlyNode';
+import NativeDOM from './specs/NativeDOM';
 import {getElementSibling} from './utilities/Traversal';
-import nullthrows from 'nullthrows';
 
 export default class ReadOnlyCharacterData extends ReadOnlyNode {
   get nextElementSibling(): ReadOnlyElement | null {
@@ -30,7 +29,7 @@ export default class ReadOnlyCharacterData extends ReadOnlyNode {
     const shadowNode = getShadowNode(this);
 
     if (shadowNode != null) {
-      return nullthrows(getFabricUIManager()).getTextContent(shadowNode);
+      return NativeDOM.getTextContent(shadowNode);
     }
 
     return '';

package/src/private/webapis/dom/nodes/ReadOnlyElement.js

@@ -12,7 +12,6 @@
 
 import type HTMLCollection from '../oldstylecollections/HTMLCollection';
 
-import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
 import DOMRect from '../geometry/DOMRect';
 import {createHTMLCollection} from '../oldstylecollections/HTMLCollection';
 import ReadOnlyNode, {
@@ -20,8 +19,8 @@ import ReadOnlyNode, {
   getInstanceHandle,
   getShadowNode,
 } from './ReadOnlyNode';
+import NativeDOM from './specs/NativeDOM';
 import {getElementSibling} from './utilities/Traversal';
-import nullthrows from 'nullthrows';
 
 export default class ReadOnlyElement extends ReadOnlyNode {
   get childElementCount(): number {
@@ -36,10 +35,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const innerSize = nullthrows(getFabricUIManager()).getInnerSize(node);
-      if (innerSize != null) {
-        return innerSize[1];
-      }
+      const innerSize = NativeDOM.getInnerSize(node);
+      return innerSize[1];
     }
 
     return 0;
@@ -49,10 +46,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const borderSize = nullthrows(getFabricUIManager()).getBorderSize(node);
-      if (borderSize != null) {
-        return borderSize[3];
-      }
+      const borderSize = NativeDOM.getBorderWidth(node);
+      return borderSize[3];
     }
 
     return 0;
@@ -62,10 +57,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const borderSize = nullthrows(getFabricUIManager()).getBorderSize(node);
-      if (borderSize != null) {
-        return borderSize[0];
-      }
+      const borderSize = NativeDOM.getBorderWidth(node);
+      return borderSize[0];
     }
 
     return 0;
@@ -75,10 +68,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const innerSize = nullthrows(getFabricUIManager()).getInnerSize(node);
-      if (innerSize != null) {
-        return innerSize[0];
-      }
+      const innerSize = NativeDOM.getInnerSize(node);
+      return innerSize[0];
     }
 
     return 0;
@@ -138,10 +129,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollSize = nullthrows(getFabricUIManager()).getScrollSize(node);
-      if (scrollSize != null) {
-        return scrollSize[1];
-      }
+      const scrollSize = NativeDOM.getScrollSize(node);
+      return scrollSize[1];
     }
 
     return 0;
@@ -151,12 +140,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollPosition = nullthrows(getFabricUIManager()).getScrollPosition(
-        node,
-      );
-      if (scrollPosition != null) {
-        return scrollPosition[0];
-      }
+      const scrollPosition = NativeDOM.getScrollPosition(node);
+      return scrollPosition[0];
     }
 
     return 0;
@@ -166,12 +151,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollPosition = nullthrows(getFabricUIManager()).getScrollPosition(
-        node,
-      );
-      if (scrollPosition != null) {
-        return scrollPosition[1];
-      }
+      const scrollPosition = NativeDOM.getScrollPosition(node);
+      return scrollPosition[1];
     }
 
     return 0;
@@ -181,10 +162,8 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      const scrollSize = nullthrows(getFabricUIManager()).getScrollSize(node);
-      if (scrollSize != null) {
-        return scrollSize[0];
-      }
+      const scrollSize = NativeDOM.getScrollSize(node);
+      return scrollSize[0];
     }
 
     return 0;
@@ -194,7 +173,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const node = getShadowNode(this);
 
     if (node != null) {
-      return nullthrows(getFabricUIManager()).getTagName(node);
+      return NativeDOM.getTagName(node);
     }
 
     return '';
@@ -204,7 +183,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
     const shadowNode = getShadowNode(this);
 
     if (shadowNode != null) {
-      return nullthrows(getFabricUIManager()).getTextContent(shadowNode);
+      return NativeDOM.getTextContent(shadowNode);
     }
 
     return '';
@@ -220,10 +199,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   hasPointerCapture(pointerId: number): boolean {
     const node = getShadowNode(this);
     if (node != null) {
-      return nullthrows(getFabricUIManager()).hasPointerCapture(
-        node,
-        pointerId,
-      );
+      return NativeDOM.hasPointerCapture(node, pointerId);
     }
     return false;
   }
@@ -231,14 +207,14 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   setPointerCapture(pointerId: number): void {
     const node = getShadowNode(this);
     if (node != null) {
-      nullthrows(getFabricUIManager()).setPointerCapture(node, pointerId);
+      NativeDOM.setPointerCapture(node, pointerId);
     }
   }
 
   releasePointerCapture(pointerId: number): void {
     const node = getShadowNode(this);
     if (node != null) {
-      nullthrows(getFabricUIManager()).releasePointerCapture(node, pointerId);
+      NativeDOM.releasePointerCapture(node, pointerId);
     }
   }
 }
@@ -262,14 +238,8 @@ export function getBoundingClientRect(
   const shadowNode = getShadowNode(node);
 
   if (shadowNode != null) {
-    const rect = nullthrows(getFabricUIManager()).getBoundingClientRect(
-      shadowNode,
-      includeTransform,
-    );
-
-    if (rect) {
-      return new DOMRect(rect[0], rect[1], rect[2], rect[3]);
-    }
+    const rect = NativeDOM.getBoundingClientRect(shadowNode, includeTransform);
+    return new DOMRect(rect[0], rect[1], rect[2], rect[3]);
   }
 
   // Empty rect if any of the above failed

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -17,9 +17,8 @@ import type {
 import type NodeList from '../oldstylecollections/NodeList';
 import type ReadOnlyElement from './ReadOnlyElement';
 
-import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
 import {createNodeList} from '../oldstylecollections/NodeList';
-import nullthrows from 'nullthrows';
+import NativeDOM from './specs/NativeDOM';
 
 // We initialize this lazily to avoid a require cycle
 // (`ReadOnlyElement` also depends on `ReadOnlyNode`).
@@ -52,7 +51,7 @@ export default class ReadOnlyNode {
       return false;
     }
 
-    return nullthrows(getFabricUIManager()).isConnected(shadowNode);
+    return NativeDOM.isConnected(shadowNode);
   }
 
   get lastChild(): ReadOnlyNode | null {
@@ -125,9 +124,7 @@ export default class ReadOnlyNode {
       return null;
     }
 
-    const parentInstanceHandle = nullthrows(getFabricUIManager()).getParentNode(
-      shadowNode,
-    );
+    const parentInstanceHandle = NativeDOM.getParentNode(shadowNode);
 
     if (parentInstanceHandle == null) {
       return null;
@@ -171,10 +168,7 @@ export default class ReadOnlyNode {
       return ReadOnlyNode.DOCUMENT_POSITION_DISCONNECTED;
     }
 
-    return nullthrows(getFabricUIManager()).compareDocumentPosition(
-      shadowNode,
-      otherShadowNode,
-    );
+    return NativeDOM.compareDocumentPosition(shadowNode, otherShadowNode);
   }
 
   contains(otherNode: ReadOnlyNode): boolean {
@@ -323,9 +317,7 @@ export function getChildNodes(
     return [];
   }
 
-  const childNodeInstanceHandles = nullthrows(
-    getFabricUIManager(),
-  ).getChildNodes(shadowNode);
+  const childNodeInstanceHandles = NativeDOM.getChildNodes(shadowNode);
   return childNodeInstanceHandles
     .map(instanceHandle =>
       getPublicInstanceFromInternalInstanceHandle(instanceHandle),