fix(docs): add docs to every method to be used with intellisense

* chore(docs): update RNN more info links on README

* chore(deps): downgrade typescript to 3.3.1

Author: aschenkel

README.md

@@ -35,7 +35,7 @@ A set of React hooks for React Native Navigation
 
 ### useNavigationComponentDidAppear
 
-Called each time this component appears on screen (attached to the view hierarchy) [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=componentdidappear)
+Called each time this component appears on screen (attached to the view hierarchy) [more info](https://wix.github.io/react-native-navigation/api/events/#componentdidappear)
 
 ```js
 import { useNavigationComponentDidAppear } from 'react-native-navigation-hooks'
@@ -61,7 +61,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationComponentDidDisappear
 
-Called each time this component disappears from screen (detached from the view heirarchy) [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=componentdiddisappear)
+Called each time this component disappears from screen (detached from the view heirarchy) [more info](https://wix.github.io/react-native-navigation/api/events/#componentdiddisappear)
 
 ```js
 import { useNavigationComponentDidDisappear } from 'react-native-navigation-hooks'
@@ -87,7 +87,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationCommand
 
-The commandListener is called whenever a Navigation command (i.e push, pop, showModal etc) is invoked. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registercommandlistener)
+The commandListener is called whenever a Navigation command (i.e push, pop, showModal etc) is invoked. [more info](https://wix.github.io/react-native-navigation/api/events/#registercommandlistener)
 
 ```js
 import { useNavigationCommand } from 'react-native-navigation-hooks'
@@ -108,7 +108,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationCommandComplete
 
-Invoked when a command finishes executing in native. If the command contains animations, for example pushed screen animation,) the listener is invoked after the animation ends. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registercommandcompletedlistener)
+Invoked when a command finishes executing in native. If the command contains animations, for example pushed screen animation,) the listener is invoked after the animation ends. [more info](https://wix.github.io/react-native-navigation/api/events/#registercommandcompletedlistener)
 
 ```js
 import { useNavigationCommandComplete } from 'react-native-navigation-hooks'
@@ -129,7 +129,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationModalAttemptedToDismiss
 
-Invoked only on iOS pageSheet modal when swipeToDismiss flag is set to true and modal swiped down to dismiss. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registermodalattemptedtodismisslistenerios-13-only)
+Invoked only on iOS pageSheet modal when swipeToDismiss flag is set to true and modal swiped down to dismiss. [more info](https://wix.github.io/react-native-navigation/api/events/#registermodalattemptedtodismisslistenerios-13-only)
 
 ```js
 import { useNavigationModalAttemptedToDismiss } from 'react-native-navigation-hooks'
@@ -155,7 +155,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationModalDismiss
 
-Invoked when modal dismissed. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registermodaldismissedlistener)
+Invoked when modal dismissed. [more info](https://wix.github.io/react-native-navigation/api/events/#registermodaldismissedlistener)
 
 ```js
 import { useNavigationModalDismiss } from 'react-native-navigation-hooks'
@@ -181,7 +181,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationScreenPop
 
-Invoked when screen is popped. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registerscreenpoppedlistener)
+Invoked when screen is popped. [more info](https://wix.github.io/react-native-navigation/api/events/#registerscreenpoppedlistener)
 
 ```js
 import { useNavigationScreenPop } from 'react-native-navigation-hooks'
@@ -207,7 +207,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationBottomTabSelect
 
-Invoked when a BottomTab is selected by the user. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registerbottomtabselectedlistener)
+Invoked when a BottomTab is selected by the user. [more info](https://wix.github.io/react-native-navigation/api/events/#registerbottomtabselectedlistener)
 
 ```js
 import { useNavigationBottomTabSelect } from 'react-native-navigation-hooks'
@@ -228,7 +228,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationBottomTabPress
 
-Invoked when a BottomTab is pressed by the user. [more info](https://wix.github.io/react-native-navigation/#/docs/events)
+Invoked when a BottomTab is pressed by the user. [more info](https://wix.github.io/react-native-navigation/api/events/#registerbottomtabpressedlistener)
 
 ```js
 import { useNavigationBottomTabPress } from 'react-native-navigation-hooks'
@@ -249,7 +249,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationBottomTabLongPress
 
-Invoked when a BottomTab is long pressed by the user. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=registerbottomtablongpressedlistener)
+Invoked when a BottomTab is long pressed by the user. [more info](https://wix.github.io/react-native-navigation/api/events/#registerbottomtablongpressedlistener)
 
 ```js
 import { useNavigationBottomTabLongPress } from 'react-native-navigation-hooks'
@@ -270,7 +270,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationButtonPress
 
-Emitted whenever a TopBar button is pressed by the user. [more info](https://wix.github.io/react-native-navigation/#/docs/topBar-buttons?id=handling-button-press-events)
+Emitted whenever a TopBar button is pressed by the user. [more info](https://wix.github.io/react-native-navigation/api/events/#navigationbuttonpressed-event)
 
 ```js
 import { useNavigationButtonPress } from 'react-native-navigation-hooks'
@@ -305,7 +305,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationSearchBarUpdate (iOS 11+ only)
 
-Called when a SearchBar from NavigationBar gets updated. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=searchbarupdated-ios-11-only)
+Called when a SearchBar from NavigationBar gets updated. [more info](https://wix.github.io/react-native-navigation/api/events/#searchbarupdated-ios-11-only)
 
 ```js
 import { useNavigationSearchBarUpdate } from 'react-native-navigation-hooks'
@@ -333,7 +333,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationSearchBarCancelPress (iOS 11+ only)
 
-Called when the cancel button on the SearchBar from NavigationBar gets pressed. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=searchbarcancelpressed-ios-11-only)
+Called when the cancel button on the SearchBar from NavigationBar gets pressed. [more info](https://wix.github.io/react-native-navigation/api/events/#searchbarcancelpressed-ios-11-only)
 
 ```js
 import { useNavigationSearchBarCancelPress } from 'react-native-navigation-hooks'
@@ -359,7 +359,7 @@ const ScreenComponent = ({ componentId }) => {
 
 ### useNavigationPreviewComplete (iOS 11.4+ only)
 
-Called when preview peek is completed. [more info](https://wix.github.io/react-native-navigation/#/docs/events?id=previewcompleted-ios-114-only)
+Called when preview peek is completed. [more info](https://wix.github.io/react-native-navigation/api/events/#previewcompleted-ios-114-only)
 
 ```js
 import { useNavigationPreviewComplete } from 'react-native-navigation-hooks'

example/index.js renamed to example/index.ts

@@ -33,7 +33,8 @@
     "jest": "23.6.0",
     "metro-react-native-babel-preset": "0.58.0",
     "prettier": "2.0.5",
-    "react-test-renderer": "16.11.0"
+    "react-test-renderer": "16.11.0",
+    "typescript": "3.3.1"
   },
   "jest": {
     "preset": "react-native"

example/package.json

@@ -0,0 +1,3 @@
+export type ScreenProps = {
+  componentId: string
+}

example/src/App.js renamed to example/src/App.ts

@@ -5,12 +5,13 @@ import { useNavigationCommandComplete } from 'react-native-navigation-hooks'
 import { Navigation } from 'react-native-navigation'
 
 import { TestLabels } from '../testIDs'
+import { ScreenProps } from '../interfaces'
 
 /**
  * ModalScreen
  */
 
-const ModalScreen = ({ componentId }) => {
+const ModalScreen = ({ componentId }: ScreenProps) => {
   /**
    * State
    */

example/src/interfaces.ts

@@ -4,12 +4,13 @@ import { View, Text, StyleSheet, Alert } from 'react-native'
 import { useNavigationScreenPop } from 'react-native-navigation-hooks'
 
 import { TestLabels } from '../testIDs'
+import { ScreenProps } from '../interfaces'
 
 /**
  * PushedScreen
  */
 
-const PushedScreen = ({ componentId }) => {
+const PushedScreen = ({ componentId }: ScreenProps) => {
   const handleNavigationScreenPop = useCallback(() => {
     Alert.alert(TestLabels.POPPED)
   }, [])

example/src/screens/ModalScreen.js renamed to example/src/screens/ModalScreen.tsx

@@ -18,12 +18,13 @@ import { Navigation } from 'react-native-navigation'
 
 import { Screens } from '.'
 import { TestLabels, TestIDs } from '../testIDs'
+import { ScreenProps } from '../interfaces'
 
 /**
  * Home
  */
 
-const Home = ({ componentId }) => {
+const Home = ({ componentId }: ScreenProps) => {
   /**
    * State
    */
@@ -104,37 +105,26 @@ const Home = ({ componentId }) => {
    * Listeners
    */
 
-  // Listener called each time this component appears on screen (attached to the view hierarchy)
   useNavigationComponentDidAppear(handleComponentDidAppear, componentId)
 
-  // Listener called each time this component disappears from screen (detached from the view heirarchy)
   useNavigationComponentDidDisappear(handleComponentDidDisappear, componentId)
 
-  // Listener called whenever a Navigation command (i.e push, pop, showModal etc) is invoked.
   useNavigationCommand(handleNavigationCommand)
 
-  // Global listener called only on iOS pageSheet modal when swipeToDismiss flag is set to true and modal swiped down to dismiss. (iOS 13+ only)
   useNavigationModalAttemptedToDismiss(handleNavigationModalAttemptedToDismiss)
 
-  // Global listener called when modal dismissed.
   useNavigationModalDismiss(handleNavigationModalDismiss)
 
-  // Listener called when a BottomTab is pressed by the user.
-  useNavigationBottomTabPress(handleNavigationBottomTabPress, componentId)
+  useNavigationBottomTabPress(handleNavigationBottomTabPress)
 
-  // Listener called when a BottomTab is long pressed by the user.
-  useNavigationBottomTabLongPress(handleNavigationBottomTabLongPress, componentId)
+  useNavigationBottomTabLongPress(handleNavigationBottomTabLongPress)
 
-  // Current screen listener called whenever a TopBar button is pressed by the user.
   useNavigationButtonPress(handleNavigationButtonPress, componentId)
 
-  // Global listener called when a SearchBar from NavigationBar gets updated (iOS 11+ only)
   useNavigationSearchBarUpdate(handleNavigationSearchBarUpdate)
 
-  // Global listener called when the cancel button on the SearchBar from NavigationBar gets pressed (iOS 11+ only)
   useNavigationSearchBarCancelPress(handleNavigationSearchBarCancelPress)
 
-  // Global listener called when preview peek is completed (iOS 11.4+ only)
   useNavigationPreviewComplete(handleNavigationPreviewComplete)
 
   return (

example/src/screens/PushedScreen.js renamed to example/src/screens/PushedScreen.tsx

@@ -4,12 +4,13 @@ import { View, Text, StyleSheet } from 'react-native'
 import { useNavigationBottomTabSelect } from 'react-native-navigation-hooks'
 
 import { TestLabels } from '../testIDs'
+import { ScreenProps } from '../interfaces'
 
 /**
  * SecondaryScreen
  */
 
-const SecondaryScreen = ({ componentId }) => {
+const SecondaryScreen = ({ componentId }: ScreenProps) => {
   /**
    * State
    */
@@ -29,7 +30,7 @@ const SecondaryScreen = ({ componentId }) => {
    */
 
   // Listener called when a BottomTab is selected by the user.
-  useNavigationBottomTabSelect(handleNavigationBottomTabSelect, componentId)
+  useNavigationBottomTabSelect(handleNavigationBottomTabSelect)
 
   return (
     <View style={styles.container}>