From f022bbf9c25f1c43b07c15c18861f8674211cd8e Mon Sep 17 00:00:00 2001
From: Alan Kenyon <alan@shipt.com>
Date: Sun, 17 May 2020 18:20:25 -0700
Subject: [PATCH] support RN59

---
 README.md                   | 10 +++++-----
 package.json                |  4 ++--
 src/useAccessibilityInfo.ts | 39 ++++++++++++++++++++++++++-----------
 3 files changed, 35 insertions(+), 18 deletions(-)

diff --git a/README.md b/README.md
index 675b0c96..0483e44f 100644
--- a/README.md
+++ b/README.md
@@ -38,12 +38,12 @@ yarn add @react-native-community/hooks
 import { useAccessibilityInfo } from '@react-native-community/hooks'
 
 const {
-  reduceMotionEnabled,
+  boldTextEnabled,
   screenReaderEnabled,
-  grayscaleEnabled,
-  invertColorsEnabled,
-  reduceTransparencyEnabled,
-  boldTextEnabled 
+  reduceMotionEnabled, // requires RN60 or newer
+  grayscaleEnabled, // requires RN60 or newer
+  invertColorsEnabled, // requires RN60 or newer
+  reduceTransparencyEnabled // requires RN60 or newer
 } = useAccessibilityInfo()
 ```
 
diff --git a/package.json b/package.json
index fca415d3..313ef3a6 100644
--- a/package.json
+++ b/package.json
@@ -15,8 +15,8 @@
     "release-canary": "auto canary"
   },
   "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-native": ">=0.60"
+    "react": ">=16.8.0",
+    "react-native": ">=0.59"
   },
   "devDependencies": {
     "@auto-it/all-contributors": "9.28.3",
diff --git a/src/useAccessibilityInfo.ts b/src/useAccessibilityInfo.ts
index d95efbb8..7a838e41 100644
--- a/src/useAccessibilityInfo.ts
+++ b/src/useAccessibilityInfo.ts
@@ -1,6 +1,13 @@
 import {useEffect, useState} from 'react'
 import {AccessibilityInfo, AccessibilityChangeEventName} from 'react-native'
 
+const SUPPORTS_RN60_ACCESSIBILITY_INFO_API = !!(
+  AccessibilityInfo.isGrayscaleEnabled &&
+  AccessibilityInfo.isInvertColorsEnabled &&
+  AccessibilityInfo.isReduceMotionEnabled &&
+  AccessibilityInfo.isReduceTransparencyEnabled
+)
+
 type AccessibilityInfoStaticInitializers =
   | 'isBoldTextEnabled'
   | 'isScreenReaderEnabled'
@@ -35,27 +42,36 @@ function useAccessibilityStateListener(
     }
 
     AccessibilityInfo[initializerKey]().then(setIsEnabled)
-    AccessibilityInfo.addEventListener(
-      eventName,
-      setIsEnabled,
-    )
+    AccessibilityInfo.addEventListener(eventName, setIsEnabled)
 
-    return () =>
-      AccessibilityInfo.removeEventListener(
-        eventName,
-        setIsEnabled,
-      )
+    return () => AccessibilityInfo.removeEventListener(eventName, setIsEnabled)
   }, [eventName])
 
   return isEnabled
 }
 
-export function useAccessibilityInfo() {
+export function useAccessibilityInfo(): {
+  screenReaderEnabled: Boolean
+  boldTextEnabled: Boolean
+  grayscaleEnabled?: Boolean
+  invertColorsEnabled?: Boolean
+  reduceMotionEnabled?: Boolean
+  reduceTransparencyEnabled?: Boolean
+} {
   const screenReaderEnabled = useAccessibilityStateListener(
     'screenReaderChanged',
   )
-  const grayscaleEnabled = useAccessibilityStateListener('grayscaleChanged')
   const boldTextEnabled = useAccessibilityStateListener('boldTextChanged')
+
+  if (!SUPPORTS_RN60_ACCESSIBILITY_INFO_API) {
+    return {
+      screenReaderEnabled,
+      boldTextEnabled,
+    }
+  }
+
+  /* eslint-disable react-hooks/rules-of-hooks */
+  const grayscaleEnabled = useAccessibilityStateListener('grayscaleChanged')
   const invertColorsEnabled = useAccessibilityStateListener(
     'invertColorsChanged',
   )
@@ -65,6 +81,7 @@ export function useAccessibilityInfo() {
   const reduceTransparencyEnabled = useAccessibilityStateListener(
     'reduceTransparencyChanged',
   )
+  /* eslint-enable react-hooks/rules-of-hooks */
 
   return {
     screenReaderEnabled,