react-native-windows 0.73.10 → 0.74.0-preview.1

package/Microsoft.ReactNative/Fabric/ComponentView.cpp

@@ -0,0 +1,340 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "ComponentView.h"
+
+#include <Fabric/AbiState.h>
+#include "DynamicReader.h"
+
+#include "ComponentView.g.cpp"
+#include "CreateComponentViewArgs.g.cpp"
+#include <Fabric/Composition/RootComponentView.h>
+#include "AbiShadowNode.h"
+
+namespace winrt::Microsoft::ReactNative::Composition::implementation {
+struct RootComponentView;
+}
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+CreateComponentViewArgs::CreateComponentViewArgs(
+    const winrt::Microsoft::ReactNative::IReactContext &reactContext,
+    facebook::react::Tag tag)
+    : m_tag(tag), m_reactContext(reactContext){};
+
+facebook::react::Tag CreateComponentViewArgs::Tag() const noexcept {
+  return m_tag;
+}
+
+winrt::Microsoft::ReactNative::IReactContext CreateComponentViewArgs::ReactContext() const noexcept {
+  return m_reactContext;
+}
+
+ComponentView::ComponentView(
+    facebook::react::Tag tag,
+    winrt::Microsoft::ReactNative::ReactContext const &reactContext,
+    bool customComponent)
+    : m_tag(tag), m_reactContext(reactContext), m_customComponent(customComponent) {}
+
+ComponentView::ComponentView(winrt::Microsoft::ReactNative::CreateComponentViewArgs const &args)
+    : ComponentView(args.Tag(), args.ReactContext(), true) {}
+
+std::vector<facebook::react::ComponentDescriptorProvider>
+ComponentView::supplementalComponentDescriptorProviders() noexcept {
+  return {};
+}
+
+void ComponentView::MountChildComponentView(
+    const winrt::Microsoft::ReactNative::ComponentView &childComponentView,
+    uint32_t index) noexcept {
+  m_children.InsertAt(index, childComponentView);
+  winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(childComponentView)->parent(*this);
+}
+
+void ComponentView::UnmountChildComponentView(
+    const winrt::Microsoft::ReactNative::ComponentView &childComponentView,
+    uint32_t index) noexcept {
+  m_children.RemoveAt(index);
+  winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(childComponentView)->parent(nullptr);
+}
+
+void ComponentView::updateProps(
+    facebook::react::Props::Shared const &props,
+    facebook::react::Props::Shared const &oldProps) noexcept {
+  if (m_customComponent) {
+    // Review is it expected that I need this cast to call overridden methods?
+    winrt::Microsoft::ReactNative::ComponentView outer(*this);
+    outer.UpdateProps(userProps(props), oldProps ? userProps(oldProps) : nullptr);
+  }
+}
+
+void ComponentView::UpdateProps(
+    const winrt::Microsoft::ReactNative::IComponentProps &props,
+    const winrt::Microsoft::ReactNative::IComponentProps &oldProps) noexcept {}
+
+const winrt::Microsoft::ReactNative::IComponentProps ComponentView::userProps(
+    facebook::react::Props::Shared const &props) noexcept {
+  assert(m_customComponent);
+  const auto &abiProps =
+      *std::static_pointer_cast<const winrt::Microsoft::ReactNative::implementation::AbiProps>(props);
+  return abiProps.UserProps();
+}
+
+void ComponentView::updateEventEmitter(facebook::react::EventEmitter::Shared const &eventEmitter) noexcept {}
+
+void ComponentView::updateState(
+    facebook::react::State::Shared const &state,
+    facebook::react::State::Shared const &oldState) noexcept {
+  // Avoid new-ing up a new AbiComponentState on every state change if we are not a custom component
+  if (m_customComponent) {
+    // Review is it expected that I need this cast to call overridden methods?
+    winrt::Microsoft::ReactNative::ComponentView outer(*this);
+    outer.UpdateState(winrt::make<::Microsoft::ReactNative::AbiComponentState>(state));
+  }
+}
+
+void ComponentView::UpdateState(const winrt::Microsoft::ReactNative::IComponentState &state) noexcept {}
+
+void ComponentView::updateLayoutMetrics(
+    facebook::react::LayoutMetrics const &layoutMetrics,
+    facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept {
+  // Review is it expected that I need this cast to call overridden methods?
+  winrt::Microsoft::ReactNative::ComponentView outer(*this);
+  outer.UpdateLayoutMetrics(
+      {{layoutMetrics.frame.origin.x,
+        layoutMetrics.frame.origin.y,
+        layoutMetrics.frame.size.width,
+        layoutMetrics.frame.size.height},
+       layoutMetrics.pointScaleFactor},
+      {{oldLayoutMetrics.frame.origin.x,
+        oldLayoutMetrics.frame.origin.y,
+        oldLayoutMetrics.frame.size.width,
+        oldLayoutMetrics.frame.size.height},
+       oldLayoutMetrics.pointScaleFactor});
+}
+
+void ComponentView::UpdateLayoutMetrics(const LayoutMetrics &metrics, const LayoutMetrics &oldMetrics) noexcept {}
+
+void ComponentView::FinalizeUpdates(winrt::Microsoft::ReactNative::ComponentViewUpdateMask updateMask) noexcept {}
+
+void ComponentView::prepareForRecycle() noexcept {}
+
+facebook::react::Props::Shared ComponentView::props() noexcept {
+  assert(false);
+  return {};
+}
+
+void ComponentView::HandleCommand(
+    winrt::hstring commandName,
+    const winrt::Microsoft::ReactNative::IJSValueReader &args) noexcept {}
+
+winrt::Microsoft::ReactNative::Composition::implementation::RootComponentView *
+ComponentView::rootComponentView() noexcept {
+  if (m_rootView)
+    return m_rootView;
+
+  if (m_parent) {
+    m_rootView =
+        winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->rootComponentView();
+  }
+
+  return m_rootView;
+}
+
+void ComponentView::parent(const winrt::Microsoft::ReactNative::ComponentView &parent) noexcept {
+  if (!parent) {
+    auto root = rootComponentView();
+    winrt::Microsoft::ReactNative::ComponentView view{nullptr};
+    winrt::check_hresult(
+        QueryInterface(winrt::guid_of<winrt::Microsoft::ReactNative::ComponentView>(), winrt::put_abi(view)));
+    if (root && root->GetFocusedComponent() == view) {
+      root->SetFocusedComponent(nullptr); // TODO need move focus logic - where should focus go?
+    }
+  }
+
+  if (m_parent != parent) {
+    m_rootView = nullptr;
+    m_parent = parent;
+    if (parent) {
+      theme(winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(parent)->theme());
+    }
+  }
+}
+
+winrt::Microsoft::ReactNative::ComponentView ComponentView::Parent() const noexcept {
+  return m_parent;
+}
+
+winrt::IVectorView<winrt::Microsoft::ReactNative::ComponentView> ComponentView::Children() const noexcept {
+  return m_children.GetView();
+}
+
+void ComponentView::theme(winrt::Microsoft::ReactNative::Composition::implementation::Theme *value) noexcept {
+  if (m_theme != value) {
+    for (auto it = m_children.begin(); it != m_children.end(); ++it) {
+      winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(*it)->theme(value);
+    }
+
+    m_theme = value;
+    onThemeChanged();
+  }
+}
+
+winrt::Microsoft::ReactNative::Composition::implementation::Theme *ComponentView::theme() const noexcept {
+  return m_theme ? m_theme
+                 : winrt::get_self<winrt::Microsoft::ReactNative::Composition::implementation::Theme>(
+                       winrt::Microsoft::ReactNative::Composition::implementation::Theme::EmptyTheme());
+}
+
+void ComponentView::onThemeChanged() noexcept {}
+
+// Run fn on all children of this node until fn returns true
+// returns true if the fn ever returned true
+bool ComponentView::runOnChildren(
+    bool forward,
+    Mso::Functor<bool(winrt::Microsoft::ReactNative::implementation::ComponentView &)> &fn) noexcept {
+  if (forward) {
+    for (auto it = m_children.begin(); it != m_children.end(); ++it) {
+      if (fn(*winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(*it)))
+        return true;
+    }
+  } else {
+    // TODO is this conversion from rend correct?
+    for (auto it = m_children.end(); it != m_children.begin(); --it) {
+      if (fn(*winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(*it)))
+        return true;
+    }
+  }
+  return false;
+}
+
+RECT ComponentView::getClientRect() const noexcept {
+  assert(false);
+  return {};
+}
+
+// The offset from this elements parent to its children (accounts for things like scroll position)
+facebook::react::Point ComponentView::getClientOffset() const noexcept {
+  assert(false);
+  return {};
+}
+
+void ComponentView::onFocusLost() noexcept {}
+
+void ComponentView::onFocusGained() noexcept {}
+
+void ComponentView::OnPointerEntered(
+    const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept {}
+
+void ComponentView::OnPointerExited(
+    const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept {}
+
+void ComponentView::OnPointerPressed(
+    const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnPointerPressed(args);
+  }
+}
+
+void ComponentView::OnPointerReleased(
+    const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnPointerReleased(args);
+  }
+}
+
+void ComponentView::OnPointerMoved(
+    const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnPointerMoved(args);
+  }
+}
+
+void ComponentView::OnPointerWheelChanged(
+    const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnPointerWheelChanged(
+        args);
+  }
+}
+
+void ComponentView::OnPointerCaptureLost() noexcept {}
+
+void ComponentView::OnKeyDown(
+    const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
+    const winrt::Microsoft::ReactNative::Composition::Input::KeyRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnKeyDown(source, args);
+  }
+}
+
+void ComponentView::OnKeyUp(
+    const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
+    const winrt::Microsoft::ReactNative::Composition::Input::KeyRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnKeyUp(source, args);
+  }
+}
+
+void ComponentView::OnCharacterReceived(
+    const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
+    const winrt::Microsoft::ReactNative::Composition::Input::CharacterReceivedRoutedEventArgs &args) noexcept {
+  if (m_parent && !args.Handled()) {
+    winrt::get_self<winrt::Microsoft::ReactNative::implementation::ComponentView>(m_parent)->OnCharacterReceived(
+        source, args);
+  }
+}
+
+bool ComponentView::focusable() const noexcept {
+  return false;
+}
+
+facebook::react::SharedViewEventEmitter ComponentView::eventEmitterAtPoint(facebook::react::Point pt) noexcept {
+  return nullptr;
+}
+
+facebook::react::SharedViewEventEmitter ComponentView::eventEmitter() noexcept {
+  return nullptr;
+}
+
+facebook::react::Tag ComponentView::Tag() const noexcept {
+  return m_tag;
+}
+
+// By default, hitTests according the pointerEvents prop on the Component.
+// If ignorePointerEvents = true, all Components are treated as valid targets
+facebook::react::Tag ComponentView::hitTest(
+    facebook::react::Point pt,
+    facebook::react::Point &localPt,
+    bool ignorePointerEvents) const noexcept {
+  return -1;
+}
+
+winrt::IInspectable ComponentView::EnsureUiaProvider() noexcept {
+  assert(false);
+  return nullptr;
+}
+
+std::optional<std::string> ComponentView::getAcccessiblityValue() noexcept {
+  return std::nullopt;
+}
+
+void ComponentView::setAcccessiblityValue(std::string &&value) noexcept {
+  assert(false);
+}
+
+bool ComponentView::getAcccessiblityIsReadOnly() noexcept {
+  return false;
+}
+
+// Notify up the tree to bring the rect into view by scrolling as needed
+void ComponentView::StartBringIntoView(BringIntoViewOptions &&args) noexcept {
+  assert(false);
+}
+
+winrt::Microsoft::ReactNative::IReactContext ComponentView::ReactContext() const noexcept {
+  return m_reactContext.Handle();
+}
+
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/ComponentView.h

@@ -11,23 +11,24 @@
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/LayoutMetrics.h>
 
+#include <Fabric/Composition/Theme.h>
 #include <winrt/Microsoft.ReactNative.Composition.Input.h>
+#include <winrt/Microsoft.ReactNative.h>
 
-namespace Microsoft::ReactNative {
+#include "ComponentView.g.h"
+#include "CreateComponentViewArgs.g.h"
 
-enum class RNComponentViewUpdateMask : std::uint_fast8_t {
-  None = 0,
-  Props = 1 << 0,
-  EventEmitter = 1 << 1,
-  State = 1 << 2,
-  LayoutMetrics = 1 << 3,
-
-  All = Props | EventEmitter | State | LayoutMetrics
-};
+namespace winrt::Microsoft::ReactNative::Composition::implementation {
+struct RootComponentView;
+}
 
-DEFINE_ENUM_FLAG_OPERATORS(RNComponentViewUpdateMask);
+namespace winrt::Microsoft::ReactNative::implementation {
 
-struct RootComponentView;
+enum class ClipState : std::uint_fast8_t {
+  NoClip = 0,
+  PartialClip = 1,
+  FullyClipped = 2,
+};
 
 struct BringIntoViewOptions {
   bool AnimationDesired{false};
@@ -40,71 +41,136 @@ struct BringIntoViewOptions {
   float VerticalOffset{0};
 };
 
-struct IComponentView {
-  virtual std::vector<facebook::react::ComponentDescriptorProvider>
-  supplementalComponentDescriptorProviders() noexcept = 0;
-  virtual void mountChildComponentView(IComponentView &childComponentView, uint32_t index) noexcept = 0;
-  virtual void unmountChildComponentView(IComponentView &childComponentView, uint32_t index) noexcept = 0;
+struct CreateComponentViewArgs : public CreateComponentViewArgsT<CreateComponentViewArgs> {
+  CreateComponentViewArgs(const winrt::Microsoft::ReactNative::IReactContext &reactContext, facebook::react::Tag tag);
+
+  facebook::react::Tag Tag() const noexcept;
+
+  winrt::Microsoft::ReactNative::IReactContext ReactContext() const noexcept;
+
+ private:
+  const facebook::react::Tag m_tag;
+  const winrt::Microsoft::ReactNative::IReactContext m_reactContext;
+};
+
+struct ComponentView : public ComponentViewT<ComponentView> {
+  ComponentView(winrt::Microsoft::ReactNative::CreateComponentViewArgs const &args);
+
+  ComponentView(
+      facebook::react::Tag tag,
+      winrt::Microsoft::ReactNative::ReactContext const &reactContext,
+      bool customComponent);
+
+  virtual std::vector<facebook::react::ComponentDescriptorProvider> supplementalComponentDescriptorProviders() noexcept;
   virtual void updateProps(
       facebook::react::Props::Shared const &props,
-      facebook::react::Props::Shared const &oldProps) noexcept = 0;
-  virtual void updateEventEmitter(facebook::react::EventEmitter::Shared const &eventEmitter) noexcept = 0;
+      facebook::react::Props::Shared const &oldProps) noexcept;
+  virtual void updateEventEmitter(facebook::react::EventEmitter::Shared const &eventEmitter) noexcept;
   virtual void updateState(
       facebook::react::State::Shared const &state,
-      facebook::react::State::Shared const &oldState) noexcept = 0;
+      facebook::react::State::Shared const &oldState) noexcept;
   virtual void updateLayoutMetrics(
       facebook::react::LayoutMetrics const &layoutMetrics,
-      facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept = 0;
-  virtual void finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept = 0;
-  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;
+      facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept;
+  virtual void prepareForRecycle() noexcept;
+  virtual facebook::react::Props::Shared props() noexcept;
+  virtual winrt::Microsoft::ReactNative::Composition::implementation::RootComponentView *rootComponentView() noexcept;
+  virtual void parent(const winrt::Microsoft::ReactNative::ComponentView &parent) noexcept;
+  virtual winrt::Microsoft::ReactNative::ComponentView Parent() const noexcept;
+  virtual winrt::IVectorView<winrt::Microsoft::ReactNative::ComponentView> Children() const noexcept;
+  virtual void theme(winrt::Microsoft::ReactNative::Composition::implementation::Theme *theme) noexcept;
+  virtual winrt::Microsoft::ReactNative::Composition::implementation::Theme *theme() const noexcept;
+  virtual void onThemeChanged() noexcept;
   // 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 void onPointerEntered(
-      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept = 0;
-  virtual void onPointerExited(
-      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept = 0;
-  virtual void onPointerPressed(
-      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept = 0;
-  virtual void onPointerReleased(
-      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept = 0;
-  virtual void onPointerMoved(
-      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept = 0;
-  virtual void onPointerWheelChanged(
-      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept = 0;
-  virtual void onKeyDown(
-      const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
-      const winrt::Microsoft::ReactNative::Composition::Input::KeyRoutedEventArgs &args) noexcept = 0;
-  virtual void onKeyUp(
-      const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
-      const winrt::Microsoft::ReactNative::Composition::Input::KeyRoutedEventArgs &args) noexcept = 0;
-  virtual bool focusable() const noexcept = 0;
-  virtual facebook::react::SharedViewEventEmitter eventEmitterAtPoint(facebook::react::Point pt) noexcept = 0;
-  virtual facebook::react::SharedViewEventEmitter eventEmitter() noexcept = 0;
-  virtual facebook::react::Tag tag() const noexcept = 0;
+  bool runOnChildren(bool forward, Mso::Functor<bool(ComponentView &)> &fn) noexcept;
+  virtual RECT getClientRect() const noexcept;
+  // The offset from this elements parent to its children (accounts for things like scroll position)
+  virtual facebook::react::Point getClientOffset() const noexcept;
+  virtual void onFocusLost() noexcept;
+  virtual void onFocusGained() noexcept;
+
+  virtual bool focusable() const noexcept;
+  virtual facebook::react::SharedViewEventEmitter eventEmitterAtPoint(facebook::react::Point pt) noexcept;
+  virtual facebook::react::SharedViewEventEmitter eventEmitter() noexcept;
+  virtual facebook::react::Tag Tag() const noexcept;
   // By default, hitTests according the pointerEvents prop on the Component.
   // If ignorePointerEvents = true, all Components are treated as valid targets
-  virtual facebook::react::Tag hitTest(
-      facebook::react::Point pt,
-      facebook::react::Point &localPt,
-      bool ignorePointerEvents = false) const noexcept = 0;
-  virtual int64_t sendMessage(uint32_t msg, uint64_t wParam, int64_t lParam) noexcept = 0;
-  virtual winrt::IInspectable EnsureUiaProvider() noexcept = 0;
+  virtual facebook::react::Tag
+  hitTest(facebook::react::Point pt, facebook::react::Point &localPt, bool ignorePointerEvents = false) const noexcept;
+  virtual winrt::IInspectable EnsureUiaProvider() noexcept;
+  virtual std::optional<std::string> getAcccessiblityValue() noexcept;
+  virtual void setAcccessiblityValue(std::string &&value) noexcept;
+  virtual bool getAcccessiblityIsReadOnly() noexcept;
+  winrt::Microsoft::ReactNative::IReactContext ReactContext() const noexcept;
+
   // Notify up the tree to bring the rect into view by scrolling as needed
-  virtual void StartBringIntoView(BringIntoViewOptions &&args) noexcept = 0;
+  virtual void StartBringIntoView(BringIntoViewOptions &&args) noexcept;
+
+  virtual const winrt::Microsoft::ReactNative::IComponentProps userProps(
+      facebook::react::Props::Shared const &props) noexcept;
+
+  // Publicaly overridable APIs
+  virtual void MountChildComponentView(
+      const winrt::Microsoft::ReactNative::ComponentView &childComponentView,
+      uint32_t index) noexcept;
+  virtual void UnmountChildComponentView(
+      const winrt::Microsoft::ReactNative::ComponentView &childComponentView,
+      uint32_t index) noexcept;
+  virtual void HandleCommand(
+      winrt::hstring commandName,
+      const winrt::Microsoft::ReactNative::IJSValueReader &args) noexcept;
+  virtual void UpdateProps(
+      const winrt::Microsoft::ReactNative::IComponentProps &props,
+      const winrt::Microsoft::ReactNative::IComponentProps &oldProps) noexcept;
+  virtual void UpdateState(const winrt::Microsoft::ReactNative::IComponentState &state) noexcept;
+  virtual void UpdateLayoutMetrics(const LayoutMetrics &metrics, const LayoutMetrics &oldMetrics) noexcept;
+  virtual void FinalizeUpdates(winrt::Microsoft::ReactNative::ComponentViewUpdateMask updateMask) noexcept;
+  virtual void OnPointerEntered(
+      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept;
+  virtual void OnPointerExited(
+      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept;
+  virtual void OnPointerPressed(
+      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept;
+  virtual void OnPointerReleased(
+      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept;
+  virtual void OnPointerMoved(
+      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept;
+  virtual void OnPointerWheelChanged(
+      const winrt::Microsoft::ReactNative::Composition::Input::PointerRoutedEventArgs &args) noexcept;
+  virtual void OnPointerCaptureLost() noexcept;
+  virtual void OnKeyDown(
+      const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
+      const winrt::Microsoft::ReactNative::Composition::Input::KeyRoutedEventArgs &args) noexcept;
+  virtual void OnKeyUp(
+      const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
+      const winrt::Microsoft::ReactNative::Composition::Input::KeyRoutedEventArgs &args) noexcept;
+  virtual void OnCharacterReceived(
+      const winrt::Microsoft::ReactNative::Composition::Input::KeyboardSource &source,
+      const winrt::Microsoft::ReactNative::Composition::Input::CharacterReceivedRoutedEventArgs &args) noexcept;
+
+ protected:
+  const bool m_customComponent; // Is a user custom component, and so needs to call external override functions
+  const facebook::react::Tag m_tag;
+  winrt::Microsoft::ReactNative::Composition::implementation::RootComponentView *m_rootView{nullptr};
+  mutable winrt::Microsoft::ReactNative::Composition::implementation::Theme *m_theme{nullptr};
+  const winrt::Microsoft::ReactNative::ReactContext m_reactContext;
+  winrt::Microsoft::ReactNative::ComponentView m_parent{nullptr};
+  winrt::Windows::Foundation::Collections::IVector<winrt::Microsoft::ReactNative::ComponentView> m_children{
+      winrt::single_threaded_vector<winrt::Microsoft::ReactNative::ComponentView>()};
 };
 
 // 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;
+bool walkTree(
+    const winrt::Microsoft::ReactNative::ComponentView &view,
+    bool forward,
+    Mso::Functor<bool(const winrt::Microsoft::ReactNative::ComponentView &)> &fn) noexcept;
+
+} // namespace winrt::Microsoft::ReactNative::implementation
+
+namespace winrt::Microsoft::ReactNative::factory_implementation {
+
+struct ComponentView : ComponentViewT<ComponentView, implementation::ComponentView> {};
 
-} // namespace Microsoft::ReactNative
+} // namespace winrt::Microsoft::ReactNative::factory_implementation