react-native-windows 0.0.0-canary.461 → 0.0.0-canary.464

package/Libraries/Pressability/Pressability.windows.js

@@ -486,7 +486,6 @@ export default class Pressability {
 
       onResponderGrant: (event: PressEvent): void => {
         event.persist();
-
         this._cancelPressOutDelayTimeout();
 
         this._responderID = event.currentTarget;
@@ -771,7 +770,8 @@ export default class Pressability {
         this._deactivate(event);
       }
       const {onLongPress, onPress, android_disableSound} = this._config;
-      if (onPress != null) {
+
+      if (onPress != null && getTouchFromPressEvent(event).button === 0) {
         const isPressCanceledByLongPress =
           onLongPress != null &&
           prevState === 'RESPONDER_ACTIVE_LONG_PRESS_IN' &&
@@ -790,17 +790,17 @@ export default class Pressability {
 
   _activate(event: PressEvent): void {
     const {onPressIn} = this._config;
-    const {pageX, pageY} = getTouchFromPressEvent(event);
+    const {pageX, pageY, button} = getTouchFromPressEvent(event);
     this._touchActivatePosition = {pageX, pageY};
     this._touchActivateTime = Date.now();
-    if (onPressIn != null) {
+    if (onPressIn != null && button === 0) {
       onPressIn(event);
     }
   }
 
   _deactivate(event: PressEvent): void {
     const {onPressOut} = this._config;
-    if (onPressOut != null) {
+    if (onPressOut != null && getTouchFromPressEvent(event).button === 0) {
       const minPressDuration = normalizeDelay(
         this._config.minPressDuration,
         0,

package/Microsoft.ReactNative/Fabric/ComponentView.h

@@ -39,6 +39,7 @@ struct IComponentView {
   virtual void finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept = 0;
   virtual void prepareForRecycle() noexcept = 0;
   virtual facebook::react::SharedProps props() noexcept = 0;
+  virtual void handleCommand(std::string const &commandName, folly::dynamic const &arg) noexcept = 0;
 };
 
 } // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/ComponentViewRegistry.cpp

@@ -13,6 +13,7 @@
 #include <react/components/rnwcore/ShadowNodes.h>
 #include <react/renderer/components/image/ImageShadowNode.h>
 #include <react/renderer/components/root/RootShadowNode.h>
+#include <react/renderer/components/slider/SliderShadowNode.h>
 #include <react/renderer/components/text/ParagraphShadowNode.h>
 #include <react/renderer/components/text/RawTextShadowNode.h>
 #include <react/renderer/components/text/TextShadowNode.h>
@@ -23,6 +24,8 @@
 #include "ImageComponentView.h"
 #include "ParagraphComponentView.h"
 #include "ScrollViewComponentView.h"
+#include "SliderComponentView.h"
+#include "SwitchComponentView.h"
 #include "TextComponentView.h"
 #include "ViewComponentView.h"
 #include "XamlView.h"
@@ -48,6 +51,10 @@ ComponentViewDescriptor const &ComponentViewRegistry::dequeueComponentViewWithCo
     view = std::make_shared<ScrollViewComponentView>();
   } else if (componentHandle == facebook::react::ImageShadowNode::Handle()) {
     view = std::make_shared<ImageComponentView>(m_context);
+  } else if (componentHandle == facebook::react::SliderShadowNode::Handle()) {
+    view = std::make_shared<SliderComponentView>(m_context);
+  } else if (componentHandle == facebook::react::SwitchShadowNode::Handle()) {
+    view = std::make_shared<SwitchComponentView>(m_context);
   } else if (componentHandle == facebook::react::ActivityIndicatorViewShadowNode::Handle()) {
     view = std::make_shared<ActivityIndicatorComponentView>();
   } else {
@@ -80,6 +87,6 @@ void ComponentViewRegistry::enqueueComponentViewWithComponentHandle(
   assert(m_registry.find(tag) != m_registry.end());
 
   m_registry.erase(tag);
-  SetTag(static_cast<ViewComponentView &>(*componentViewDescriptor.view).Element(), nullptr);
+  SetTag(static_cast<ViewComponentView &>(*componentViewDescriptor.view).Element(), InvalidTag);
 }
 } // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/FabricUIManagerModule.cpp

@@ -17,6 +17,7 @@
 #include <react/components/rnwcore/ComponentDescriptors.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 #include <react/renderer/components/image/ImageComponentDescriptor.h>
+#include <react/renderer/components/slider/SliderComponentDescriptor.h>
 #include <react/renderer/components/text/ParagraphComponentDescriptor.h>
 #include <react/renderer/components/text/RawTextComponentDescriptor.h>
 #include <react/renderer/components/text/TextComponentDescriptor.h>
@@ -142,6 +143,10 @@ std::shared_ptr<facebook::react::ComponentDescriptorProviderRegistry const> shar
         facebook::react::concreteComponentDescriptorProvider<facebook::react::RawTextComponentDescriptor>());
     providerRegistry->add(
         facebook::react::concreteComponentDescriptorProvider<facebook::react::ScrollViewComponentDescriptor>());
+    providerRegistry->add(
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::SliderComponentDescriptor>());
+    providerRegistry->add(
+        facebook::react::concreteComponentDescriptorProvider<facebook::react::SwitchComponentDescriptor>());
     providerRegistry->add(
         facebook::react::concreteComponentDescriptorProvider<facebook::react::TextComponentDescriptor>());
     providerRegistry->add(
@@ -200,6 +205,9 @@ void FabricUIManager::installFabricUIManager() noexcept {
   toolbox.runtimeExecutor = runtimeExecutor;
   toolbox.synchronousEventBeatFactory = synchronousBeatFactory;
   toolbox.asynchronousEventBeatFactory = asynchronousBeatFactory;
+  // We currently rely on using XAML elements to perform measure/layout,
+  // which requires that the background thread also be the UI thread
+  /*
   toolbox.backgroundExecutor = [context = m_context,
                                 dispatcher = Mso::DispatchQueue::MakeLooperQueue()](std::function<void()> &&callback) {
     if (context.UIDispatcher().HasThreadAccess()) {
@@ -209,6 +217,15 @@ void FabricUIManager::installFabricUIManager() noexcept {
 
     dispatcher.Post(std::move(callback));
   };
+  */
+  toolbox.backgroundExecutor = [context = m_context](std::function<void()> &&callback) {
+    if (context.UIDispatcher().HasThreadAccess()) {
+      callback();
+      return;
+    }
+
+    context.UIDispatcher().Post(std::move(callback));
+  };
 
   m_scheduler = std::make_shared<facebook::react::Scheduler>(
       toolbox, (/*animationDriver_ ? animationDriver_.get() :*/ nullptr), this);
@@ -477,7 +494,18 @@ void FabricUIManager::schedulerDidDispatchCommand(
     facebook::react::ShadowView const &shadowView,
     std::string const &commandName,
     folly::dynamic const &arg) {
-  assert(false);
+  if (m_context.UIDispatcher().HasThreadAccess()) {
+    auto descriptor = m_registry.componentViewDescriptorWithTag(shadowView.tag);
+    descriptor.view->handleCommand(commandName, arg);
+  } else {
+    m_context.UIDispatcher().Post(
+        [wkThis = weak_from_this(), commandName, tag = shadowView.tag, args = folly::dynamic(arg)]() {
+          if (auto pThis = wkThis.lock()) {
+            auto descriptor = pThis->m_registry.componentViewDescriptorWithTag(tag);
+            descriptor.view->handleCommand(commandName, args);
+          }
+        });
+  }
 }
 
 void FabricUIManager::schedulerDidSetIsJSResponder(

package/Microsoft.ReactNative/Fabric/SliderComponentView.cpp

@@ -0,0 +1,107 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "SliderComponentView.h"
+
+#include <UI.Xaml.Controls.Primitives.h>
+#include <Utils/ValueUtils.h>
+
+#include <IReactContext.h>
+
+#include <react/renderer/components/rnwcore/EventEmitters.h>
+
+namespace Microsoft::ReactNative {
+
+SliderComponentView::SliderComponentView(winrt::Microsoft::ReactNative::ReactContext const &reactContext)
+    : m_context(reactContext), m_element(xaml::Controls::Slider()) {
+  m_valueChangedRevoker = m_element.ValueChanged(winrt::auto_revoke, [this](auto sender, auto args) {
+    if (m_props->value != m_element.Value()) {
+      if (m_eventEmitter) {
+        auto emitter = std::static_pointer_cast<const facebook::react::SliderEventEmitter>(m_eventEmitter);
+        facebook::react::SliderEventEmitter::OnValueChange onValueChangeArgs;
+        onValueChangeArgs.value = m_element.Value();
+        emitter->onValueChange(onValueChangeArgs);
+      }
+    }
+  });
+
+  static auto const defaultProps = std::make_shared<facebook::react::SliderProps const>();
+  m_props = defaultProps;
+}
+
+std::vector<facebook::react::ComponentDescriptorProvider>
+SliderComponentView::supplementalComponentDescriptorProviders() noexcept {
+  return {};
+}
+
+void SliderComponentView::mountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept {
+  assert(false);
+  // m_element->Children().InsertAt(index, static_cast<const BaseComponentView &>(childComponentView).Element());
+}
+
+void SliderComponentView::unmountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept {
+  assert(false);
+  // m_element->Children().RemoveAt(index);
+}
+
+void SliderComponentView::updateProps(
+    facebook::react::Props::Shared const &props,
+    facebook::react::Props::Shared const &oldProps) noexcept {
+  const auto &oldSliderProps = *std::static_pointer_cast<const facebook::react::SliderProps>(m_props);
+  const auto &newSliderProps = *std::static_pointer_cast<const facebook::react::SliderProps>(props);
+
+  if (oldSliderProps.value != newSliderProps.value) {
+    m_element.Value(newSliderProps.value);
+  }
+
+  if (oldSliderProps.maximumValue != newSliderProps.maximumValue) {
+    m_element.Maximum(newSliderProps.maximumValue);
+  }
+
+  if (oldSliderProps.minimumValue != newSliderProps.minimumValue) {
+    m_element.Minimum(newSliderProps.minimumValue);
+  }
+
+  if (oldSliderProps.disabled != newSliderProps.disabled) {
+    m_element.IsEnabled(!newSliderProps.disabled);
+  }
+
+  // TODO tint colors
+
+  m_props = std::static_pointer_cast<facebook::react::SliderProps const>(props);
+}
+
+void SliderComponentView::updateState(
+    facebook::react::State::Shared const &state,
+    facebook::react::State::Shared const &oldState) noexcept {}
+
+void SliderComponentView::updateLayoutMetrics(
+    facebook::react::LayoutMetrics const &layoutMetrics,
+    facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept {
+  // Set Position & Size Properties
+
+  m_layoutMetrics = layoutMetrics;
+
+  winrt::Microsoft::ReactNative::ViewPanel::SetLeft(m_element, layoutMetrics.frame.origin.x);
+  winrt::Microsoft::ReactNative::ViewPanel::SetTop(m_element, layoutMetrics.frame.origin.y);
+
+  m_element.Width(layoutMetrics.frame.size.width);
+  m_element.Height(layoutMetrics.frame.size.height);
+}
+
+void SliderComponentView::finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept {}
+
+void SliderComponentView::prepareForRecycle() noexcept {}
+facebook::react::SharedProps SliderComponentView::props() noexcept {
+  assert(false);
+  return {};
+}
+
+const xaml::FrameworkElement SliderComponentView::Element() const noexcept {
+  return m_element;
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/SliderComponentView.h

@@ -0,0 +1,51 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "ComponentView.h"
+
+#include <Microsoft.ReactNative.Cxx/ReactContext.h>
+#include <UI.Xaml.Controls.h>
+#include <react/renderer/components/rnwcore/Props.h>
+#include "ViewComponentView.h"
+
+#pragma warning(push)
+#pragma warning(disable : 4244 4305)
+//#include <react/renderer/components/view/ViewProps.h>
+#pragma warning(pop)
+
+namespace Microsoft::ReactNative {
+
+struct SliderComponentView : BaseComponentView {
+  using Super = BaseComponentView;
+  SliderComponentView(winrt::Microsoft::ReactNative::ReactContext const &reactContext);
+
+  std::vector<facebook::react::ComponentDescriptorProvider> supplementalComponentDescriptorProviders() noexcept
+      override;
+  void mountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept override;
+  void unmountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept override;
+  void updateProps(facebook::react::Props::Shared const &props, facebook::react::Props::Shared const &oldProps) noexcept
+      override;
+  void updateState(facebook::react::State::Shared const &state, facebook::react::State::Shared const &oldState) noexcept
+      override;
+  void updateLayoutMetrics(
+      facebook::react::LayoutMetrics const &layoutMetrics,
+      facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept override;
+  void finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept override;
+  void prepareForRecycle() noexcept override;
+  facebook::react::SharedProps props() noexcept override;
+
+  const xaml::FrameworkElement Element() const noexcept override;
+
+ private:
+  bool m_needsOnLoadStart{false};
+  std::shared_ptr<facebook::react::SliderProps const> m_props;
+  facebook::react::LayoutMetrics m_layoutMetrics;
+  xaml::Controls::Slider m_element;
+  xaml::Controls::Slider::ValueChanged_revoker m_valueChangedRevoker;
+  winrt::Microsoft::ReactNative::ReactContext m_context;
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/SwitchComponentView.cpp

@@ -0,0 +1,109 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "SwitchComponentView.h"
+
+#include <Utils/ValueUtils.h>
+
+#include <IReactContext.h>
+
+#include <react/renderer/components/rnwcore/EventEmitters.h>
+
+namespace Microsoft::ReactNative {
+
+SwitchComponentView::SwitchComponentView(winrt::Microsoft::ReactNative::ReactContext const &reactContext)
+    : m_context(reactContext), m_element(xaml::Controls::ToggleSwitch()) {
+  m_element.OnContent(nullptr);
+  m_element.OffContent(nullptr);
+
+  m_toggledRevoker = m_element.Toggled(winrt::auto_revoke, [this](auto sender, auto args) {
+    if (m_props->value != m_element.IsOn()) {
+      if (m_eventEmitter) {
+        auto emitter = std::static_pointer_cast<const facebook::react::SwitchEventEmitter>(m_eventEmitter);
+        facebook::react::SwitchEventEmitter::OnChange onChangeArgs;
+        onChangeArgs.value = m_element.IsOn();
+        emitter->onChange(onChangeArgs);
+      }
+    }
+  });
+
+  static auto const defaultProps = std::make_shared<facebook::react::SwitchProps const>();
+  m_props = defaultProps;
+}
+
+void SwitchComponentView::handleCommand(std::string const &commandName, folly::dynamic const &arg) noexcept {
+  if (commandName == "setValue") {
+    m_element.IsOn(arg[0].asBool());
+  } else {
+    Super::handleCommand(commandName, arg);
+  }
+}
+
+std::vector<facebook::react::ComponentDescriptorProvider>
+SwitchComponentView::supplementalComponentDescriptorProviders() noexcept {
+  return {};
+}
+
+void SwitchComponentView::mountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept {
+  assert(false);
+  // m_element->Children().InsertAt(index, static_cast<const BaseComponentView &>(childComponentView).Element());
+}
+
+void SwitchComponentView::unmountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept {
+  assert(false);
+  // m_element->Children().RemoveAt(index);
+}
+
+void SwitchComponentView::updateProps(
+    facebook::react::Props::Shared const &props,
+    facebook::react::Props::Shared const &oldProps) noexcept {
+  const auto &oldSwitchProps = *std::static_pointer_cast<const facebook::react::SwitchProps>(m_props);
+  const auto &newSwitchProps = *std::static_pointer_cast<const facebook::react::SwitchProps>(props);
+
+  if (oldSwitchProps.value != newSwitchProps.value) {
+    m_element.IsOn(newSwitchProps.value);
+  }
+
+  if (oldSwitchProps.disabled != newSwitchProps.disabled) {
+    m_element.IsEnabled(!newSwitchProps.disabled);
+  }
+
+  // TODO tint colors
+
+  m_props = std::static_pointer_cast<facebook::react::SwitchProps const>(props);
+}
+
+void SwitchComponentView::updateState(
+    facebook::react::State::Shared const &state,
+    facebook::react::State::Shared const &oldState) noexcept {}
+
+void SwitchComponentView::updateLayoutMetrics(
+    facebook::react::LayoutMetrics const &layoutMetrics,
+    facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept {
+  // Set Position & Size Properties
+
+  m_layoutMetrics = layoutMetrics;
+
+  winrt::Microsoft::ReactNative::ViewPanel::SetLeft(m_element, layoutMetrics.frame.origin.x);
+  winrt::Microsoft::ReactNative::ViewPanel::SetTop(m_element, layoutMetrics.frame.origin.y);
+
+  m_element.Width(layoutMetrics.frame.size.width);
+  m_element.Height(layoutMetrics.frame.size.height);
+}
+
+void SwitchComponentView::finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept {}
+
+void SwitchComponentView::prepareForRecycle() noexcept {}
+facebook::react::SharedProps SwitchComponentView::props() noexcept {
+  assert(false);
+  return {};
+}
+
+const xaml::FrameworkElement SwitchComponentView::Element() const noexcept {
+  return m_element;
+}
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/SwitchComponentView.h

@@ -0,0 +1,52 @@
+
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+#pragma once
+
+#include "ComponentView.h"
+
+#include <Microsoft.ReactNative.Cxx/ReactContext.h>
+#include <UI.Xaml.Controls.h>
+#include <react/renderer/components/rnwcore/Props.h>
+#include "ViewComponentView.h"
+
+#pragma warning(push)
+#pragma warning(disable : 4244 4305)
+//#include <react/renderer/components/view/ViewProps.h>
+#pragma warning(pop)
+
+namespace Microsoft::ReactNative {
+
+struct SwitchComponentView : BaseComponentView {
+  using Super = BaseComponentView;
+  SwitchComponentView(winrt::Microsoft::ReactNative::ReactContext const &reactContext);
+
+  std::vector<facebook::react::ComponentDescriptorProvider> supplementalComponentDescriptorProviders() noexcept
+      override;
+  void mountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept override;
+  void unmountChildComponentView(const IComponentView &childComponentView, uint32_t index) noexcept override;
+  void updateProps(facebook::react::Props::Shared const &props, facebook::react::Props::Shared const &oldProps) noexcept
+      override;
+  void updateState(facebook::react::State::Shared const &state, facebook::react::State::Shared const &oldState) noexcept
+      override;
+  void updateLayoutMetrics(
+      facebook::react::LayoutMetrics const &layoutMetrics,
+      facebook::react::LayoutMetrics const &oldLayoutMetrics) noexcept override;
+  void finalizeUpdates(RNComponentViewUpdateMask updateMask) noexcept override;
+  void prepareForRecycle() noexcept override;
+  facebook::react::SharedProps props() noexcept override;
+  void handleCommand(std::string const &commandName, folly::dynamic const &arg) noexcept override;
+
+  const xaml::FrameworkElement Element() const noexcept override;
+
+ private:
+  bool m_needsOnLoadStart{false};
+  std::shared_ptr<facebook::react::SwitchProps const> m_props;
+  facebook::react::LayoutMetrics m_layoutMetrics;
+  xaml::Controls::ToggleSwitch m_element;
+  xaml::Controls::ToggleSwitch::Toggled_revoker m_toggledRevoker;
+  winrt::Microsoft::ReactNative::ReactContext m_context;
+};
+
+} // namespace Microsoft::ReactNative

package/Microsoft.ReactNative/Fabric/ViewComponentView.cpp

@@ -20,6 +20,10 @@ const facebook::react::SharedViewEventEmitter &BaseComponentView::GetEventEmitte
   return m_eventEmitter;
 }
 
+void BaseComponentView::handleCommand(std::string const &commandName, folly::dynamic const &arg) noexcept {
+  assert(false); // Unhandled command
+}
+
 ViewComponentView::ViewComponentView() {
   static auto const defaultProps = std::make_shared<facebook::react::ViewProps const>();
   m_props = defaultProps;

package/Microsoft.ReactNative/Fabric/ViewComponentView.h

@@ -14,6 +14,7 @@ struct BaseComponentView : IComponentView {
   virtual const xaml::FrameworkElement Element() const noexcept = 0;
   void updateEventEmitter(facebook::react::EventEmitter::Shared const &eventEmitter) noexcept override;
   const facebook::react::SharedViewEventEmitter &GetEventEmitter() const noexcept;
+  void handleCommand(std::string const &commandName, folly::dynamic const &arg) noexcept override;
 
  protected:
   facebook::react::SharedViewEventEmitter m_eventEmitter;

package/Microsoft.ReactNative/Fabric/platform/react/renderer/components/rncore/EventEmitters.h

@@ -0,0 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+// RN has some weird include directory redirections..this forwards the include to the right place
+#include <react/components/rnwcore/EventEmitters.h>

package/Microsoft.ReactNative/Fabric/platform/react/renderer/components/rncore/Props.h

@@ -0,0 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+// RN has some weird include directory redirections..this forwards the include to the right place
+#include <react/components/rnwcore/Props.h>

package/Microsoft.ReactNative/Fabric/platform/react/renderer/components/slider/SliderMeasurementsManager.cpp

@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "SliderMeasurementsManager.h"
+
+#include <react/renderer/core/conversions.h>
+#include <winrt/Windows.Foundation.Collections.h>
+#include <winrt/Windows.UI.Xaml.Interop.h>
+
+namespace facebook::react {
+
+Size SliderMeasurementsManager::measure(SurfaceId surfaceId, LayoutConstraints layoutConstraints) const {
+  if (!m_slider) {
+    m_slider = xaml::Controls::Slider();
+    xaml::Style sliderStyle;
+    xaml::Application::Current()
+        .Resources()
+        .TryLookup(winrt::box_value(winrt::xaml_typename<xaml::Controls::Slider>()))
+        .as(sliderStyle);
+    m_slider.Style(sliderStyle);
+  }
+
+  winrt::Windows::Foundation::Size availiableSize(
+      layoutConstraints.maximumSize.width, layoutConstraints.maximumSize.height);
+
+  m_slider.Measure(availiableSize);
+  auto size = m_slider.DesiredSize();
+  return {static_cast<float>(size.Width), static_cast<float>(size.Height)};
+}
+
+} // namespace facebook::react

package/Microsoft.ReactNative/Fabric/platform/react/renderer/components/slider/SliderMeasurementsManager.h

@@ -0,0 +1,30 @@
+#pragma once
+
+#include <CppWinrtIncludes.h>
+#include <UI.Xaml.Controls.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/core/LayoutConstraints.h>
+#include <react/utils/ContextContainer.h>
+
+namespace facebook::react {
+
+/**
+ * Class that manages slider measurements across platforms.
+ * On iOS it is a noop, since the height is passed in from JS on iOS only.
+ */
+class SliderMeasurementsManager {
+ public:
+  SliderMeasurementsManager(const ContextContainer::Shared &contextContainer) : m_contextContainer(contextContainer) {}
+
+  static inline bool shouldMeasureSlider() {
+    return true;
+  }
+
+  Size measure(SurfaceId surfaceId, LayoutConstraints layoutConstraints) const;
+
+ private:
+  ContextContainer::Shared m_contextContainer;
+  mutable xaml::Controls::Slider m_slider{nullptr};
+};
+
+} // namespace facebook::react