react-native-windows 0.71.8 → 0.72.0-preview.1

package/Libraries/platform-types.d.ts

@@ -5,11 +5,9 @@
 *        need to also be added to index.windows.js
 */
 
-export * from './Components/Flyout/FlyoutProps';
-export * from './Components/Flyout/Flyout';
-export * from './Components/Glyph/Glyph';
-export * from './Components/Popup/PopupProps';
-export * from './Components/Popup/Popup';
+export {Flyout, IFlyoutProps, Placement, ShowMode} from './Components/Flyout/Flyout';
+export {Glyph, GlyphProps, GlyphStyle} from './Components/Glyph/Glyph';
+export {IPopupProps, Popup} from './Components/Popup/Popup';
 export * from './Components/Keyboard/KeyboardExt';
 export * from './Components/Keyboard/KeyboardExtProps';
 export * from './Components/View/ViewWindowsProps';

package/Libraries/vendor/core/ErrorUtils.js

@@ -8,7 +8,7 @@
  * @flow strict
  */
 
-import type {ErrorUtilsT} from '@react-native/polyfills/error-guard';
+import type {ErrorUtilsT} from '@react-native/js-polyfills/error-guard';
 
 /**
  * The particular require runtime that we are using looks for a global

package/Libraries/vendor/emitter/EventEmitter.d.ts

@@ -48,7 +48,7 @@ declare class EventSubscriptionVendor {
    * Removes a bulk set of the subscriptions.
    *
    * @param eventType - Optional name of the event type whose
-   *   registered supscriptions to remove, if null remove all subscriptions.
+   *   registered subscriptions to remove, if null remove all subscriptions.
    */
   removeAllSubscriptions(eventType?: string): void;
 
@@ -104,7 +104,7 @@ interface EmitterSubscription extends EventSubscription {
   remove(): void;
 }
 
-export declare class EventEmitter {
+export default class EventEmitter {
   /**
    *
    * @param subscriber - Optional subscriber instance

package/Libraries/vendor/emitter/EventEmitter.js

@@ -74,7 +74,15 @@ export default class EventEmitter<TEventToArgsMap: {...}>
     listener: (...args: $ElementType<TEventToArgsMap, TEvent>) => mixed,
     context: mixed,
   ): EventSubscription {
-    const registrations = allocate(this._registry, eventType);
+    if (typeof listener !== 'function') {
+      throw new TypeError(
+        'EventEmitter.addListener(...): 2nd argument must be a function.',
+      );
+    }
+    const registrations = allocate<_, _, TEventToArgsMap[TEvent]>(
+      this._registry,
+      eventType,
+    );
     const registration: Registration<$ElementType<TEventToArgsMap, TEvent>> = {
       context,
       listener,

package/Microsoft.ReactNative/Base/CoreNativeModules.cpp

@@ -6,8 +6,6 @@
 
 // Modules
 #include <AppModelHelpers.h>
-#include <AsyncStorageModule.h>
-#include <Modules/AsyncStorageModuleWin32.h>
 #include <Modules/ClipboardModule.h>
 #include <Modules/NativeUIManager.h>
 #include <Modules/PaperUIManagerModule.h>
@@ -40,19 +38,6 @@ std::vector<facebook::react::NativeModuleDescription> GetCoreModules(
       [props = context->Properties()]() { return Microsoft::React::CreateFileReaderModule(props); },
       batchingUIMessageQueue);
 
-  // AsyncStorageModule doesn't work without package identity (it indirectly depends on
-  // Windows.Storage.StorageFile), so check for package identity before adding it.
-  modules.emplace_back(
-      "AsyncLocalStorage",
-      []() -> std::unique_ptr<facebook::xplat::module::CxxModule> {
-        if (HasPackageIdentity()) {
-          return std::make_unique<facebook::react::AsyncStorageModule>(L"asyncStorage");
-        } else {
-          return std::make_unique<facebook::react::AsyncStorageModuleWin32>();
-        }
-      },
-      jsMessageQueue);
-
   return modules;
 }
 

package/Microsoft.ReactNative/CompositionHwndHost.idl

@@ -4,6 +4,7 @@
 import "IJSValueWriter.idl";
 import "ReactCoreInjection.idl";
 import "ReactNativeHost.idl";
+import "CompositionRootView.idl";
 #include "NamespaceRedirect.h"
 #include "DocString.h"
 
@@ -27,7 +28,12 @@ namespace Microsoft.ReactNative
       "It must be set to show any React UI elements.")
     IReactViewHost ReactViewHost { get; set; };
 
+    DOC_STRING("Move focus to this @CompositionHwndHost")
+    FocusNavigationResult NavigateFocus(FocusNavigationRequest request);
+
     Int64 TranslateMessage(UInt32 msg, UInt64 wParam, Int64 lParam);
+
+    Object UiaProvider { get; };
   }
 
 } // namespace Microsoft.ReactNative

package/Microsoft.ReactNative/CompositionRootView.idl

@@ -10,6 +10,36 @@ import "ReactNativeHost.idl";
 
 namespace Microsoft.ReactNative
 {
+  [experimental]
+  DOC_STRING("sdf")
+  enum FocusNavigationReason
+  {
+    Restore,
+    First,
+    Last,
+  };
+
+  [default_interface]
+  [webhosthidden]
+  [experimental]
+  DOC_STRING("Argument type for @CompositionRootView.NavigateFocus.")
+  runtimeclass FocusNavigationRequest {
+    DOC_STRING("Creates new instance of @FocusNavigationRequest")
+        FocusNavigationRequest(FocusNavigationReason reason);
+
+    DOC_STRING("The reason the @CompositionRootView is getting focus.")
+    FocusNavigationReason Reason {get;set;};
+  };
+
+  [default_interface]
+  [webhosthidden]
+  [experimental]
+  DOC_STRING("Provides result from a @CompositionRootView.NavigateFocus method call.")
+  runtimeclass FocusNavigationResult {
+    DOC_STRING("Gets a value that indicates whether the focus successfully moved.")
+    Boolean WasFocusMoved {get;};
+  };
+
   [default_interface]
   [webhosthidden]
   [experimental]
@@ -32,11 +62,16 @@ namespace Microsoft.ReactNative
     DOC_STRING("ScaleFactor for this windows (DPI/96)")
     Double ScaleFactor {get; set;};
 
+    DOC_STRING("Move focus to this @CompositionRootView")
+    FocusNavigationResult NavigateFocus(FocusNavigationRequest request);
+
     Windows.Foundation.Size Measure(Windows.Foundation.Size availableSize);
     Windows.Foundation.Size Arrange(Windows.Foundation.Size availableSize);
 
     Int64 SendMessage(UInt32 Msg, UInt64 WParam, Int64 LParam);
 
+    Object GetUiaProvider();
+
     //void OnPointerPressed(PointerPressedArgs args);
     //void OnMouseUp(Windows.Foundation.Point point);
     void OnScrollWheel(Windows.Foundation.Point point, Int32 delta);

package/Microsoft.ReactNative/CompositionSwitcher.idl

@@ -14,6 +14,13 @@ namespace Microsoft.ReactNative.Composition
     UniformToFill,
   };
 
+  enum BackfaceVisibility
+  {
+    Inherit,
+    Visible,
+    Hidden
+  };
+
   [webhosthidden]
   [uuid("172def51-9e1a-4e3c-841a-e5a470065acc")] // uuid needed for empty interfaces
   [version(1)]
@@ -55,6 +62,7 @@ namespace Microsoft.ReactNative.Composition
     void Offset(Windows.Foundation.Numerics.Vector3 offset);
     void Offset(Windows.Foundation.Numerics.Vector3 offset, Windows.Foundation.Numerics.Vector3 relativeAdjustment);
     void RelativeSizeWithOffset(Windows.Foundation.Numerics.Vector2 size, Windows.Foundation.Numerics.Vector2 relativeSizeAdjustment);
+    BackfaceVisibility BackfaceVisibility{ get; set; };
   }
 
   [webhosthidden]
@@ -81,6 +89,7 @@ namespace Microsoft.ReactNative.Composition
     void ContentSize(Windows.Foundation.Numerics.Vector2 size);
     Windows.Foundation.Numerics.Vector3 ScrollPosition { get; };
     void ScrollBy(Windows.Foundation.Numerics.Vector3 offset);
+    void TryUpdatePosition(Windows.Foundation.Numerics.Vector3 position, Boolean animate);
   }
 
   [webhosthidden]
@@ -101,6 +110,15 @@ namespace Microsoft.ReactNative.Composition
     Boolean IsVisible { get; set; };
   }
 
+  [webhosthidden]
+  [experimental]
+  interface IFocusVisual
+  {
+    IVisual InnerVisual { get; };
+    Boolean IsFocused { get; set; };
+    Single ScaleFactor { get; set; };
+  }
+
   [webhosthidden]
   [experimental]
   interface ICompositionContext
@@ -112,6 +130,7 @@ namespace Microsoft.ReactNative.Composition
     SpriteVisual CreateSpriteVisual();
     ScrollVisual CreateScrollerVisual();
     ICaretVisual CreateCaretVisual();
+    IFocusVisual CreateFocusVisual();
     IDropShadow CreateDropShadow();
     IBrush CreateColorBrush(Windows.UI.Color color);
     SurfaceBrush CreateSurfaceBrush(ICompositionDrawingSurface surface);

package/Microsoft.ReactNative/Fabric/AbiViewComponentDescriptor.cpp

@@ -0,0 +1,174 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "pch.h"
+
+#include "AbiViewComponentDescriptor.h"
+
+#include <Fabric/WindowsComponentDescriptorRegistry.h>
+#include <ReactContext.h>
+#include <react/renderer/components/view/ViewPropsInterpolation.h>
+#include "DynamicReader.h"
+
+namespace Microsoft::ReactNative {
+
+extern const char AbiViewComponentName[] = "AbiView";
+
+AbiViewComponentDescriptor::AbiViewComponentDescriptor(facebook::react::ComponentDescriptorParameters const &parameters)
+    : ComponentDescriptor(parameters) {
+  auto flavor = std::static_pointer_cast<std::string const>(this->flavor_);
+  m_builder = WindowsComponentDescriptorRegistry::FromProperties(
+                  parameters.contextContainer->at<winrt::Microsoft::ReactNative::ReactContext>("MSRN.ReactContext")
+                      .Properties())
+                  ->GetDescriptor(flavor);
+
+  rawPropsParser_.prepare<ConcreteProps>();
+}
+
+facebook::react::ComponentHandle AbiViewComponentDescriptor::getComponentHandle() const {
+  return reinterpret_cast<facebook::react::ComponentHandle>(getComponentName());
+}
+
+facebook::react::ComponentName AbiViewComponentDescriptor::getComponentName() const {
+  return std::static_pointer_cast<std::string const>(this->flavor_)->c_str();
+}
+
+facebook::react::ShadowNodeTraits AbiViewComponentDescriptor::getTraits() const {
+  return ShadowNodeT::BaseTraits();
+}
+
+facebook::react::ShadowNode::Shared AbiViewComponentDescriptor::createShadowNode(
+    const facebook::react::ShadowNodeFragment &fragment,
+    facebook::react::ShadowNodeFamily::Shared const &family) const {
+  auto shadowNode = std::make_shared<ShadowNodeT>(fragment, family, getTraits());
+
+  adopt(shadowNode);
+
+  return shadowNode;
+}
+
+facebook::react::ShadowNode::Unshared AbiViewComponentDescriptor::cloneShadowNode(
+    const facebook::react::ShadowNode &sourceShadowNode,
+    const facebook::react::ShadowNodeFragment &fragment) const {
+  auto shadowNode = std::make_shared<ShadowNodeT>(sourceShadowNode, fragment);
+
+  adopt(shadowNode);
+  return shadowNode;
+}
+
+void AbiViewComponentDescriptor::appendChild(
+    const facebook::react::ShadowNode::Shared &parentShadowNode,
+    const facebook::react::ShadowNode::Shared &childShadowNode) const {
+  auto concreteParentShadowNode = std::static_pointer_cast<const ShadowNodeT>(parentShadowNode);
+  auto concreteNonConstParentShadowNode = std::const_pointer_cast<ShadowNodeT>(concreteParentShadowNode);
+  concreteNonConstParentShadowNode->appendChild(childShadowNode);
+}
+
+facebook::react::Props::Shared AbiViewComponentDescriptor::cloneProps(
+    const facebook::react::PropsParserContext &context,
+    const facebook::react::Props::Shared &props,
+    const facebook::react::RawProps &rawProps) const {
+  // Optimization:
+  // Quite often nodes are constructed with default/empty props: the base
+  // `props` object is `null` (there no base because it's not cloning) and the
+  // `rawProps` is empty. In this case, we can return the default props object
+  // of a concrete type entirely bypassing parsing.
+  if (!props && rawProps.isEmpty()) {
+    return ShadowNodeT::defaultSharedProps();
+  }
+
+  rawProps.parse(rawPropsParser_, context);
+
+  // Call old-style constructor
+  // auto shadowNodeProps = std::make_shared<ShadowNodeT::Props>(context, rawProps, props);
+  auto shadowNodeProps = std::make_shared<AbiViewProps>(
+      context, props ? static_cast<AbiViewProps const &>(*props) : AbiViewProps(), rawProps);
+  auto viewProps = winrt::make<winrt::Microsoft::ReactNative::implementation::UserViewProps>(shadowNodeProps);
+  auto userProps =
+      winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+          ->CreateProps(viewProps);
+  shadowNodeProps->SetUserProps(userProps, viewProps);
+
+  rawProps.iterateOverValues(
+      [&](facebook::react::RawPropsPropNameHash hash, const char *propName, facebook::react::RawValue const &fn) {
+        shadowNodeProps.get()->setProp(context, hash, propName, fn);
+        userProps.SetProp(
+            hash,
+            winrt::to_hstring(propName),
+            winrt::make<winrt::Microsoft::ReactNative::DynamicReader>(folly::dynamic(fn)));
+      });
+
+  return shadowNodeProps;
+};
+
+facebook::react::Props::Shared AbiViewComponentDescriptor::interpolateProps(
+    const facebook::react::PropsParserContext &context,
+    facebook::react::Float animationProgress,
+    const facebook::react::Props::Shared &props,
+    const facebook::react::Props::Shared &newProps) const {
+  facebook::react::Props::Shared interpolatedPropsShared = cloneProps(context, newProps, {});
+
+  if (ConcreteShadowNode::BaseTraits().check(facebook::react::ShadowNodeTraits::Trait::ViewKind)) {
+    facebook::react::interpolateViewProps(animationProgress, props, newProps, interpolatedPropsShared);
+  }
+
+  return interpolatedPropsShared;
+};
+
+facebook::react::State::Shared AbiViewComponentDescriptor::createInitialState(
+    facebook::react::ShadowNodeFragment const &fragment,
+    facebook::react::ShadowNodeFamily::Shared const &family) const {
+  if (std::is_same<ConcreteStateData, facebook::react::StateData>::value) {
+    // Default case: Returning `null` for nodes that don't use `State`.
+    return nullptr;
+  }
+
+  return std::make_shared<ConcreteState>(
+      std::make_shared<ConcreteStateData const>(ConcreteShadowNode::initialStateData(
+          fragment, facebook::react::ShadowNodeFamilyFragment::build(*family), *this)),
+      family);
+}
+
+facebook::react::State::Shared AbiViewComponentDescriptor::createState(
+    facebook::react::ShadowNodeFamily const &family,
+    facebook::react::StateData::Shared const &data) const {
+  if (std::is_same<ConcreteStateData, facebook::react::StateData>::value) {
+    // Default case: Returning `null` for nodes that don't use `State`.
+    return nullptr;
+  }
+
+  react_native_assert(data && "Provided `data` is nullptr.");
+
+  return std::make_shared<ConcreteState const>(
+      std::static_pointer_cast<ConcreteStateData const>(data), *family.getMostRecentState());
+}
+
+facebook::react::ShadowNodeFamily::Shared AbiViewComponentDescriptor::createFamily(
+    facebook::react::ShadowNodeFamilyFragment const &fragment,
+    facebook::react::SharedEventTarget eventTarget) const {
+  auto eventEmitter =
+      std::make_shared<ConcreteEventEmitter const>(std::move(eventTarget), fragment.tag, eventDispatcher_);
+  return std::make_shared<facebook::react::ShadowNodeFamily>(
+      facebook::react::ShadowNodeFamilyFragment{fragment.tag, fragment.surfaceId, eventEmitter},
+      eventDispatcher_,
+      *this);
+}
+
+/*
+ * Called immediatelly after `ShadowNode` is created or cloned.
+ *
+ * Override this method to pass information from custom `ComponentDescriptor`
+ * to new instance of `ShadowNode`.
+ *
+ * Example usages:
+ *   - Inject image manager to `ImageShadowNode` in
+ * `ImageComponentDescriptor`.
+ *   - Set `ShadowNode`'s size from state in
+ * `ModalHostViewComponentDescriptor`.
+ */
+void AbiViewComponentDescriptor::adopt(facebook::react::ShadowNode::Unshared const &shadowNode) const {
+  // Default implementation does nothing.
+  react_native_assert(shadowNode->getComponentHandle() == getComponentHandle());
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/AbiViewComponentDescriptor.h

@@ -0,0 +1,91 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <react/renderer/core/ComponentDescriptor.h>
+#include "AbiViewProps.h"
+#include "winrt/Microsoft.ReactNative.h"
+
+namespace Microsoft::ReactNative {
+
+extern const char AbiViewComponentName[];
+
+class AbiViewState {
+ public:
+  AbiViewState() = default;
+};
+
+// Need to replace ConcreteShadowNode template usage with a specific impl that can have a different name per type
+using AbiViewShadowNode = facebook::react::
+    ConcreteViewShadowNode<AbiViewComponentName, AbiViewProps, facebook::react::ViewEventEmitter, AbiViewState>;
+
+class AbiViewComponentDescriptor : public facebook::react::ComponentDescriptor {
+  using ShadowNodeT = AbiViewShadowNode;
+  using SharedShadowNodeT = std::shared_ptr<const ShadowNodeT>;
+
+ public:
+  using ConcreteShadowNode = ShadowNodeT;
+  using ConcreteProps = typename ShadowNodeT::ConcreteProps;
+  using SharedConcreteProps = typename ShadowNodeT::SharedConcreteProps;
+  using ConcreteEventEmitter = typename ShadowNodeT::ConcreteEventEmitter;
+  using SharedConcreteEventEmitter = typename ShadowNodeT::SharedConcreteEventEmitter;
+  using ConcreteState = typename ShadowNodeT::ConcreteState;
+  using ConcreteStateData = typename ShadowNodeT::ConcreteState::Data;
+
+  AbiViewComponentDescriptor(facebook::react::ComponentDescriptorParameters const &parameters);
+
+  facebook::react::ComponentHandle getComponentHandle() const override;
+  facebook::react::ComponentName getComponentName() const override;
+  facebook::react::ShadowNodeTraits getTraits() const override;
+  facebook::react::ShadowNode::Shared createShadowNode(
+      const facebook::react::ShadowNodeFragment &fragment,
+      facebook::react::ShadowNodeFamily::Shared const &family) const override;
+  facebook::react::ShadowNode::Unshared cloneShadowNode(
+      const facebook::react::ShadowNode &sourceShadowNode,
+      const facebook::react::ShadowNodeFragment &fragment) const override;
+
+  void appendChild(
+      const facebook::react::ShadowNode::Shared &parentShadowNode,
+      const facebook::react::ShadowNode::Shared &childShadowNode) const override;
+  virtual facebook::react::Props::Shared cloneProps(
+      const facebook::react::PropsParserContext &context,
+      const facebook::react::Props::Shared &props,
+      const facebook::react::RawProps &rawProps) const override;
+  facebook::react::Props::Shared interpolateProps(
+      const facebook::react::PropsParserContext &context,
+      facebook::react::Float animationProgress,
+      const facebook::react::Props::Shared &props,
+      const facebook::react::Props::Shared &newProps) const override;
+  virtual facebook::react::State::Shared createInitialState(
+      facebook::react::ShadowNodeFragment const &fragment,
+      facebook::react::ShadowNodeFamily::Shared const &family) const override;
+  virtual facebook::react::State::Shared createState(
+      facebook::react::ShadowNodeFamily const &family,
+      facebook::react::StateData::Shared const &data) const override;
+
+  facebook::react::ShadowNodeFamily::Shared createFamily(
+      facebook::react::ShadowNodeFamilyFragment const &fragment,
+      facebook::react::SharedEventTarget eventTarget) const override;
+
+ protected:
+  /*
+   * Called immediatelly after `ShadowNode` is created or cloned.
+   *
+   * Override this method to pass information from custom `ComponentDescriptor`
+   * to new instance of `ShadowNode`.
+   *
+   * Example usages:
+   *   - Inject image manager to `ImageShadowNode` in
+   * `ImageComponentDescriptor`.
+   *   - Set `ShadowNode`'s size from state in
+   * `ModalHostViewComponentDescriptor`.
+   */
+  virtual void adopt(facebook::react::ShadowNode::Unshared const &shadowNode) const;
+
+ private:
+  winrt::Microsoft::ReactNative::IReactViewComponentBuilder m_builder;
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/AbiViewProps.cpp

@@ -0,0 +1,48 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "pch.h"
+
+#include "AbiViewProps.h"
+
+namespace Microsoft::ReactNative {
+
+AbiViewProps::AbiViewProps(
+    const facebook::react::PropsParserContext &context,
+    const AbiViewProps &sourceProps,
+    const facebook::react::RawProps &rawProps)
+    : facebook::react::ViewProps(context, sourceProps, rawProps) {}
+
+AbiViewProps::~AbiViewProps() {
+  if (m_userProps) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::UserViewProps>(m_userProps)->Disconnect();
+  }
+}
+
+void AbiViewProps::SetUserProps(
+    winrt::Microsoft::ReactNative::IComponentProps componentProps,
+    winrt::Microsoft::ReactNative::ViewProps userProps) noexcept {
+  m_componentProps = componentProps;
+  m_userProps = userProps;
+}
+
+winrt::Microsoft::ReactNative::IComponentProps AbiViewProps::UserProps() const noexcept {
+  return m_componentProps;
+}
+
+} // namespace Microsoft::ReactNative
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+UserViewProps::UserViewProps(std::shared_ptr<::Microsoft::ReactNative::AbiViewProps const> viewProps) noexcept
+    : m_viewProps(viewProps.get()) {}
+
+void UserViewProps::Disconnect() noexcept {
+  m_viewProps = nullptr;
+}
+
+float UserViewProps::Opacity() noexcept {
+  return m_viewProps ? m_viewProps->opacity : 1.0f;
+}
+
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/AbiViewProps.h

@@ -0,0 +1,48 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "ViewProps.g.h"
+
+#include <react/renderer/components/view/ViewProps.h>
+#include "winrt/Microsoft.ReactNative.h"
+
+namespace Microsoft::ReactNative {
+
+class AbiViewProps final : public facebook::react::ViewProps {
+ public:
+  AbiViewProps() = default;
+  AbiViewProps(
+      const facebook::react::PropsParserContext &context,
+      const AbiViewProps &sourceProps,
+      const facebook::react::RawProps &rawProps);
+  ~AbiViewProps();
+
+  void SetUserProps(
+      winrt::Microsoft::ReactNative::IComponentProps componentProps,
+      winrt::Microsoft::ReactNative::ViewProps userProps) noexcept;
+  winrt::Microsoft::ReactNative::IComponentProps UserProps() const noexcept;
+
+ private:
+  winrt::Microsoft::ReactNative::IComponentProps m_componentProps{nullptr};
+  winrt::Microsoft::ReactNative::ViewProps m_userProps{nullptr};
+};
+
+} // namespace Microsoft::ReactNative
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+struct UserViewProps : ViewPropsT<UserViewProps> {
+  UserViewProps(std::shared_ptr<::Microsoft::ReactNative::AbiViewProps const> viewProps) noexcept;
+
+  float Opacity() noexcept;
+
+  void Disconnect() noexcept;
+
+ private:
+  // Use a raw pointer here to avoid a ref cycle with AbiViewProps.  ~AbiViewProps will clear this pointer
+  ::Microsoft::ReactNative::AbiViewProps const *m_viewProps{nullptr};
+};
+
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/ComponentView.h

@@ -4,6 +4,8 @@
 
 #pragma once
 
+#include <functional/functor.h>
+#include <inspectable.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProvider.h>
 #include <react/renderer/components/view/TouchEventEmitter.h>
 #include <react/renderer/components/view/ViewProps.h>
@@ -23,11 +25,13 @@ enum class RNComponentViewUpdateMask : std::uint_fast8_t {
 
 DEFINE_ENUM_FLAG_OPERATORS(RNComponentViewUpdateMask);
 
+struct RootComponentView;
+
 struct IComponentView {
   virtual std::vector<facebook::react::ComponentDescriptorProvider>
   supplementalComponentDescriptorProviders() noexcept = 0;
-  virtual void mountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept = 0;
-  virtual void unmountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept = 0;
+  virtual void mountChildComponentView(IComponentView &childComponentView, uint32_t index) noexcept = 0;
+  virtual void unmountChildComponentView(IComponentView &childComponentView, uint32_t index) noexcept = 0;
   virtual void updateProps(
       facebook::react::Props::Shared const &props,
       facebook::react::Props::Shared const &oldProps) noexcept = 0;
@@ -42,14 +46,27 @@ struct IComponentView {
   virtual void prepareForRecycle() noexcept = 0;
   virtual facebook::react::Props::Shared props() noexcept = 0;
   virtual void handleCommand(std::string const &commandName, folly::dynamic const &arg) noexcept = 0;
+  virtual RootComponentView *rootComponentView() noexcept = 0;
   virtual void parent(IComponentView *parent) noexcept = 0;
   virtual IComponentView *parent() const noexcept = 0;
+  virtual const std::vector<IComponentView *> &children() const noexcept = 0;
+  // Run fn on all children of this node until fn returns true
+  // returns true if the fn ever returned true
+  virtual bool runOnChildren(bool forward, Mso::Functor<bool(IComponentView &)> &fn) noexcept = 0;
   virtual RECT getClientRect() const noexcept = 0;
   virtual void onFocusLost() noexcept = 0;
   virtual void onFocusGained() noexcept = 0;
+  virtual bool focusable() const noexcept = 0;
+  virtual facebook::react::SharedTouchEventEmitter touchEventEmitterAtPoint(facebook::react::Point pt) noexcept = 0;
   virtual facebook::react::SharedTouchEventEmitter touchEventEmitter() noexcept = 0;
   virtual facebook::react::Tag tag() const noexcept = 0;
   virtual facebook::react::Tag hitTest(facebook::react::Point pt, facebook::react::Point &localPt) const noexcept = 0;
+  virtual int64_t sendMessage(uint32_t msg, uint64_t wParam, int64_t lParam) noexcept = 0;
+  virtual winrt::IInspectable EnsureUiaProvider() noexcept = 0;
 };
 
+// Run fn on all nodes of the component view tree starting from this one until fn returns true
+// returns true if the fn ever returned true
+bool walkTree(IComponentView &view, bool forward, Mso::Functor<bool(IComponentView &)> &fn) noexcept;
+
 } // namespace Microsoft::ReactNative