use react-requred-if for Search onFilterSelect prop

onFilterSelect shouold only be required if props.filters is supplied
adding react-required-if solves this.

package.json

@@ -58,6 +58,7 @@
     "prop-types": "15.6.0",
     "react-input-autosize": "2.2.1",
     "react-motion": "0.5.2",
+    "react-required-if": "^1.0.3",
     "react-resize-aware": "2.7.0",
     "react-router": "3.2.0"
   },

src/components/Search/Search.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { map, includes, without, isEmpty, last, noop } from 'lodash';
 import PropTypes from 'prop-types';
+import requiredIf from 'react-required-if';
 
 import { copyPropTypes } from '../../utils/compose';
 import Input from '../Input';
@@ -221,7 +222,7 @@ Search.propTypes = {
    * Handler that runs when an item from the search filter dropdown is selected
    * Returns the selected filter value.
    */
-  onFilterSelect: PropTypes.func.isRequired,
+  onFilterSelect: requiredIf(PropTypes.func, props => props.filters),
   onFocus: PropTypes.func,
   onBlur: PropTypes.func,
 };
@@ -230,6 +231,7 @@ Search.defaultProps = {
   placeholder: 'search',
   disabled: false,
   filters: [],
+  onFilterSelect: noop,
   onPin: noop,
   onFocus: noop,
   onBlur: noop,

yarn.lock

@@ -6822,6 +6822,10 @@ react-reconciler@^0.7.0:
     object-assign "^4.1.1"
     prop-types "^15.6.0"
 
+react-required-if@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/react-required-if/-/react-required-if-1.0.3.tgz#6a40a761b1d54815c1d4e6610910cbf92b5aa987"
+
 react-resize-aware@2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/react-resize-aware/-/react-resize-aware-2.7.0.tgz#1bb6d0b45a234d94d412b5c3f5e9d2ffbf973429"