seperate hook into its own file

Author: akwasniewski

packages/react-native-gesture-handler/src/components/Pressable/Pressable.tsx

@@ -28,14 +28,15 @@ import {
   isTouchWithinInset,
 } from './utils';
 import { PressabilityDebugView } from '../../handlers/PressabilityDebugView';
-import { INT32_MAX, isTestEnv, useIsScreenReaderEnabled } from '../../utils';
+import { INT32_MAX, isTestEnv } from '../../utils';
 import {
   applyRelationProp,
   RelationPropName,
   RelationPropType,
 } from '../utils';
 import { getStatesConfig, StateMachineEvent } from './stateDefinitions';
 import { PressableStateMachine } from './StateMachine';
+import { useIsScreenReaderEnabled } from '../../useIsScreenReaderEnabled';
 
 const DEFAULT_LONG_PRESS_DURATION = 500;
 const IS_TEST_ENV = isTestEnv();

packages/react-native-gesture-handler/src/useIsScreenReaderEnabled.ts

@@ -0,0 +1,31 @@
+import { useEffect, useState } from 'react';
+import { AccessibilityInfo } from 'react-native';
+
+export function useIsScreenReaderEnabled() {
+  const [isEnabled, setIsEnabled] = useState(false);
+
+  useEffect(() => {
+    const checkStatus = async () => {
+      try {
+        const res = await AccessibilityInfo.isScreenReaderEnabled();
+        setIsEnabled(res);
+      } catch (error) {
+        console.warn('Could not read accessibility info: defaulting to false');
+      }
+    };
+
+    checkStatus();
+
+    const listener = AccessibilityInfo.addEventListener(
+      'screenReaderChanged',
+      (enabled) => {
+        setIsEnabled(enabled);
+      }
+    );
+
+    return () => {
+      listener.remove();
+    };
+  }, []);
+  return isEnabled;
+}

packages/react-native-gesture-handler/src/utils.ts

@@ -1,6 +1,3 @@
-import { AccessibilityInfo } from 'react-native';
-import { useEffect, useState } from 'react';
-
 export function toArray<T>(object: T | T[]): T[] {
   if (!Array.isArray(object)) {
     return [object];
@@ -96,32 +93,3 @@ export function deepEqual(obj1: any, obj2: any) {
 }
 
 export const INT32_MAX = 2 ** 31 - 1;
-
-export function useIsScreenReaderEnabled() {
-  const [isEnabled, setIsEnabled] = useState(false);
-
-  useEffect(() => {
-    const checkStatus = async () => {
-      try {
-        const res = await AccessibilityInfo.isScreenReaderEnabled();
-        setIsEnabled(res);
-      } catch (error) {
-        console.warn('Could not read accessibility info: defaulting to false');
-      }
-    };
-
-    checkStatus();
-
-    const listener = AccessibilityInfo.addEventListener(
-      'screenReaderChanged',
-      (enabled) => {
-        setIsEnabled(enabled);
-      }
-    );
-
-    return () => {
-      listener.remove();
-    };
-  }, []);
-  return isEnabled;
-}

packages/react-native-gesture-handler/src/v3/components/Pressable.tsx

@@ -39,7 +39,8 @@ import { GestureDetector } from '../detectors';
 import { PureNativeButton } from './GestureButtons';
 
 import { PressabilityDebugView } from '../../handlers/PressabilityDebugView';
-import { INT32_MAX, isTestEnv, useIsScreenReaderEnabled } from '../../utils';
+import { INT32_MAX, isTestEnv } from '../../utils';
+import { useIsScreenReaderEnabled } from '../../useIsScreenReaderEnabled';
 
 const DEFAULT_LONG_PRESS_DURATION = 500;
 const IS_TEST_ENV = isTestEnv();