just rename

Author: pvinis

src/useAccessibilityInfo.ts

@@ -0,0 +1,25 @@
+import React, { useEffect, useState } from 'react'
+import { AccessibilityInfo } from 'react-native'
+
+export default () => {
+  const [screenReaderEnabled, updateScreenReaderInfo] = useState(null)
+
+
+  useEffect(() => {
+    AccessibilityInfo.fetch().then((isEnabled) => {
+      updateScreenReaderInfo(isEnabled)
+    })
+  }, [])
+
+  function onChange(isEnabled) {
+    updateScreenReaderInfo(isEnabled)
+  }
+
+  useEffect(() => {
+    AccessibilityInfo.addEventListener('change', onChange)
+    
+    return () => AccessibilityInfo.removeEventListener('change', onChange)
+  }, [])
+
+  return screenReaderEnabled
+}

src/useAppState.ts

@@ -0,0 +1,22 @@
+import React, { useEffect, useState } from 'react'
+import { AppState } from 'react-native'
+
+const currentState = AppState.currentState
+
+export default () => {
+  const [appState, setAppState] = useState(currentState)
+
+  function onChange (newState) {
+    setAppState(newState)
+  }
+
+  useEffect(() => {
+    AppState.addEventListener('change', onChange)
+
+    return () => {
+      AppState.removeEventListener('change', onChange)
+    }
+  })
+
+  return appState
+}

src/useCameraRoll.ts

@@ -0,0 +1,41 @@
+import React, { useState } from 'react'
+import {
+  CameraRoll
+} from 'react-native'
+
+const initialState = {
+  edges: [],
+  page_info: {
+    end_cursor: '',
+    has_next_page: null,
+    start_cursor: ''
+  }
+}
+
+const defaultConfig = {
+  first: 20,
+  groupTypes: 'All'
+}
+
+export default function() {
+  const [photos, setPhotos] = useState(initialState)
+
+  async function getPhotos(config = defaultConfig) {
+    try {
+      const photos = await CameraRoll.getPhotos(config)
+      setPhotos(photos)
+    } catch (err) {
+      console.log('error: ', err)
+    }
+  }
+
+  async function saveToCameraRoll(tag, type) {
+    try {
+      await CameraRoll.saveToCameraRoll(tag, type)
+    } catch (err) {
+      console.log('error saving to camera roll: ', err)
+    }
+  }
+
+  return [photos, getPhotos, saveToCameraRoll]
+}

src/useDeviceOrientation.ts

@@ -0,0 +1,34 @@
+import React, { useEffect, useState } from 'react';
+import { Dimensions } from 'react-native';
+
+const screen = Dimensions.get('screen');
+
+export default () => {
+  const [orientation, setOrientation] = useState({
+    portrait: isOrientationPortrait(screen),
+    landscape: isOrientationLandscape(screen)
+  });
+
+  isOrientationPortrait = ({ width, height }) => height >= width;
+  isOrientationLandscape = ({ width, height }) => width >= height;
+
+  onChange = ({ screen }) => {
+    setOrientation({
+      portrait: isOrientationPortrait(screen),
+      landscape: isOrientationLandscape(screen)
+    });
+  };
+
+  useEffect(
+    () => {
+      Dimensions.addEventListener('change', onChange);
+
+      return () => {
+        Dimensions.removeEventListener('change', onChange);
+      };
+    },
+    [orientation.portrait, orientation.landscape]
+  );
+
+  return orientation;
+};

src/useDimensions.ts

@@ -0,0 +1,23 @@
+import React, { useEffect, useState } from 'react'
+import { Dimensions } from 'react-native'
+
+const window = Dimensions.get('window')
+const screen = Dimensions.get('screen')
+
+export default () => {
+  const [dimensions, setDimensions] = useState({
+    window, screen
+  })
+
+  onChange = ({ window, screen }) => {
+    setDimensions({ window, screen })
+  }
+
+  useEffect(() => {
+    Dimensions.addEventListener('change', onChange)
+
+    return () => Dimensions.removeEventListener('change', onChange)
+  }, [])
+
+  return dimensions
+}

src/useGeolocation.ts

@@ -0,0 +1,50 @@
+import React, { useEffect, useState } from 'react'
+
+const initialState = {
+  timeStamp: null,
+  coords: {
+    accuracy: null,
+    altitude: null,
+    altitudeAccuracy: null,
+    heading: null,
+    latitude: null,
+    longitude: null,
+    speed: null
+  }
+}
+
+export default (positionOptions = {}) => {  
+  const [position, setPosition] = useState(initialState)
+
+  useEffect(() => {
+    navigator.geolocation.getCurrentPosition(success, failure)
+  }, [])
+
+  useEffect(() => {
+    const listener = navigator.geolocation.watchPosition(
+      success,
+      failure,
+      positionOptions
+    )
+
+    return () => navigator.geolocation.clearWatch(listener);
+  }, [])
+
+  function success (data) {
+    setPosition(data)
+  }
+
+  function failure (err) {
+    console.log('error setting coordinates: ', err)
+  }
+
+  function setRNConfiguration(config) {
+    navigator.geolocation.setRNConfiguration(config)
+  }
+
+  function stopObserving() {
+    navigator.geolocation.stopObserving()
+  }
+
+  return [position, stopObserving, setRNConfiguration]
+};

src/useInteractionManager.ts

@@ -0,0 +1,13 @@
+import React, { useEffect, useState } from 'react';
+import { InteractionManager } from 'react-native';
+
+export default () => {
+  const [complete, updateInteractionStatus] = useState(false);
+
+  useEffect(() => {
+    InteractionManager.runAfterInteractions(() => {
+      updateInteractionStatus(true)
+    })
+  }, [])
+  return complete
+};

src/useKeyboard.ts

@@ -0,0 +1,37 @@
+import React, { useEffect, useState } from 'react'
+import { Keyboard } from 'react-native'
+
+export default () => {
+  const [keyboard, setKeyboard] = useState({})
+
+  keyboardWillShow = e => {
+    setKeyboard({
+      isKeyboardShow: true,
+      keyboardHeight: e.endCoordinates.height
+    })
+  }
+
+  keyboardWillHide = e => {
+    setKeyboard({
+      isKeyboardShow: false,
+      keyboardHeight: e.endCoordinates.height
+    })
+  }
+
+  useEffect(() => {
+    this.keyboardWillShowListener = Keyboard.addListener(
+      'keyboardWillShow',
+      keyboardWillShow
+    )
+    this.keyboardWillHideListener = Keyboard.addListener(
+      'keyboardWillHide',
+      keyboardWillHide
+    )
+
+    return () => {
+      this.keyboardWillShowListener.remove()
+      this.keyboardWillHideListener.remove()
+    }
+  }, [])
+  return keyboard
+}

src/useNetInfo.ts

@@ -0,0 +1,30 @@
+import React, { useEffect, useState } from 'react'
+import { NetInfo } from 'react-native'
+
+const inititalState = {
+  type: null, effectiveType: null
+}
+
+export default () => {
+  const [netInfo, setNetInfo] = useState(inititalState)
+
+  onChange = (newState) => {
+    setNetInfo(newState)
+  }
+
+  useEffect(() => {
+    NetInfo.getConnectionInfo().then((connectionInfo) => {
+      setNetInfo(connectionInfo)
+    })
+  }, [])
+
+  useEffect(() => {
+    NetInfo.addEventListener('connectionChange', onChange)
+
+    return () => {
+      NetInfo.removeEventListener('connectionChange', onChange)
+    }
+  }, [])
+
+  return netInfo
+}