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

package/Microsoft.ReactNative/Fabric/AbiViewComponentDescriptor.cpp

@@ -8,12 +8,11 @@
 #include <Fabric/WindowsComponentDescriptorRegistry.h>
 #include <ReactContext.h>
 #include <react/renderer/components/view/ViewPropsInterpolation.h>
+#include <type_traits>
 #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_);
@@ -34,16 +33,25 @@ facebook::react::ComponentName AbiViewComponentDescriptor::getComponentName() co
 }
 
 facebook::react::ShadowNodeTraits AbiViewComponentDescriptor::getTraits() const {
-  return ShadowNodeT::BaseTraits();
+  auto traits = ShadowNodeT::BaseTraits();
+  if (winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+          ->MeasureContentHandler()) {
+    traits.set(facebook::react::ShadowNodeTraits::LeafYogaNode);
+    traits.set(facebook::react::ShadowNodeTraits::MeasurableYogaNode);
+  }
+  return traits;
 }
 
-facebook::react::ShadowNode::Shared AbiViewComponentDescriptor::createShadowNode(
+std::shared_ptr<facebook::react::ShadowNode> 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);
+  shadowNode->Proxy(winrt::make<winrt::Microsoft::ReactNative::implementation::YogaLayoutableShadowNode>(shadowNode));
+  winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+      ->CreateShadowNode(shadowNode->Proxy());
 
+  adopt(*shadowNode);
   return shadowNode;
 }
 
@@ -52,6 +60,10 @@ facebook::react::ShadowNode::Unshared AbiViewComponentDescriptor::cloneShadowNod
     const facebook::react::ShadowNodeFragment &fragment) const {
   auto shadowNode = std::make_shared<ShadowNodeT>(sourceShadowNode, fragment);
 
+  shadowNode->Proxy(winrt::make<winrt::Microsoft::ReactNative::implementation::YogaLayoutableShadowNode>(shadowNode));
+  winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+      ->CloneShadowNode(shadowNode->Proxy(), static_cast<const ShadowNodeT &>(sourceShadowNode).Proxy());
+
   adopt(*shadowNode);
   return shadowNode;
 }
@@ -67,7 +79,7 @@ void AbiViewComponentDescriptor::appendChild(
 facebook::react::Props::Shared AbiViewComponentDescriptor::cloneProps(
     const facebook::react::PropsParserContext &context,
     const facebook::react::Props::Shared &props,
-    const facebook::react::RawProps &rawProps) 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
@@ -77,12 +89,16 @@ facebook::react::Props::Shared AbiViewComponentDescriptor::cloneProps(
     return ShadowNodeT::defaultSharedProps();
   }
 
-  rawProps.parse(rawPropsParser_, context);
+  if constexpr (facebook::react::RawPropsFilterable<ShadowNodeT>) {
+    ShadowNodeT::filterRawProps(rawProps);
+  }
+
+  rawProps.parse(rawPropsParser_);
 
   // 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);
+      context, props ? static_cast<AbiViewProps const &>(*props) : *ShadowNodeT::defaultSharedProps(), rawProps);
   auto viewProps = winrt::make<winrt::Microsoft::ReactNative::implementation::UserViewProps>(shadowNodeProps);
   auto userProps =
       winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
@@ -101,6 +117,15 @@ facebook::react::Props::Shared AbiViewComponentDescriptor::cloneProps(
   return shadowNodeProps;
 };
 
+AbiViewComponentDescriptor::ConcreteStateData AbiViewComponentDescriptor::initialStateData(
+    const facebook::react::Props::Shared &props,
+    const facebook::react::ShadowNodeFamily::Shared & /*family*/,
+    const facebook::react::ComponentDescriptor &componentDescriptor) noexcept {
+  return {winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(
+              static_cast<const AbiViewComponentDescriptor &>(componentDescriptor).m_builder)
+              ->InitialStateData(std::static_pointer_cast<AbiViewProps const>(props)->UserProps())};
+}
+
 facebook::react::State::Shared AbiViewComponentDescriptor::createInitialState(
     facebook::react::Props::Shared const &props,
     facebook::react::ShadowNodeFamily::Shared const &family) const {
@@ -110,7 +135,8 @@ facebook::react::State::Shared AbiViewComponentDescriptor::createInitialState(
   }
 
   return std::make_shared<ConcreteState>(
-      std::make_shared<ConcreteStateData const>(ConcreteShadowNode::initialStateData(props, family, *this)), family);
+      std::make_shared<ConcreteStateData const>(AbiViewComponentDescriptor::initialStateData(props, family, *this)),
+      family);
 }
 
 facebook::react::State::Shared AbiViewComponentDescriptor::createState(
@@ -129,16 +155,10 @@ facebook::react::State::Shared AbiViewComponentDescriptor::createState(
 
 facebook::react::ShadowNodeFamily::Shared AbiViewComponentDescriptor::createFamily(
     facebook::react::ShadowNodeFamilyFragment const &fragment) const {
+  auto eventEmitter = std::make_shared<const ConcreteEventEmitter>(
+      std::make_shared<facebook::react::EventTarget>(fragment.instanceHandle), eventDispatcher_);
   return std::make_shared<facebook::react::ShadowNodeFamily>(
-      facebook::react::ShadowNodeFamilyFragment{fragment.tag, fragment.surfaceId, fragment.instanceHandle},
-      eventDispatcher_,
-      *this);
-}
-
-facebook::react::SharedEventEmitter AbiViewComponentDescriptor::createEventEmitter(
-    facebook::react::InstanceHandle::Shared const &instanceHandle) const {
-  return std::make_shared<ConcreteEventEmitter const>(
-      std::make_shared<facebook::react::EventTarget>(instanceHandle), eventDispatcher_);
+      fragment, std::move(eventEmitter), eventDispatcher_, *this);
 }
 
 /*
@@ -154,8 +174,17 @@ facebook::react::SharedEventEmitter AbiViewComponentDescriptor::createEventEmitt
  * `ModalHostViewComponentDescriptor`.
  */
 void AbiViewComponentDescriptor::adopt(facebook::react::ShadowNode &shadowNode) const {
-  // Default implementation does nothing.
   react_native_assert(shadowNode.getComponentHandle() == getComponentHandle());
+
+  auto &abiViewShadowNode = static_cast<AbiViewShadowNode &>(shadowNode);
+
+  abiViewShadowNode.Builder(m_builder);
+
+  if (winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+          ->MeasureContentHandler()) {
+    abiViewShadowNode.dirtyLayout();
+    abiViewShadowNode.enableMeasurement();
+  }
 }
 
 } // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/AbiViewComponentDescriptor.h

@@ -6,21 +6,11 @@
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <react/renderer/core/ComponentDescriptor.h>
 #include "AbiViewProps.h"
+#include "AbiViewShadowNode.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>;
@@ -39,7 +29,7 @@ class AbiViewComponentDescriptor : public facebook::react::ComponentDescriptor {
   facebook::react::ComponentHandle getComponentHandle() const override;
   facebook::react::ComponentName getComponentName() const override;
   facebook::react::ShadowNodeTraits getTraits() const override;
-  facebook::react::ShadowNode::Shared createShadowNode(
+  std::shared_ptr<facebook::react::ShadowNode> createShadowNode(
       const facebook::react::ShadowNodeFragment &fragment,
       facebook::react::ShadowNodeFamily::Shared const &family) const override;
   facebook::react::ShadowNode::Unshared cloneShadowNode(
@@ -52,7 +42,7 @@ class AbiViewComponentDescriptor : public facebook::react::ComponentDescriptor {
   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::RawProps rawProps) const override;
   virtual facebook::react::State::Shared createInitialState(
       facebook::react::Props::Shared const &props,
       facebook::react::ShadowNodeFamily::Shared const &family) const override;
@@ -63,9 +53,6 @@ class AbiViewComponentDescriptor : public facebook::react::ComponentDescriptor {
   facebook::react::ShadowNodeFamily::Shared createFamily(
       facebook::react::ShadowNodeFamilyFragment const &fragment) const override;
 
-  facebook::react::SharedEventEmitter createEventEmitter(
-      facebook::react::InstanceHandle::Shared const &instanceHandle) const override;
-
  protected:
   /*
    * Called immediately after `ShadowNode` is created or cloned.
@@ -82,6 +69,11 @@ class AbiViewComponentDescriptor : public facebook::react::ComponentDescriptor {
   virtual void adopt(facebook::react::ShadowNode &shadowNode) const;
 
  private:
+  static ConcreteStateData initialStateData(
+      const facebook::react::Props::Shared & /*props*/,
+      const facebook::react::ShadowNodeFamily::Shared & /*family*/,
+      const facebook::react::ComponentDescriptor & /*componentDescriptor*/) noexcept;
+
   winrt::Microsoft::ReactNative::IReactViewComponentBuilder m_builder;
 };
 

package/Microsoft.ReactNative/Fabric/AbiViewProps.cpp

@@ -5,6 +5,13 @@
 
 #include "AbiViewProps.h"
 
+#include <Fabric/Composition/Theme.h>
+#include <JSValueReader.h>
+
+#if __has_include("Color.g.cpp")
+#include "Color.g.cpp"
+#endif
+
 namespace Microsoft::ReactNative {
 
 AbiViewProps::AbiViewProps(
@@ -30,10 +37,86 @@ winrt::Microsoft::ReactNative::IComponentProps AbiViewProps::UserProps() const n
   return m_componentProps;
 }
 
+winrt::Microsoft::ReactNative::ViewProps AbiViewProps::ViewProps() const noexcept {
+  return m_userProps;
+}
+
 } // namespace Microsoft::ReactNative
 
 namespace winrt::Microsoft::ReactNative::implementation {
 
+Color::Color(facebook::react::SharedColor color) : m_color(color) {}
+
+winrt::Windows::UI::Color Color::AsWindowsColor(
+    const winrt::Microsoft::ReactNative::Composition::Theme &theme) noexcept {
+  return winrt::get_self<winrt::Microsoft::ReactNative::Composition::implementation::Theme>(theme)->Color(*m_color);
+}
+winrt::Microsoft::ReactNative::Composition::IBrush Color::AsBrush(
+    const winrt::Microsoft::ReactNative::Composition::Theme theme) noexcept {
+  return winrt::get_self<winrt::Microsoft::ReactNative::Composition::implementation::Theme>(theme)->Brush(*m_color);
+}
+
+winrt::Microsoft::ReactNative::Color Color::ReadValue(
+    const winrt::Microsoft::ReactNative::IJSValueReader &reader) noexcept {
+  switch (reader.ValueType()) {
+    case JSValueType::Int64: {
+      auto argb = reader.GetInt64();
+      return winrt::make<Color>(facebook::react::Color{
+          /*m_isDefined*/ true,
+          /*color*/
+          {static_cast<uint8_t>((argb >> 24) & 0xFF),
+           static_cast<uint8_t>((argb >> 16) & 0xFF),
+           static_cast<uint8_t>((argb >> 8) & 0xFF),
+           static_cast<uint8_t>(argb & 0xFF)},
+          {}});
+    }
+    case JSValueType::Object: {
+      std::vector<std::string> platformColors;
+      winrt::hstring propertyName;
+      while (reader.GetNextObjectProperty(/*out*/ propertyName)) {
+        if (propertyName == L"windowsbrush") {
+          winrt::Microsoft::ReactNative::ReadValue(reader, platformColors);
+        } else {
+          SkipValue<JSValue>(reader); // Skip this property
+        }
+      }
+      return winrt::make<Color>(facebook::react::Color{/*m_isDefined*/ true, /*color*/ {}, std::move(platformColors)});
+    }
+    default:
+      return winrt::make<Color>(facebook::react::Color{/*m_isDefined*/ false, /*color*/ {0, 0, 0, 0}, {}});
+  }
+}
+
+void Color::WriteValue(
+    const winrt::Microsoft::ReactNative::IJSValueWriter &writer,
+    const winrt::Microsoft::ReactNative::Color &color) noexcept {
+  auto self = winrt::get_self<Color>(color);
+  if ((*self->m_color).m_platformColor.empty()) {
+    writer.WriteInt64(
+        ((*self->m_color).m_color.A << 24) & ((*self->m_color).m_color.R << 16) & ((*self->m_color).m_color.G << 8) &
+        (*self->m_color).m_color.B);
+  } else {
+    writer.WriteObjectBegin();
+    writer.WritePropertyName(L"windowsbrush");
+    writer.WriteArrayBegin();
+    for (auto &platformColor : (*self->m_color).m_platformColor) {
+      writer.WriteString(winrt::to_hstring(platformColor));
+    }
+    writer.WriteArrayEnd();
+    writer.WriteObjectEnd();
+  }
+}
+
+winrt::Microsoft::ReactNative::Color Color::Transparent() noexcept {
+  return winrt::make<Color>(facebook::react::clearColor());
+}
+winrt::Microsoft::ReactNative::Color Color::Black() noexcept {
+  return winrt::make<Color>(facebook::react::blackColor());
+}
+winrt::Microsoft::ReactNative::Color Color::White() noexcept {
+  return winrt::make<Color>(facebook::react::whiteColor());
+}
+
 UserViewProps::UserViewProps(std::shared_ptr<::Microsoft::ReactNative::AbiViewProps const> viewProps) noexcept
     : m_viewProps(viewProps.get()) {}
 
@@ -45,4 +128,18 @@ float UserViewProps::Opacity() noexcept {
   return m_viewProps ? m_viewProps->opacity : 1.0f;
 }
 
+winrt::Microsoft::ReactNative::Color UserViewProps::BackgroundColor() noexcept {
+  return winrt::make<Color>(m_viewProps ? m_viewProps->backgroundColor : facebook::react::clearColor());
+}
+
+ViewProps::ViewProps(facebook::react::SharedViewProps props) noexcept : m_props(props) {}
+
+float ViewProps::Opacity() noexcept {
+  return m_props->opacity;
+}
+
+winrt::Microsoft::ReactNative::Color ViewProps::BackgroundColor() noexcept {
+  return winrt::make<Color>(m_props->backgroundColor);
+}
+
 } // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/AbiViewProps.h

@@ -3,6 +3,7 @@
 
 #pragma once
 
+#include "Color.g.h"
 #include "ViewProps.g.h"
 
 #include <react/renderer/components/view/ViewProps.h>
@@ -23,6 +24,7 @@ class AbiViewProps final : public facebook::react::ViewProps {
       winrt::Microsoft::ReactNative::IComponentProps componentProps,
       winrt::Microsoft::ReactNative::ViewProps userProps) noexcept;
   winrt::Microsoft::ReactNative::IComponentProps UserProps() const noexcept;
+  winrt::Microsoft::ReactNative::ViewProps ViewProps() const noexcept;
 
  private:
   winrt::Microsoft::ReactNative::IComponentProps m_componentProps{nullptr};
@@ -33,10 +35,31 @@ class AbiViewProps final : public facebook::react::ViewProps {
 
 namespace winrt::Microsoft::ReactNative::implementation {
 
+struct Color : ColorT<Color> {
+  Color(facebook::react::SharedColor color);
+
+  winrt::Windows::UI::Color AsWindowsColor(const winrt::Microsoft::ReactNative::Composition::Theme &theme) noexcept;
+  winrt::Microsoft::ReactNative::Composition::IBrush AsBrush(
+      const winrt::Microsoft::ReactNative::Composition::Theme theme) noexcept;
+
+  static winrt::Microsoft::ReactNative::Color ReadValue(
+      const winrt::Microsoft::ReactNative::IJSValueReader &reader) noexcept;
+  static void WriteValue(
+      const winrt::Microsoft::ReactNative::IJSValueWriter &writer,
+      const winrt::Microsoft::ReactNative::Color &value) noexcept;
+  static winrt::Microsoft::ReactNative::Color Transparent() noexcept;
+  static winrt::Microsoft::ReactNative::Color Black() noexcept;
+  static winrt::Microsoft::ReactNative::Color White() noexcept;
+
+ private:
+  facebook::react::SharedColor m_color;
+};
+
 struct UserViewProps : ViewPropsT<UserViewProps> {
   UserViewProps(std::shared_ptr<::Microsoft::ReactNative::AbiViewProps const> viewProps) noexcept;
 
   float Opacity() noexcept;
+  winrt::Microsoft::ReactNative::Color BackgroundColor() noexcept;
 
   void Disconnect() noexcept;
 
@@ -45,4 +68,20 @@ struct UserViewProps : ViewPropsT<UserViewProps> {
   ::Microsoft::ReactNative::AbiViewProps const *m_viewProps{nullptr};
 };
 
+struct ViewProps : ViewPropsT<ViewProps> {
+  ViewProps(facebook::react::SharedViewProps props) noexcept;
+
+  float Opacity() noexcept;
+  winrt::Microsoft::ReactNative::Color BackgroundColor() noexcept;
+
+ private:
+  facebook::react::SharedViewProps m_props;
+};
+
 } // namespace winrt::Microsoft::ReactNative::implementation
+
+namespace winrt::Microsoft::ReactNative::factory_implementation {
+
+struct Color : ColorT<Color, implementation::Color> {};
+
+} // namespace winrt::Microsoft::ReactNative::factory_implementation

package/Microsoft.ReactNative/Fabric/AbiViewShadowNode.cpp

@@ -0,0 +1,90 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#include "AbiViewShadowNode.h"
+
+#include <Fabric/Composition/ReactCompositionViewComponentBuilder.h>
+#include <react/debug/react_native_assert.h>
+#include <react/renderer/core/LayoutConstraints.h>
+#include <react/renderer/core/LayoutContext.h>
+#include <react/renderer/core/conversions.h>
+
+#include <utility>
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+YogaLayoutableShadowNode::YogaLayoutableShadowNode(facebook::react::ShadowNode::Shared shadowNode) noexcept
+    : base_type(shadowNode) {}
+
+void YogaLayoutableShadowNode::Layout(winrt::Microsoft::ReactNative::LayoutContext layoutContext) noexcept {
+  std::const_pointer_cast<facebook::react::YogaLayoutableShadowNode>(
+      std::dynamic_pointer_cast<const facebook::react::YogaLayoutableShadowNode>(m_shadowNode))
+      ->facebook::react::YogaLayoutableShadowNode::layout(
+          winrt::get_self<winrt::Microsoft::ReactNative::implementation::LayoutContext>(layoutContext)
+              ->m_layoutContext);
+}
+
+} // namespace winrt::Microsoft::ReactNative::implementation
+
+namespace Microsoft::ReactNative {
+
+extern const char AbiViewComponentName[] = "AbiView";
+
+facebook::react::Size AbiViewShadowNode::measureContent(
+    const facebook::react::LayoutContext &layoutContext,
+    const facebook::react::LayoutConstraints &layoutConstraints) const {
+  if (auto measureContent =
+          winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+              ->MeasureContentHandler()) {
+    winrt::Microsoft::ReactNative::LayoutConstraints winrtLayoutContraints;
+    static_assert(
+        winrt::Microsoft::ReactNative::LayoutDirection::Undefined ==
+        static_cast<winrt::Microsoft::ReactNative::LayoutDirection>(facebook::react::LayoutDirection::Undefined));
+    static_assert(
+        winrt::Microsoft::ReactNative::LayoutDirection::LeftToRight ==
+        static_cast<winrt::Microsoft::ReactNative::LayoutDirection>(facebook::react::LayoutDirection::LeftToRight));
+    static_assert(
+        winrt::Microsoft::ReactNative::LayoutDirection::RightToLeft ==
+        static_cast<winrt::Microsoft::ReactNative::LayoutDirection>(facebook::react::LayoutDirection::RightToLeft));
+    winrtLayoutContraints.LayoutDirection =
+        static_cast<winrt::Microsoft::ReactNative::LayoutDirection>(layoutConstraints.layoutDirection);
+    winrtLayoutContraints.MaximumSize = {layoutConstraints.maximumSize.width, layoutConstraints.maximumSize.height};
+    winrtLayoutContraints.MinimumSize = {layoutConstraints.minimumSize.width, layoutConstraints.minimumSize.height};
+
+    auto size = measureContent(
+        m_proxy,
+        winrt::make<winrt::Microsoft::ReactNative::implementation::LayoutContext>(layoutContext),
+        winrtLayoutContraints);
+    return {size.Width, size.Height};
+  }
+
+  return ConcreteViewShadowNode::measureContent(layoutContext, layoutConstraints);
+}
+
+void AbiViewShadowNode::layout(facebook::react::LayoutContext layoutContext) {
+  if (auto layoutHandler =
+          winrt::get_self<winrt::Microsoft::ReactNative::Composition::ReactCompositionViewComponentBuilder>(m_builder)
+              ->LayoutHandler()) {
+    layoutHandler(m_proxy, winrt::make<winrt::Microsoft::ReactNative::implementation::LayoutContext>(layoutContext));
+  } else {
+    ConcreteViewShadowNode::layout(layoutContext);
+  }
+}
+
+void AbiViewShadowNode::Builder(winrt::Microsoft::ReactNative::IReactViewComponentBuilder builder) noexcept {
+  m_builder = builder;
+}
+
+winrt::Microsoft::ReactNative::IReactViewComponentBuilder AbiViewShadowNode::Builder() const noexcept {
+  return m_builder;
+}
+
+void AbiViewShadowNode::Proxy(winrt::Microsoft::ReactNative::ShadowNode proxy) noexcept {
+  m_proxy = proxy;
+}
+
+winrt::Microsoft::ReactNative::ShadowNode AbiViewShadowNode::Proxy() const noexcept {
+  return m_proxy;
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/AbiViewShadowNode.h

@@ -0,0 +1,87 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "LayoutContext.g.h"
+#include "ShadowNode.g.h"
+#include "YogaLayoutableShadowNode.g.h"
+#include <react/components/rnwcore/EventEmitters.h>
+#include <unordered_map>
+#include "AbiShadowNode.h"
+#include "AbiState.h"
+#include "AbiViewProps.h"
+
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <react/renderer/core/LayoutContext.h>
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+struct LayoutContext : LayoutContextT<LayoutContext> {
+  LayoutContext(facebook::react::LayoutContext layoutContext) : m_layoutContext(layoutContext){};
+
+  float PointScaleFactor() const noexcept {
+    return m_layoutContext.pointScaleFactor;
+  }
+  void PointScaleFactor(float value) noexcept {
+    m_layoutContext.pointScaleFactor = value;
+  }
+  bool SwapLeftAndRightInRTL() const noexcept {
+    return m_layoutContext.swapLeftAndRightInRTL;
+  }
+  void SwapLeftAndRightInRTL(bool value) noexcept {
+    m_layoutContext.swapLeftAndRightInRTL = value;
+  }
+  float FontSizeMultiplier() const noexcept {
+    return m_layoutContext.fontSizeMultiplier;
+  }
+  void FontSizeMultiplier(float value) noexcept {
+    m_layoutContext.fontSizeMultiplier = value;
+  }
+  winrt::Windows::Foundation::Point ViewportOffset() const noexcept {
+    return {m_layoutContext.viewportOffset.x, m_layoutContext.viewportOffset.y};
+  }
+  void ViewportOffset(winrt::Windows::Foundation::Point value) noexcept {
+    m_layoutContext.viewportOffset = {value.X, value.Y};
+  }
+
+  facebook::react::LayoutContext m_layoutContext;
+};
+
+struct YogaLayoutableShadowNode : YogaLayoutableShadowNodeT<YogaLayoutableShadowNode, implementation::ShadowNode> {
+  YogaLayoutableShadowNode(facebook::react::ShadowNode::Shared shadowNode) noexcept;
+
+  void Layout(winrt::Microsoft::ReactNative::LayoutContext layoutContext) noexcept;
+};
+
+} // namespace winrt::Microsoft::ReactNative::implementation
+
+namespace Microsoft::ReactNative {
+
+extern const char AbiViewComponentName[];
+
+class AbiViewShadowNode final : public facebook::react::ConcreteViewShadowNode<
+                                    AbiViewComponentName,
+                                    AbiViewProps,
+                                    facebook::react::ViewEventEmitter,
+                                    Microsoft::ReactNative::AbiStateData> {
+ public:
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  facebook::react::Size measureContent(
+      const facebook::react::LayoutContext &layoutContext,
+      const facebook::react::LayoutConstraints &layoutConstraints) const override;
+  void layout(facebook::react::LayoutContext layoutContext) override;
+
+  void OnClone(const facebook::react::ShadowNode &sourceShadowNode) noexcept;
+  void Builder(winrt::Microsoft::ReactNative::IReactViewComponentBuilder builder) noexcept;
+  winrt::Microsoft::ReactNative::IReactViewComponentBuilder Builder() const noexcept;
+  void Proxy(winrt::Microsoft::ReactNative::ShadowNode handle) noexcept;
+  winrt::Microsoft::ReactNative::ShadowNode Proxy() const noexcept;
+
+ private:
+  winrt::Microsoft::ReactNative::ShadowNode m_proxy{nullptr};
+  winrt::Microsoft::ReactNative::IReactViewComponentBuilder m_builder{nullptr};
+};
+
+} // namespace Microsoft::ReactNative