Implements dependencies options (#1)

* Implement dependencies option

* ICachedFetchDefaultOptions with no optional properties

Author: vitorbertolucci

src/cachedFetch.tsx

@@ -5,7 +5,11 @@ import {
   useReducer,
   useState
 } from "react";
-import { CachedFetchContext, ICachedFetchOptions } from "./cachedFetchProvider";
+import {
+  CachedFetchContext,
+  ICachedFetchDefaultOptions,
+  ICachedFetchOptions
+} from "./cachedFetchProvider";
 
 interface ICachedFetchReducerState {
   isLoading: boolean;
@@ -48,17 +52,39 @@ export const useCachedFetch = (
   const { cache, updateCache, globalOptions }: any = useContext(
     CachedFetchContext
   );
-  const unifiedOptions = { ...globalOptions, ...options };
-  const [headers] = useState(unifiedOptions.headers);
+  const unifiedOptions: ICachedFetchDefaultOptions = {
+    ...globalOptions,
+    ...options
+  };
+  const [headers] = useState<Headers>(unifiedOptions.headers);
   const [state, dispatch] = useReducer(cachedFetchReducer, {
     isLoading: false,
     hasError: false
   });
   const [shouldRefresh, setShouldRefresh] = useState(false);
+  const [isWaitingForDependencies, setIsWaitingForDependencies] = useState(
+    true
+  );
 
   const fetchCallback = useCallback(unifiedOptions.fetcher, []);
 
   useEffect(() => {
+    if (
+      unifiedOptions.dependencies &&
+      unifiedOptions.dependencies.some((dependency: boolean) => !dependency)
+    ) {
+      setIsWaitingForDependencies(true);
+      return;
+    }
+
+    setIsWaitingForDependencies(false);
+  }, [unifiedOptions.dependencies]);
+
+  useEffect(() => {
+    if (isWaitingForDependencies) {
+      return;
+    }
+
     let mounted = true;
 
     const fetchData = async () => {
@@ -84,7 +110,15 @@ export const useCachedFetch = (
     return () => {
       mounted = false;
     };
-  }, [route, dispatch, updateCache, fetchCallback, shouldRefresh, headers]);
+  }, [
+    route,
+    dispatch,
+    updateCache,
+    fetchCallback,
+    shouldRefresh,
+    headers,
+    isWaitingForDependencies
+  ]);
 
   const refresh = () => {
     setShouldRefresh((current: Boolean) => !current);

src/cachedFetchProvider.tsx

@@ -9,6 +9,14 @@ export interface ICachedFetchOptions {
   headers?: Headers;
   fetcher?: (route: string, headers: Headers) => any;
   initialValue?: any;
+  dependencies?: boolean[];
+}
+
+export interface ICachedFetchDefaultOptions {
+  headers: Headers;
+  fetcher: (route: string, headers: Headers) => any;
+  initialValue: any;
+  dependencies: boolean[];
 }
 
 interface ICachedFetchProviderProps {
@@ -26,7 +34,8 @@ const defaultOptions = {
   headers: {
     method: "GET"
   },
-  initialValue: undefined
+  initialValue: undefined,
+  dependencies: []
 };
 
 export const CachedFetchProvider: FunctionComponent<ICachedFetchProviderProps> = ({