react-native-windows 0.77.3 → 0.77.5

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/ScrollViewComponentView.cpp

@@ -976,10 +976,16 @@ bool ScrollViewComponentView::scrollToStart(bool animate) noexcept {
 }
 
 bool ScrollViewComponentView::pageUp(bool animate) noexcept {
+  if (std::static_pointer_cast<const facebook::react::ScrollViewProps>(viewProps())->horizontal) {
+    return scrollLeft(m_layoutMetrics.frame.size.height * m_layoutMetrics.pointScaleFactor, animate);
+  }
   return scrollUp(m_layoutMetrics.frame.size.height * m_layoutMetrics.pointScaleFactor, animate);
 }
 
 bool ScrollViewComponentView::pageDown(bool animate) noexcept {
+  if (std::static_pointer_cast<const facebook::react::ScrollViewProps>(viewProps())->horizontal) {
+    return scrollRight(m_layoutMetrics.frame.size.height * m_layoutMetrics.pointScaleFactor, animate);
+  }
   return scrollDown(m_layoutMetrics.frame.size.height * m_layoutMetrics.pointScaleFactor, animate);
 }
 
@@ -1036,7 +1042,7 @@ bool ScrollViewComponentView::scrollLeft(float delta, bool animate) noexcept {
     return false;
   }
 
-  m_scrollVisual.ScrollBy({delta, 0, 0}, animate);
+  m_scrollVisual.ScrollBy({-delta, 0, 0}, animate);
   return true;
 }
 
@@ -1259,7 +1265,7 @@ facebook::react::Point ScrollViewComponentView::getClientOffset() const noexcept
 }
 
 std::string ScrollViewComponentView::DefaultControlType() const noexcept {
-  return "scrollbar";
+  return "pane";
 }
 
 winrt::com_ptr<ComponentView> ScrollViewComponentView::focusVisualRoot(
@@ -1272,4 +1278,20 @@ ScrollViewComponentView::visualToHostFocus() noexcept {
   return m_scrollVisual;
 }
 
+int ScrollViewComponentView::getScrollPositionX() noexcept {
+  return int((m_scrollVisual.ScrollPosition().x / m_horizontalScrollbarComponent->getScrollRange()) * 100);
+}
+
+int ScrollViewComponentView::getScrollPositionY() noexcept {
+  return int((m_scrollVisual.ScrollPosition().y / m_verticalScrollbarComponent->getScrollRange()) * 100);
+}
+
+double ScrollViewComponentView::getVerticalSize() noexcept {
+  return std::min((m_layoutMetrics.frame.size.height / m_contentSize.height * 100.0), 100.0);
+}
+
+double ScrollViewComponentView::getHorizontalSize() noexcept {
+  return std::min((m_layoutMetrics.frame.size.width / m_contentSize.width * 100.0), 100.0);
+}
+
 } // namespace winrt::Microsoft::ReactNative::Composition::implementation

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

@@ -113,6 +113,11 @@ struct ScrollInteractionTrackerOwner : public winrt::implements<
   winrt::Microsoft::ReactNative::Composition::Experimental::IVisual visualToHostFocus() noexcept override;
   winrt::com_ptr<ComponentView> focusVisualRoot(const facebook::react::Rect &focusRect) noexcept override;
 
+  int getScrollPositionX() noexcept;
+  int getScrollPositionY() noexcept;
+  double getVerticalSize() noexcept;
+  double getHorizontalSize() noexcept;
+
  private:
   void updateContentVisualSize() noexcept;
   bool scrollToEnd(bool animate) 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.5</ReactNativeWindowsVersion>
     <ReactNativeWindowsMajor>0</ReactNativeWindowsMajor>
     <ReactNativeWindowsMinor>77</ReactNativeWindowsMinor>
-    <ReactNativeWindowsPatch>3</ReactNativeWindowsPatch>
+    <ReactNativeWindowsPatch>5</ReactNativeWindowsPatch>
     <ReactNativeWindowsCanary>false</ReactNativeWindowsCanary>
-    <ReactNativeWindowsCommitId>c24a80f23991662ecca91eb3a1d848bb3ccff175</ReactNativeWindowsCommitId>
+    <ReactNativeWindowsCommitId>5f7c15de6e26afe3731e7f6af8257bd2655fe8ba</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);