From 5bc23257e482e2f29567e6515839f83502e9332e Mon Sep 17 00:00:00 2001
From: ankit-tailor <tailorankit3345@gmail.com>
Date: Sun, 28 Aug 2022 19:11:37 +0530
Subject: [PATCH] feat: add aria-disabled aliasing for button

---
 Libraries/Components/Button.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/Libraries/Components/Button.js b/Libraries/Components/Button.js
index 318e82773d1678..f7d1fa6be51206 100644
--- a/Libraries/Components/Button.js
+++ b/Libraries/Components/Button.js
@@ -145,6 +145,10 @@ type ButtonProps = $ReadOnly<{|
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
   onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
   accessibilityState?: ?AccessibilityState,
+  /**
+   * Indicates whether the element is disabled or not.
+   */
+  'aria-disabled'?: ?boolean,
 
   /**
    * [Android] Controlling if a view fires accessibility events and if it is reported to accessibility services.
@@ -300,9 +304,12 @@ class Button extends React.Component<ButtonProps> {
     const disabled =
       this.props.disabled != null
         ? this.props.disabled
+        : this.props['aria-disabled']
+        ? this.props['aria-disabled']
         : this.props.accessibilityState?.disabled;
 
     const accessibilityState =
+      disabled !== this.props['aria-disabled'] ||
       disabled !== this.props.accessibilityState?.disabled
         ? {...this.props.accessibilityState, disabled}
         : this.props.accessibilityState;