react-native-windows 0.77.3 → 0.77.4

package/Microsoft.ReactNative/Fabric/Composition/CompositionDynamicAutomationProvider.h

@@ -16,6 +16,7 @@ class CompositionDynamicAutomationProvider : public winrt::implements<
                                                  IInvokeProvider,
                                                  IScrollItemProvider,
                                                  IValueProvider,
+                                                 IRangeValueProvider,
                                                  IToggleProvider,
                                                  IExpandCollapseProvider,
                                                  ISelectionProvider,
@@ -50,6 +51,14 @@ class CompositionDynamicAutomationProvider : public winrt::implements<
   virtual HRESULT __stdcall get_Value(BSTR *pRetVal) override;
   virtual HRESULT __stdcall get_IsReadOnly(BOOL *pRetVal) override;
 
+  // inherited via IRangeValueProvider
+  virtual HRESULT __stdcall get_LargeChange(double *pRetVal) override;
+  virtual HRESULT __stdcall get_Maximum(double *pRetVal) override;
+  virtual HRESULT __stdcall get_Minimum(double *pRetVal) override;
+  virtual HRESULT __stdcall get_SmallChange(double *pRetVal) override;
+  virtual HRESULT __stdcall get_Value(double *pRetVal) override;
+  virtual HRESULT __stdcall SetValue(double val) override;
+
   // inherited via IToggleProvider
   virtual HRESULT __stdcall get_ToggleState(ToggleState *pRetVal) override;
   virtual HRESULT __stdcall Toggle() override;
@@ -76,6 +85,7 @@ class CompositionDynamicAutomationProvider : public winrt::implements<
 
  private:
   ::Microsoft::ReactNative::ReactTaggedView m_view;
+  winrt::com_ptr<ITextProvider2> m_textProvider;
   std::vector<winrt::com_ptr<IRawElementProviderSimple>> m_selectionItems;
 };
 

package/Microsoft.ReactNative/Fabric/Composition/CompositionTextProvider.cpp

@@ -0,0 +1,115 @@
+#include "pch.h"
+#include <Fabric/ComponentView.h>
+#include <Fabric/Composition/ParagraphComponentView.h>
+#include <Fabric/Composition/TextInput/WindowsTextInputComponentView.h>
+#include <Unicode.h>
+#include "CompositionTextRangeProvider.h"
+#include "RootComponentView.h"
+#include "UiaHelpers.h"
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+CompositionTextProvider::CompositionTextProvider(
+    const winrt::Microsoft::ReactNative::Composition::ComponentView &componentView,
+    CompositionDynamicAutomationProvider *parentProvider) noexcept
+    : m_view{componentView} {
+  m_parentProvider.copy_from(parentProvider);
+  EnsureTextRangeProvider();
+}
+
+void CompositionTextProvider::EnsureTextRangeProvider() {
+  auto strongView = m_view.view();
+
+  if (!strongView)
+    return;
+
+  if (!m_textRangeProvider) {
+    m_textRangeProvider =
+        winrt::make<CompositionTextRangeProvider>(
+            strongView.as<winrt::Microsoft::ReactNative::Composition::ComponentView>(), m_parentProvider.get())
+            .try_as<ITextRangeProvider>();
+  }
+}
+
+HRESULT __stdcall CompositionTextProvider::get_DocumentRange(ITextRangeProvider **pRetVal) {
+  if (pRetVal == nullptr)
+    return E_POINTER;
+  auto strongView = m_view.view();
+
+  if (!strongView)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+
+  if (m_textRangeProvider == nullptr)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+
+  m_textRangeProvider.copy_to(pRetVal);
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextProvider::get_SupportedTextSelection(SupportedTextSelection *pRetVal) {
+  if (pRetVal == nullptr)
+    return E_POINTER;
+  auto strongView = m_view.view();
+
+  if (!strongView)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+
+  if (strongView.try_as<winrt::Microsoft::ReactNative::Composition::implementation::WindowsTextInputComponentView>()) {
+    *pRetVal = SupportedTextSelection_Single;
+  } else if (
+      auto textView =
+          strongView.try_as<winrt::Microsoft::ReactNative::Composition::implementation::ParagraphComponentView>()) {
+    auto props = std::static_pointer_cast<const facebook::react::ParagraphProps>(textView->props());
+    if (props == nullptr)
+      return UIA_E_ELEMENTNOTAVAILABLE;
+    *pRetVal = props->isSelectable ? SupportedTextSelection_Single : SupportedTextSelection_None;
+  } else {
+    *pRetVal = SupportedTextSelection_None;
+  }
+
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextProvider::GetSelection(SAFEARRAY **pRetVal) {
+  // no-op
+  *pRetVal = SafeArrayCreateVector(VT_UNKNOWN, 0, 0);
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextProvider::GetVisibleRanges(SAFEARRAY **pRetVal) {
+  *pRetVal = SafeArrayCreateVector(VT_UNKNOWN, 0, 1);
+  if (m_textRangeProvider == nullptr)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+  LONG pos = 0;
+  return SafeArrayPutElement(*pRetVal, &pos, m_textRangeProvider.get());
+}
+
+HRESULT __stdcall CompositionTextProvider::RangeFromChild(
+    IRawElementProviderSimple *childElement,
+    ITextRangeProvider **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextProvider::RangeFromPoint(UiaPoint point, ITextRangeProvider **pRetVal) {
+  // no-op
+  if (m_textRangeProvider == nullptr)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+  m_textRangeProvider.copy_to(pRetVal);
+  return S_OK;
+}
+HRESULT __stdcall CompositionTextProvider::GetCaretRange(BOOL *isActive, ITextRangeProvider **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextProvider::RangeFromAnnotation(
+    IRawElementProviderSimple *annotationElement,
+    ITextRangeProvider **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/Composition/CompositionTextProvider.h

@@ -0,0 +1,41 @@
+#pragma once
+
+#include <Fabric/Composition/CompositionDynamicAutomationProvider.h>
+#include <Fabric/Composition/CompositionViewComponentView.h>
+#include <Fabric/ReactTaggedView.h>
+#include <UIAutomation.h>
+#include <inspectable.h>
+#include <uiautomationcore.h>
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+class CompositionTextProvider : public winrt::implements<CompositionTextProvider, ITextProvider, ITextProvider2> {
+ public:
+  CompositionTextProvider(
+      const winrt::Microsoft::ReactNative::Composition::ComponentView &componentView,
+      CompositionDynamicAutomationProvider *parentProvider) noexcept;
+
+  // inherited via ITextProvider
+  virtual HRESULT __stdcall get_DocumentRange(ITextRangeProvider **pRetVal) override;
+  virtual HRESULT __stdcall get_SupportedTextSelection(SupportedTextSelection *pRetVal) override;
+  virtual HRESULT __stdcall GetSelection(SAFEARRAY **pRetVal) override;
+  virtual HRESULT __stdcall GetVisibleRanges(SAFEARRAY **pRetVal) override;
+  virtual HRESULT __stdcall RangeFromChild(IRawElementProviderSimple *childElement, ITextRangeProvider **pRetVal)
+      override;
+  virtual HRESULT __stdcall RangeFromPoint(UiaPoint point, ITextRangeProvider **pRetVal) override;
+
+  // inherited via ITextProvider2
+  virtual HRESULT __stdcall GetCaretRange(BOOL *isActive, ITextRangeProvider **pRetVal) override;
+  virtual HRESULT __stdcall RangeFromAnnotation(
+      IRawElementProviderSimple *annotationElement,
+      ITextRangeProvider **pRetVal) override;
+
+  void EnsureTextRangeProvider();
+
+ private:
+  ::Microsoft::ReactNative::ReactTaggedView m_view;
+  winrt::com_ptr<ITextRangeProvider> m_textRangeProvider;
+  winrt::com_ptr<CompositionDynamicAutomationProvider> m_parentProvider;
+};
+
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/Composition/CompositionTextRangeProvider.cpp

@@ -0,0 +1,298 @@
+#include "pch.h"
+#include "CompositionTextRangeProvider.h"
+#include <Fabric/ComponentView.h>
+#include <Fabric/Composition/ParagraphComponentView.h>
+#include <Fabric/Composition/TextInput/WindowsTextInputComponentView.h>
+#include <Fabric/platform/react/renderer/graphics/HostPlatformColor.h>
+#include <Unicode.h>
+#include "RootComponentView.h"
+#include "UiaHelpers.h"
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+CompositionTextRangeProvider::CompositionTextRangeProvider(
+    const winrt::Microsoft::ReactNative::Composition::ComponentView &componentView,
+    CompositionDynamicAutomationProvider *parentProvider) noexcept
+    : m_view{componentView} {
+  m_parentProvider.copy_from(parentProvider);
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::Clone(ITextRangeProvider **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::Compare(ITextRangeProvider *range, BOOL *pRetVal) {
+  // no-op
+  *pRetVal = false;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::CompareEndpoints(
+    TextPatternRangeEndpoint endpoint,
+    ITextRangeProvider *targetRange,
+    TextPatternRangeEndpoint targetEndpoint,
+    int *pRetVal) {
+  // no-op
+  *pRetVal = 0;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::ExpandToEnclosingUnit(TextUnit unit) {
+  // no-op
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::FindAttribute(
+    TEXTATTRIBUTEID attributeId,
+    VARIANT val,
+    BOOL backward,
+    ITextRangeProvider **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::FindText(
+    BSTR text,
+    BOOL backward,
+    BOOL ignoreCase,
+    ITextRangeProvider **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::GetAttributeValue(TEXTATTRIBUTEID attributeId, VARIANT *pRetVal) {
+  if (pRetVal == nullptr)
+    return E_POINTER;
+  auto strongView = m_view.view();
+
+  if (!strongView)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+
+  auto props = std::static_pointer_cast<const facebook::react::ParagraphProps>(
+      winrt::get_self<ComponentView>(strongView)->props());
+
+  auto textinputProps = std::static_pointer_cast<const facebook::react::WindowsTextInputProps>(
+      winrt::get_self<ComponentView>(strongView)->props());
+
+  auto isTextInput =
+      strongView.try_as<winrt::Microsoft::ReactNative::Composition::implementation::WindowsTextInputComponentView>();
+
+  if (props == nullptr)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+
+  if (attributeId == UIA_BackgroundColorAttributeId) {
+    pRetVal->vt = VT_I4;
+    pRetVal->lVal = (*props->backgroundColor).AsColorRefWithAlpha();
+  } else if (attributeId == UIA_CapStyleAttributeId) {
+    pRetVal->vt = VT_I4;
+    auto fontVariant = facebook::react::FontVariant::Default;
+    auto textTransform = facebook::react::TextTransform::None;
+    if (props->textAttributes.fontVariant.has_value()) {
+      fontVariant = props->textAttributes.fontVariant.value();
+    }
+    if (props->textAttributes.textTransform.has_value()) {
+      textTransform = props->textAttributes.textTransform.value();
+    }
+    if (fontVariant == facebook::react::FontVariant::SmallCaps) {
+      return CapStyle_SmallCap;
+    } else if (textTransform == facebook::react::TextTransform::Capitalize) {
+      return CapStyle_Titling;
+    } else if (textTransform == facebook::react::TextTransform::Lowercase) {
+      return CapStyle_None;
+    } else if (textTransform == facebook::react::TextTransform::Uppercase) {
+      return CapStyle_AllCap;
+    }
+  } else if (attributeId == UIA_FontNameAttributeId) {
+    pRetVal->vt = VT_BSTR;
+    auto fontName = props->textAttributes.fontFamily;
+    if (fontName.empty()) {
+      fontName = "Segoe UI";
+    }
+    std::wstring wfontName(fontName.begin(), fontName.end());
+    pRetVal->bstrVal = SysAllocString(wfontName.c_str());
+  } else if (attributeId == UIA_FontSizeAttributeId) {
+    pRetVal->vt = VT_R8;
+    pRetVal->dblVal = props->textAttributes.fontSize;
+  } else if (attributeId == UIA_FontWeightAttributeId) {
+    if (props->textAttributes.fontWeight.has_value()) {
+      pRetVal->vt = VT_I4;
+      pRetVal->lVal = static_cast<long>(props->textAttributes.fontWeight.value());
+    }
+  } else if (attributeId == UIA_ForegroundColorAttributeId) {
+    pRetVal->vt = VT_I4;
+    pRetVal->lVal = (*props->textAttributes.foregroundColor).AsColorRefWithAlpha();
+  } else if (attributeId == UIA_IsItalicAttributeId) {
+    pRetVal->vt = VT_BOOL;
+    pRetVal->boolVal = (props->textAttributes.fontStyle.has_value() &&
+                        props->textAttributes.fontStyle.value() == facebook::react::FontStyle::Italic)
+        ? VARIANT_TRUE
+        : VARIANT_FALSE;
+  } else if (attributeId == UIA_IsReadOnlyAttributeId) {
+    pRetVal->vt = VT_BOOL;
+    pRetVal->boolVal = isTextInput ? textinputProps->editable ? VARIANT_FALSE : VARIANT_TRUE : VARIANT_TRUE;
+  } else if (attributeId == UIA_HorizontalTextAlignmentAttributeId) {
+    pRetVal->vt = VT_I4;
+    auto textAlign = facebook::react::TextAlignment::Center;
+    if (props->textAttributes.alignment.has_value()) {
+      textAlign = props->textAttributes.alignment.value();
+    }
+    if (textAlign == facebook::react::TextAlignment::Left) {
+      pRetVal->lVal = HorizontalTextAlignment_Left;
+    } else if (textAlign == facebook::react::TextAlignment::Right) {
+      pRetVal->lVal = HorizontalTextAlignment_Right;
+    } else if (textAlign == facebook::react::TextAlignment::Center) {
+      pRetVal->lVal = HorizontalTextAlignment_Centered;
+    } else if (textAlign == facebook::react::TextAlignment::Justified) {
+      pRetVal->lVal = HorizontalTextAlignment_Justified;
+    } else if (textAlign == facebook::react::TextAlignment::Natural) {
+      pRetVal->lVal = HorizontalTextAlignment_Left;
+    }
+  } else if (attributeId == UIA_StrikethroughColorAttributeId) {
+    if (props->textAttributes.textDecorationLineType.has_value() &&
+        (props->textAttributes.textDecorationLineType.value() ==
+             facebook::react::TextDecorationLineType::Strikethrough ||
+         props->textAttributes.textDecorationLineType.value() ==
+             facebook::react::TextDecorationLineType::UnderlineStrikethrough)) {
+      pRetVal->vt = VT_I4;
+      pRetVal->lVal = (*props->textAttributes.textDecorationColor).AsColorRefWithAlpha();
+    }
+  } else if (attributeId == UIA_StrikethroughStyleAttributeId) {
+    if (props->textAttributes.textDecorationLineType.has_value() &&
+        (props->textAttributes.textDecorationLineType.value() ==
+             facebook::react::TextDecorationLineType::Strikethrough ||
+         props->textAttributes.textDecorationLineType.value() ==
+             facebook::react::TextDecorationLineType::UnderlineStrikethrough)) {
+      pRetVal->vt = VT_I4;
+      auto style = props->textAttributes.textDecorationStyle.value();
+      pRetVal->lVal = GetTextDecorationLineStyle(style);
+    }
+  } else if (attributeId == UIA_UnderlineColorAttributeId) {
+    if (props->textAttributes.textDecorationLineType.has_value() &&
+        (props->textAttributes.textDecorationLineType.value() == facebook::react::TextDecorationLineType::Underline ||
+         props->textAttributes.textDecorationLineType.value() ==
+             facebook::react::TextDecorationLineType::UnderlineStrikethrough)) {
+      pRetVal->vt = VT_I4;
+      pRetVal->lVal = (*props->textAttributes.textDecorationColor).AsColorRefWithAlpha();
+    }
+  } else if (attributeId == UIA_UnderlineStyleAttributeId) {
+    if (props->textAttributes.textDecorationLineType.has_value() &&
+        (props->textAttributes.textDecorationLineType.value() == facebook::react::TextDecorationLineType::Underline ||
+         props->textAttributes.textDecorationLineType.value() ==
+             facebook::react::TextDecorationLineType::UnderlineStrikethrough)) {
+      pRetVal->vt = VT_I4;
+      auto style = props->textAttributes.textDecorationStyle.value();
+      pRetVal->lVal = GetTextDecorationLineStyle(style);
+    }
+  }
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::GetBoundingRectangles(SAFEARRAY **pRetVal) {
+  if (pRetVal == nullptr)
+    return E_POINTER;
+  UiaRect rect;
+  auto hr = m_parentProvider->get_BoundingRectangle(&rect);
+  if (FAILED(hr))
+    return hr;
+  *pRetVal = SafeArrayCreateVector(VT_R8, 0, 4);
+  double *pData = nullptr;
+  hr = SafeArrayAccessData(*pRetVal, reinterpret_cast<void **>(&pData));
+  if (FAILED(hr))
+    return hr;
+  pData[0] = rect.left;
+  pData[1] = rect.top;
+  pData[2] = rect.width;
+  pData[3] = rect.height;
+  hr = SafeArrayUnaccessData(*pRetVal);
+  if (FAILED(hr))
+    return hr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::GetChildren(SAFEARRAY **pRetVal) {
+  // no-op
+  *pRetVal = SafeArrayCreateVector(VT_UNKNOWN, 0, 0);
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::GetEnclosingElement(IRawElementProviderSimple **pRetVal) {
+  // no-op
+  *pRetVal = nullptr;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::GetText(int maxLength, BSTR *pRetVal) {
+  if (pRetVal == nullptr)
+    return E_POINTER;
+  auto strongView = m_view.view();
+
+  if (!strongView)
+    return UIA_E_ELEMENTNOTAVAILABLE;
+  auto paragraphView =
+      strongView.try_as<winrt::Microsoft::ReactNative::Composition::implementation::ParagraphComponentView>();
+  std::string text = "";
+  if (paragraphView) {
+    text = paragraphView->DefaultAccessibleName();
+  } else {
+    auto textInputView =
+        strongView.try_as<winrt::Microsoft::ReactNative::Composition::implementation::WindowsTextInputComponentView>();
+    if (textInputView) {
+      text = textInputView->getAccessiblityValue().value().empty() ? textInputView->DefaultAccessibleName()
+                                                                   : textInputView->getAccessiblityValue().value();
+    } else {
+      return UIA_E_NOTSUPPORTED;
+    }
+  }
+
+  std::wstring wtext(text.begin(), text.end());
+  *pRetVal = SysAllocString(wtext.c_str());
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::Move(TextUnit unit, int count, int *pRetVal) {
+  // no-op
+  *pRetVal = 0;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::MoveEndpointByRange(
+    TextPatternRangeEndpoint endpoint,
+    ITextRangeProvider *targetRange,
+    TextPatternRangeEndpoint targetEndpoint) {
+  // no-op
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::MoveEndpointByUnit(
+    TextPatternRangeEndpoint endpoint,
+    TextUnit unit,
+    int count,
+    int *pRetVal) {
+  // no-op
+  *pRetVal = 0;
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::ScrollIntoView(BOOL alignToTop) {
+  // no-op
+  return S_OK;
+}
+
+HRESULT __stdcall CompositionTextRangeProvider::AddToSelection() {
+  // no-op
+  return S_OK;
+}
+HRESULT __stdcall CompositionTextRangeProvider::RemoveFromSelection() {
+  // no-op
+  return S_OK;
+}
+HRESULT __stdcall CompositionTextRangeProvider::Select() {
+  // no-op
+  return S_OK;
+}
+
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/Composition/CompositionTextRangeProvider.h

@@ -0,0 +1,59 @@
+#pragma once
+
+#include <Fabric/Composition/CompositionDynamicAutomationProvider.h>
+#include <Fabric/Composition/CompositionTextProvider.h>
+#include <Fabric/Composition/CompositionViewComponentView.h>
+#include <Fabric/ReactTaggedView.h>
+#include <UIAutomation.h>
+#include <inspectable.h>
+#include <uiautomationcore.h>
+
+namespace winrt::Microsoft::ReactNative::implementation {
+
+class CompositionTextRangeProvider : public winrt::implements<CompositionTextRangeProvider, ITextRangeProvider> {
+ public:
+  CompositionTextRangeProvider(
+      const winrt::Microsoft::ReactNative::Composition::ComponentView &componentView,
+      CompositionDynamicAutomationProvider *parentProvider) noexcept;
+
+  // inherited via ITextRangeProvider
+  virtual HRESULT __stdcall Clone(ITextRangeProvider **pRetVal) override;
+  virtual HRESULT __stdcall Compare(ITextRangeProvider *range, BOOL *pRetVal) override;
+  virtual HRESULT __stdcall CompareEndpoints(
+      TextPatternRangeEndpoint endpoint,
+      ITextRangeProvider *targetRange,
+      TextPatternRangeEndpoint targetEndpoint,
+      int *pRetVal) override;
+  virtual HRESULT __stdcall ExpandToEnclosingUnit(TextUnit unit) override;
+  virtual HRESULT __stdcall FindAttribute(
+      TEXTATTRIBUTEID attributeId,
+      VARIANT val,
+      BOOL backward,
+      ITextRangeProvider **pRetVal) override;
+  virtual HRESULT __stdcall FindText(BSTR text, BOOL backward, BOOL ignoreCase, ITextRangeProvider **pRetVal) override;
+  virtual HRESULT __stdcall GetAttributeValue(TEXTATTRIBUTEID attributeId, VARIANT *pRetVal) override;
+  virtual HRESULT __stdcall GetBoundingRectangles(SAFEARRAY **pRetVal) override;
+  virtual HRESULT __stdcall GetChildren(SAFEARRAY **pRetVal) override;
+  virtual HRESULT __stdcall GetEnclosingElement(IRawElementProviderSimple **pRetVal) override;
+  virtual HRESULT __stdcall GetText(int maxLength, BSTR *pRetVal) override;
+  virtual HRESULT __stdcall Move(TextUnit unit, int count, int *pRetVal) override;
+  virtual HRESULT __stdcall MoveEndpointByRange(
+      TextPatternRangeEndpoint endpoint,
+      ITextRangeProvider *targetRange,
+      TextPatternRangeEndpoint targetEndpoint) override;
+  virtual HRESULT __stdcall MoveEndpointByUnit(
+      TextPatternRangeEndpoint endpoint,
+      TextUnit unit,
+      int count,
+      int *pRetVal) override;
+  virtual HRESULT __stdcall ScrollIntoView(BOOL alignToTop) override;
+  virtual HRESULT __stdcall AddToSelection() override;
+  virtual HRESULT __stdcall RemoveFromSelection() override;
+  virtual HRESULT __stdcall Select() override;
+
+ private:
+  ::Microsoft::ReactNative::ReactTaggedView m_view;
+  winrt::com_ptr<CompositionDynamicAutomationProvider> m_parentProvider;
+};
+
+} // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/Composition/CompositionViewComponentView.cpp

@@ -777,8 +777,7 @@ void ComponentView::updateAccessibilityProps(
 }
 
 std::optional<std::string> ComponentView::getAccessiblityValue() noexcept {
-  return winrt::Microsoft::ReactNative::implementation::extractAccessibilityValue(
-      std::static_pointer_cast<const facebook::react::ViewProps>(props())->accessibilityValue);
+  return std::static_pointer_cast<const facebook::react::ViewProps>(props())->accessibilityValue.text.value();
 }
 
 void ComponentView::setAcccessiblityValue(std::string &&value) noexcept {

package/Microsoft.ReactNative/Fabric/Composition/UiaHelpers.cpp

@@ -174,16 +174,6 @@ long GetLiveSetting(const std::string &liveRegion) noexcept {
   return LiveSetting::Off;
 }
 
-std::string extractAccessibilityValue(const facebook::react::AccessibilityValue &value) noexcept {
-  if (value.now.has_value()) {
-    return std::to_string(value.now.value());
-  } else if (value.text.has_value()) {
-    return value.text.value();
-  } else {
-    return "";
-  }
-}
-
 void DispatchAccessibilityAction(::Microsoft::ReactNative::ReactTaggedView &view, const std::string &action) noexcept {
   auto strongView = view.view();
 
@@ -249,4 +239,18 @@ ToggleState GetToggleState(const std::optional<facebook::react::AccessibilitySta
   return ToggleState::ToggleState_Off;
 }
 
+TextDecorationLineStyle GetTextDecorationLineStyle(facebook::react::TextDecorationStyle style) noexcept {
+  if (style == facebook::react::TextDecorationStyle::Dashed) {
+    return TextDecorationLineStyle_Dash;
+  } else if (style == facebook::react::TextDecorationStyle::Dotted) {
+    return TextDecorationLineStyle_Dot;
+  } else if (style == facebook::react::TextDecorationStyle::Double) {
+    return TextDecorationLineStyle_Double;
+  } else if (style == facebook::react::TextDecorationStyle::Solid) {
+    return TextDecorationLineStyle_Single;
+  } else {
+    return TextDecorationLineStyle_Single;
+  }
+}
+
 } // namespace winrt::Microsoft::ReactNative::implementation

package/Microsoft.ReactNative/Fabric/Composition/UiaHelpers.h

@@ -2,6 +2,7 @@
 
 #include <Fabric/ComponentView.h>
 #include <Fabric/Composition/CompositionDynamicAutomationProvider.h>
+#include <Fabric/Composition/ParagraphComponentView.h>
 #include <Fabric/ReactTaggedView.h>
 #include <UIAutomation.h>
 
@@ -32,8 +33,6 @@ void UpdateUiaProperty(
 
 long GetLiveSetting(const std::string &liveRegion) noexcept;
 
-std::string extractAccessibilityValue(const facebook::react::AccessibilityValue &value) noexcept;
-
 void DispatchAccessibilityAction(::Microsoft::ReactNative::ReactTaggedView &view, const std::string &action) noexcept;
 
 ExpandCollapseState GetExpandCollapseState(const bool &expanded) noexcept;
@@ -43,4 +42,6 @@ void AddSelectionItemsToContainer(CompositionDynamicAutomationProvider *provider
 void RemoveSelectionItemsFromContainer(CompositionDynamicAutomationProvider *provider) noexcept;
 
 ToggleState GetToggleState(const std::optional<facebook::react::AccessibilityState> &state) noexcept;
+
+TextDecorationLineStyle GetTextDecorationLineStyle(facebook::react::TextDecorationStyle style) noexcept;
 } // namespace winrt::Microsoft::ReactNative::implementation

package/PropertySheets/Generated/PackageVersion.g.props

@@ -10,11 +10,11 @@
 -->
 <Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
-    <ReactNativeWindowsVersion>0.77.3</ReactNativeWindowsVersion>
+    <ReactNativeWindowsVersion>0.77.4</ReactNativeWindowsVersion>
     <ReactNativeWindowsMajor>0</ReactNativeWindowsMajor>
     <ReactNativeWindowsMinor>77</ReactNativeWindowsMinor>
-    <ReactNativeWindowsPatch>3</ReactNativeWindowsPatch>
+    <ReactNativeWindowsPatch>4</ReactNativeWindowsPatch>
     <ReactNativeWindowsCanary>false</ReactNativeWindowsCanary>
-    <ReactNativeWindowsCommitId>c24a80f23991662ecca91eb3a1d848bb3ccff175</ReactNativeWindowsCommitId>
+    <ReactNativeWindowsCommitId>657f0d9a8915223e83f1ef043045b0da2f049af3</ReactNativeWindowsCommitId>
   </PropertyGroup>
 </Project>

package/ReactCommon/TEMP_UntilReactCommonUpdate/react/renderer/components/view/AccessibilityPrimitives.h

@@ -70,6 +70,7 @@ struct AccessibilityState {
   std::optional<bool> selected{std::nullopt}; // [Windows] - Do not remove; required for Windows ISelectionItemProvider Implementation
   bool busy{false};
   std::optional<bool> expanded{std::nullopt};
+  std::optional<bool> readOnly{std::nullopt}; // [Windows] - Do not remove; required for Windows IRangeValueProvider and IValueProvider Implementation
   std::optional<bool> multiselectable{std::nullopt}; // [Windows] - Do not remove; required for Windows ISelectionProvider Implementation
   std::optional<bool> required{std::nullopt}; // [Windows] - Do not remove; required for Windows ISelectionProvider Implementation
   enum { Unchecked, Checked, Mixed, None } checked{None};

package/ReactCommon/TEMP_UntilReactCommonUpdate/react/renderer/components/view/accessibilityPropsConversions.h

@@ -171,6 +171,10 @@ inline void fromRawValue(
     fromRawValue(context, expanded->second, result.expanded);
   }
   // [Windows] - DO NOT REMOVE - required for Windows ISelectionProvider Implementation
+  auto readOnly = map.find("readOnly");
+  if (readOnly != map.end()) {
+    fromRawValue(context, readOnly->second, result.readOnly);
+  }
   auto multiselectable = map.find("multiselectable");
   if (multiselectable != map.end()) {
     fromRawValue(context, multiselectable->second, result.multiselectable);