Remove lodash difference

woocommerce · Apr 20, 2023 · 380fedb · 380fedb
1 parent ebec4bc
commit 380fedb
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/assets/js/blocks/attribute-filter/block.tsx b/assets/js/blocks/attribute-filter/block.tsx
@@ -34,7 +34,6 @@ import {
 	PREFIX_QUERY_ARG_FILTER_TYPE,
 	PREFIX_QUERY_ARG_QUERY_TYPE,
 } from '@woocommerce/utils';
-import { difference } from 'lodash';
 import FormTokenField from '@woocommerce/base-components/form-token-field';
 import FilterTitlePlaceholder from '@woocommerce/base-components/filter-placeholder';
 import classnames from 'classnames';
@@ -591,13 +590,19 @@ const AttributeFilterBlock = ( {
 										: token;
 								} );
 
-								const added = difference( tokens, checked );
+								const added = [ tokens, checked ].reduce(
+									( a, b ) =>
+										a.filter( ( c ) => ! b.includes( c ) )
+								);
 
 								if ( added.length === 1 ) {
 									return onChange( added[ 0 ] );
 								}
 
-								const removed = difference( checked, tokens );
+								const removed = [ checked, tokens ].reduce(
+									( a, b ) =>
+										a.filter( ( c ) => ! b.includes( c ) )
+								);
 								if ( removed.length === 1 ) {
 									onChange( removed[ 0 ] );
 								}

diff --git a/assets/js/blocks/rating-filter/block.tsx b/assets/js/blocks/rating-filter/block.tsx
@@ -28,7 +28,6 @@ import FormTokenField from '@woocommerce/base-components/form-token-field';
 import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
 import { changeUrl, normalizeQueryParams } from '@woocommerce/utils';
 import classnames from 'classnames';
-import { difference } from 'lodash';
 import type { ReactElement } from 'react';
 
 /**
@@ -381,13 +380,19 @@ const RatingFilterBlock = ( {
 										: token;
 								} );
 
-								const added = difference( tokens, checked );
+								const added = [ tokens, checked ].reduce(
+									( a, b ) =>
+										a.filter( ( c ) => ! b.includes( c ) )
+								);
 
 								if ( added.length === 1 ) {
 									return onClick( added[ 0 ] );
 								}
 
-								const removed = difference( checked, tokens );
+								const removed = [ checked, tokens ].reduce(
+									( a, b ) =>
+										a.filter( ( c ) => ! b.includes( c ) )
+								);
 								if ( removed.length === 1 ) {
 									onClick( removed[ 0 ] );
 								}

diff --git a/assets/js/blocks/stock-filter/block.tsx b/assets/js/blocks/stock-filter/block.tsx
@@ -37,7 +37,6 @@ import {
 	PREFIX_QUERY_ARG_FILTER_TYPE,
 	normalizeQueryParams,
 } from '@woocommerce/utils';
-import { difference } from 'lodash';
 import classnames from 'classnames';
 
 /**
@@ -395,13 +394,17 @@ const StockStatusFilterBlock = ( {
 			return displayOption ? displayOption.value : token;
 		} );
 
-		const added = difference( tokens, checked );
+		const added = [ tokens, checked ].reduce( ( a, b ) =>
+			a.filter( ( c ) => ! b.includes( c ) )
+		);
 
 		if ( added.length === 1 ) {
 			return onChange( added[ 0 ] );
 		}
 
-		const removed = difference( checked, tokens );
+		const removed = [ checked, tokens ].reduce( ( a, b ) =>
+			a.filter( ( c ) => ! b.includes( c ) )
+		);
 		if ( removed.length === 1 ) {
 			onChange( removed[ 0 ] );
 		}