Normalize event callback function names in search and sort components

src/components/Search/Search.jsx

@@ -23,16 +23,16 @@ class Search extends React.Component {
     };
 
     this.handleSearchInputChange = this.handleSearchInputChange.bind(this);
-    this.onSearchDropdownToggle = this.onSearchDropdownToggle.bind(this);
-    this.onSearchDropdownSelect = this.onSearchDropdownSelect.bind(this);
-    this.onSearch = this.onSearch.bind(this);
+    this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
+    this.handleDropdownSelect = this.handleDropdownSelect.bind(this);
+    this.handleSearch = this.handleSearch.bind(this);
   }
 
-  onSearchDropdownToggle (isSearchDropdownOpen) {
+  handleDropdownToggle (isSearchDropdownOpen) {
     this.setState({ isSearchDropdownOpen });
   }
 
-  onSearchDropdownSelect ({ target }) {
+  handleDropdownSelect ({ target }) {
     const { columns } = this.props;
     const { innerText } = target;
 
@@ -40,7 +40,7 @@ class Search extends React.Component {
     this.setState({ isSearchDropdownOpen: false, searchKey });
   }
 
-  onSearch () {
+  handleSearch () {
     const { searchValue } = this.state;
     const { onSearch } = this.props;
 
@@ -78,13 +78,13 @@ class Search extends React.Component {
           <div className="pf-c-input-group">
             <Dropdown
               className="searchKeyDropdown"
-              onToggle={this.onSearchDropdownToggle}
-              onSelect={this.onSearchDropdownSelect}
+              onToggle={this.handleDropdownToggle}
+              onSelect={this.handleDropdownSelect}
               direction={up}
               isOpen={isSearchDropdownOpen}
               toggle={(
                 <DropdownToggle
-                  onToggle={this.onSearchDropdownToggle}
+                  onToggle={this.handleDropdownToggle}
                 >
                   {searchColumnName}
                 </DropdownToggle>
@@ -101,7 +101,7 @@ class Search extends React.Component {
             <Button
               variant="tertiary"
               aria-label={i18n._(t`Search`)}
-              onClick={this.onSearch}
+              onClick={this.handleSearch}
             >
               <i className="fas fa-search" aria-hidden="true" />
             </Button>

src/components/Sort/Sort.jsx

@@ -24,16 +24,16 @@ class Sort extends React.Component {
       isSortDropdownOpen: false,
     };
 
-    this.onSortDropdownToggle = this.onSortDropdownToggle.bind(this);
-    this.onSortDropdownSelect = this.onSortDropdownSelect.bind(this);
-    this.onSort = this.onSort.bind(this);
+    this.handleDropdownToggle = this.handleDropdownToggle.bind(this);
+    this.handleDropdownSelect = this.handleDropdownSelect.bind(this);
+    this.handleSort = this.handleSort.bind(this);
   }
 
-  onSortDropdownToggle (isSortDropdownOpen) {
+  handleDropdownToggle (isSortDropdownOpen) {
     this.setState({ isSortDropdownOpen });
   }
 
-  onSortDropdownSelect ({ target }) {
+  handleDropdownSelect ({ target }) {
     const { columns, onSort, sortOrder } = this.props;
     const { innerText } = target;
 
@@ -43,7 +43,7 @@ class Sort extends React.Component {
     onSort(searchKey, sortOrder);
   }
 
-  onSort () {
+  handleSort () {
     const { onSort, sortedColumnKey, sortOrder } = this.props;
     const newSortOrder = sortOrder === 'ascending' ? 'descending' : 'ascending';
 
@@ -86,13 +86,13 @@ class Sort extends React.Component {
             { sortDropdownItems.length > 1 && (
               <Dropdown
                 style={{ marginRight: '20px' }}
-                onToggle={this.onSortDropdownToggle}
-                onSelect={this.onSortDropdownSelect}
+                onToggle={this.handleDropdownToggle}
+                onSelect={this.handleDropdownSelect}
                 direction={up}
                 isOpen={isSortDropdownOpen}
                 toggle={(
                   <DropdownToggle
-                    onToggle={this.onSortDropdownToggle}
+                    onToggle={this.handleDropdownToggle}
                   >
                     {sortedColumnName}
                   </DropdownToggle>
@@ -101,7 +101,7 @@ class Sort extends React.Component {
               />
             )}
             <Button
-              onClick={this.onSort}
+              onClick={this.handleSort}
               variant="plain"
               aria-label={i18n._(t`Sort`)}
             >