Replace sortBy with fast sort package

assets/js/base/context/hooks/collections/use-collection-data.ts

@@ -3,9 +3,10 @@
  */
 import { useState, useEffect, useMemo } from '@wordpress/element';
 import { useDebounce } from 'use-debounce';
-import { sortBy } from 'lodash';
+import { isEmpty } from 'lodash';
+import { sort } from 'fast-sort';
 import { useShallowEqual } from '@woocommerce/base-hooks';
-import { objectHasProp, isEmpty } from '@woocommerce/types';
+import { objectHasProp } from '@woocommerce/types';
 
 /**
  * Internal dependencies
@@ -22,17 +23,16 @@ const buildCollectionDataQuery = (
 	if (
 		Array.isArray( collectionDataQueryState.calculate_attribute_counts )
 	) {
-		query.calculate_attribute_counts = sortBy(
+		query.calculate_attribute_counts = sort(
 			collectionDataQueryState.calculate_attribute_counts.map(
 				( { taxonomy, queryType } ) => {
 					return {
 						taxonomy,
 						query_type: queryType,
 					};
 				}
-			),
-			[ 'taxonomy', 'query_type' ]
-		);
+			)
+		).asc( [ 'taxonomy', 'query_type' ] );
 	}
 
 	return query;

assets/js/blocks/attribute-filter/edit.tsx

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { sortBy } from 'lodash';
+import { sort } from 'fast-sort';
 import { __, sprintf, _n } from '@wordpress/i18n';
 import { useState } from '@wordpress/element';
 import {
@@ -158,15 +158,14 @@ const Edit = ( {
 			),
 		};
 
-		const list = sortBy(
+		const list = sort(
 			ATTRIBUTES.map( ( item ) => {
 				return {
 					id: parseInt( item.attribute_id, 10 ),
 					name: item.attribute_label,
 				};
-			} ),
-			'name'
-		);
+			} )
+		).asc( 'name' );
 
 		return (
 			<SearchListControl

assets/js/utils/attributes-query.ts

@@ -6,7 +6,7 @@ import {
 	AttributeQuery,
 	AttributeTerm,
 } from '@woocommerce/types';
-import { sortBy } from 'lodash';
+import { sort } from 'fast-sort';
 
 /**
  * Given a query object, removes an attribute filter by a single slug.
@@ -51,7 +51,7 @@ export const removeAttributeFilterBySlug = (
 		returnQuery.push( currentQuery );
 	}
 
-	setQuery( sortBy( returnQuery, 'attribute' ) );
+	setQuery( sort( returnQuery ).asc( 'attribute' ) );
 };
 
 /**
@@ -88,7 +88,7 @@ export const updateAttributeFilter = (
 			operator,
 			slug: attributeTerms.map( ( { slug } ) => slug ).sort(),
 		} );
-		setQuery( sortBy( returnQuery, 'attribute' ) );
+		setQuery( sort( returnQuery ).asc( 'attribute' ) );
 	}
 
 	return returnQuery;

package.json

@@ -260,6 +260,7 @@
 		"dompurify": "^2.4.0",
 		"downshift": "6.1.7",
 		"fast-deep-equal": "^3.1.3",
+		"fast-sort": "^3.4.0",
 		"html-react-parser": "3.0.4",
 		"postcode-validator": "3.7.0",
 		"preact": "^10.11.3",