[fix] Allow Pressable to be programmatically focused when disabled

Fix #2357

Author: necolas

package-lock.json

@@ -34,6 +34,8 @@ export default function PressablePage() {
           delayPressIn={delay}
           delayPressOut={delay}
           disabled={disabled}
+          onBlur={handleEvent('onBlur')}
+          onFocus={handleEvent('onFocus')}
           onHoverIn={handleEvent('onHoverIn')}
           onHoverOut={handleEvent('onHoverOut')}
           onKeyDown={(e) => {

packages/react-native-web-examples/pages/pressable/index.js

@@ -119,11 +119,11 @@ describe('components/Pressable', () => {
     act(() => {
       target.focus();
     });
-    expect(onFocus).not.toBeCalled();
+    expect(onFocus).toBeCalled();
     act(() => {
       body.focus({ relatedTarget: target.node });
     });
-    expect(onBlur).not.toBeCalled();
+    expect(onBlur).toBeCalled();
   });
 
   test('hover interaction', () => {

packages/react-native-web/src/exports/Pressable/__tests__/index-test.js

@@ -144,32 +144,26 @@ function Pressable(props: Props, forwardedRef): React.Node {
 
   const blurHandler = React.useCallback(
     (e) => {
-      if (disabled) {
-        return;
-      }
       if (e.nativeEvent.target === hostRef.current) {
         setFocused(false);
         if (onBlur != null) {
           onBlur(e);
         }
       }
     },
-    [disabled, hostRef, setFocused, onBlur]
+    [hostRef, setFocused, onBlur]
   );
 
   const focusHandler = React.useCallback(
     (e) => {
-      if (disabled) {
-        return;
-      }
       if (e.nativeEvent.target === hostRef.current) {
         setFocused(true);
         if (onFocus != null) {
           onFocus(e);
         }
       }
     },
-    [disabled, hostRef, setFocused, onFocus]
+    [hostRef, setFocused, onFocus]
   );
 
   const contextMenuHandler = React.useCallback(