Remove with-query-string-values hoc implementation (#1287)

* remove with-query-string-values hoc implementation

* remove unnecessary passed in props and clean up proptypes

* remove dead code

Author: nerrad

assets/js/base/components/product-list/container.js

@@ -1,59 +1,39 @@
 /**
  * External dependencies
  */
-import { Component } from 'react';
+import { useState } from '@wordpress/element';
 import PropTypes from 'prop-types';
-import withQueryStringValues from '@woocommerce/base-hocs/with-query-string-values';
 
 /**
  * Internal dependencies
  */
 import ProductList from './index';
 
-class ProductListContainer extends Component {
-	onPageChange = ( newPage ) => {
-		this.props.updateQueryStringValues( {
-			product_page: newPage,
-		} );
+const ProductListContainer = ( { attributes } ) => {
+	const [ currentPage, setPage ] = useState( 1 );
+	const [ currentSort, setSort ] = useState( attributes.orderby );
+	const onPageChange = ( newPage ) => {
+		setPage( newPage );
 	};
-
-	onSortChange = ( event ) => {
+	const onSortChange = ( event ) => {
 		const newSortValue = event.target.value;
-		this.props.updateQueryStringValues( {
-			product_sort: newSortValue,
-			product_page: 1,
-		} );
+		setSort( newSortValue );
+		setPage( 1 );
 	};
 
-	render() {
-		// eslint-disable-next-line camelcase
-		const { attributes, product_page, product_sort } = this.props;
-		const currentPage = parseInt( product_page );
-		const sortValue = product_sort || attributes.orderby; // eslint-disable-line camelcase
-
-		return (
-			<ProductList
-				attributes={ attributes }
-				currentPage={ currentPage }
-				onPageChange={ this.onPageChange }
-				onSortChange={ this.onSortChange }
-				sortValue={ sortValue }
-			/>
-		);
-	}
-}
+	return (
+		<ProductList
+			attributes={ attributes }
+			currentPage={ currentPage }
+			onPageChange={ onPageChange }
+			onSortChange={ onSortChange }
+			sortValue={ currentSort }
+		/>
+	);
+};
 
 ProductListContainer.propTypes = {
 	attributes: PropTypes.object.isRequired,
-	// From withQueryStringValues
-	product_page: PropTypes.oneOfType( [ PropTypes.number, PropTypes.string ] ),
-	product_sort: PropTypes.string,
-};
-
-ProductListContainer.defaultProps = {
-	product_page: 1,
 };
 
-export default withQueryStringValues( [ 'product_page', 'product_sort' ] )(
-	ProductListContainer
-);
+export default ProductListContainer;