message: Updated typings tests with context
diff: import { StateNavigator } from 'navigation';
  -import { NavigationBackLink, NavigationLink, RefreshLink } from 'navigation-react';
  +import { NavigationHandler, NavigationContext, NavigationBackLink, NavigationLink, RefreshLink } from 'navigation-react';
  import * as React from 'react';
  const stateNavigator = new StateNavigator([
  - { key: 'people', route: 'people/{page}' },
  - { key: 'person', route: 'person/{id}', trackCrumbTrail: true }
  + { key: 'people', route: 'people/{page?}', defaults: { page: 0 } },
  + { key: 'person', route: 'person/{name}', trackCrumbTrail: true }
  ]);
  -// Refresh Link
  -let RefreshLinkTest = () => <RefreshLink>People</RefreshLink>;
  -
  -RefreshLinkTest = () => {
  - return (
  +var People = ({ page }) => (
  + <div>
  + <ul>
  + <li>
  + <NavigationLink
  + stateKey="person"
  + navigationData={{name: 'Bob'}}>
  + Bob
  + </NavigationLink>
  + </li>
  + </ul>
  <RefreshLink
  - navigationData={{ page: 2 }}
  - includeCurrentData={true}
  - currentDataKeys="sort"
  - activeCssClass="active"
  + navigationData={{ page: page++ }}
  disableActive={true}
  - acrossCrumbs={false}
  - historyAction="replace"
  - navigating= {(e: React.MouseEvent<HTMLAnchorElement>, link: string) => true}
  - stateNavigator={stateNavigator}
  - target="_blank"
  - aria-label="Go to the second page of people">
  - People
  + includeCurrentData={true}>
  + Next
  </RefreshLink>
  + </div>
  );
  -};
  -// Navigation Link
  -let NavigationLinkTest = () => <NavigationLink stateKey="person">Person</NavigationLink>;
  -
  -NavigationLinkTest = () => {
  - return (
  - <NavigationLink
  - stateKey="person"
  - navigationData={{ id: 12 }}
  - includeCurrentData={false}
  - currentDataKeys=""
  - activeCssClass=""
  - disableActive={false}
  - acrossCrumbs={false}
  - historyAction="add"
  - navigating= {(e: React.MouseEvent<HTMLAnchorElement>, link: string) => true}
  - stateNavigator={stateNavigator}
  - target="_blank"
  - aria-label="View the person's details">
  - Person
  - </NavigationLink>
  +var Person = ({ name }) => (
  + <div>
  + <NavigationBackLink distance={1}>List</NavigationBackLink>
  + <div>{name}</div>
  + </div>
  );
  -};
  -// Navigation Back Link
  -let NavigationBackLinkTest = () => <NavigationBackLink distance={1}>People</NavigationBackLink>;
  +var { people, person } = stateNavigator.states;
  +people.renderView = ({ page }) => <People page={page} />;
  +person.renderView = ({ name }) => <Person name={name} />;
  -NavigationBackLinkTest = () => {
  - return (
  - <NavigationBackLink
  - distance={1}
  - acrossCrumbs={false}
  - historyAction="none"
  - navigating= {(e: React.MouseEvent<HTMLAnchorElement>, link: string) => true}
  - stateNavigator={stateNavigator}
  - target="_blank"
  - aria-label="Go back to the list of people">
  - People
  - </NavigationBackLink>
  +var App = () => (
  + <NavigationHandler stateNavigator={stateNavigator}>
  + <NavigationContext.Consumer>
  + {({ state, data }) => state.renderView(data)}
  + </NavigationContext.Consumer>
  + </NavigationHandler>
  );
  -};
  