Create local reference to React.PropTypes

Makes it slightly easier to read while reducing the amount of property lookups
needed.

Author: CMTegner

lib/Autocomplete.js

@@ -1,4 +1,5 @@
 const React = require('react')
+const { PropTypes } = React
 const { findDOMNode } = require('react-dom')
 const scrollIntoView = require('dom-scroll-into-view')
 
@@ -10,43 +11,43 @@ let Autocomplete = React.createClass({
     /**
      * The items to display in the dropdown menu
      */
-    items: React.PropTypes.array.isRequired,
+    items: PropTypes.array.isRequired,
     /**
      * The value to display in the input field
      */
-    value: React.PropTypes.any,
+    value: PropTypes.any,
     /**
      * Arguments: `event: Event, value: String`
      *
      * Invoked every time the user changes the input's value.
      */
-    onChange: React.PropTypes.func,
+    onChange: PropTypes.func,
     /**
      * Arguments: `value: String, item: Any`
      *
      * Invoked when the user selects an item from the dropdown menu.
      */
-    onSelect: React.PropTypes.func,
+    onSelect: PropTypes.func,
     /**
      * Arguments: `item: Any, value: String`
      *
      * Invoked for each entry in `items` and its return value is used to
      * determine whether or not it should be displayed in the dropdown menu.
      * By default all items are always rendered.
      */
-    shouldItemRender: React.PropTypes.func,
+    shouldItemRender: PropTypes.func,
     /**
      * Arguments: `itemA: Any, itemB: Any, value: String`
      *
      * The function which is used to sort `items` before display.
      */
-    sortItems: React.PropTypes.func,
+    sortItems: PropTypes.func,
     /**
      * Arguments: `item: Any`
      *
      * Used to read the display value from each entry in `items`.
      */
-    getItemValue: React.PropTypes.func.isRequired,
+    getItemValue: PropTypes.func.isRequired,
     /**
      * Arguments: `item: Any, isHighlighted: Boolean, styles: Object`
      *
@@ -55,7 +56,7 @@ let Autocomplete = React.createClass({
      * an optional set of styles that can be applied to improve the look/feel
      * of the items in the dropdown menu.
      */
-    renderItem: React.PropTypes.func.isRequired,
+    renderItem: PropTypes.func.isRequired,
     /**
      * Arguments: `items: Array<Any>, value: String, styles: Object`
      *
@@ -64,51 +65,51 @@ let Autocomplete = React.createClass({
      * `styles` will contain { top, left, minWidth } which are the coordinates
      * of the top-left corner and the width of the dropdown menu.
      */
-    renderMenu: React.PropTypes.func,
+    renderMenu: PropTypes.func,
     /**
      * Styles that are applied to the dropdown menu in the default `renderMenu`
      * implementation. If you override `renderMenu` and you want to use
      * `menuStyles` you must manually apply them (`this.props.menuStyles`).
      */
-    menuStyle: React.PropTypes.object,
+    menuStyle: PropTypes.object,
     /**
      * Props that are applied to the `<input />` element rendered by
      * `Autocomplete`. Any properties supported by `HTMLInputElement` can be
      * specified, apart from the following which are set by `Autocomplete`:
      * value, autoComplete, role, aria-autocomplete
      */
-    inputProps: React.PropTypes.object,
+    inputProps: PropTypes.object,
     /**
      * Props that are applied to the element which wraps the `<input />` and
      * dropdown menu elements rendered by `Autocomplete`.
      */
-    wrapperProps: React.PropTypes.object,
+    wrapperProps: PropTypes.object,
     /**
      * This is a shorthand for `wrapperProps={{ style: <your styles> }}`.
      * Note that `wrapperStyle` is applied before `wrapperProps`, so the latter
      * will win if it contains a `style` entry.
      */
-    wrapperStyle: React.PropTypes.object,
+    wrapperStyle: PropTypes.object,
     /**
      * Whether or not to automatically highlight the top match in the dropdown
      * menu.
      */
-    autoHighlight: React.PropTypes.bool,
+    autoHighlight: PropTypes.bool,
     /**
      * Arguments: `isOpen: Boolean`
      *
      * Invoked every time the dropdown menu's visibility changes (i.e. every
      * time it is displayed/hidden).
      */
-    onMenuVisibilityChange: React.PropTypes.func,
+    onMenuVisibilityChange: PropTypes.func,
     /**
      * Used to override the internal logic which displays/hides the dropdown
      * menu. This is useful if you want to force a certain state based on your
      * UX/business logic. Use it together with `onMenuVisibilityChange` for
      * fine-grained control over the dropdown menu dynamics.
      */
-    open: React.PropTypes.bool,
-    debug: React.PropTypes.bool,
+    open: PropTypes.bool,
+    debug: PropTypes.bool,
   },
 
   getDefaultProps () {