Add lodash deburr to autocomplete so that is works with diacritics (#…

…10770)

* Add lodash deburr to autocomplete so that is works when the input string starts with an Umlaut

* Update autocompleter so that both the search terms and the keywords are run through lodash's deburr function to allow using characters with diacrytics

packages/components/src/autocomplete/index.js

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { escapeRegExp, find, map, debounce } from 'lodash';
+import { escapeRegExp, find, map, debounce, deburr } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -122,7 +122,7 @@ function filterOptions( search, options = [], maxResults = 10 ) {
 			keywords = [ ...keywords, option.label ];
 		}
 
-		const isMatch = keywords.some( ( keyword ) => search.test( keyword ) );
+		const isMatch = keywords.some( ( keyword ) => search.test( deburr( keyword ) ) );
 		if ( ! isMatch ) {
 			continue;
 		}
@@ -382,8 +382,8 @@ export class Autocomplete extends Component {
 		}
 
 		if ( isCollapsed( record ) ) {
-			const text = getTextContent( slice( record, 0 ) );
-			const prevText = getTextContent( slice( prevRecord, 0 ) );
+			const text = deburr( getTextContent( slice( record, 0 ) ) );
+			const prevText = deburr( getTextContent( slice( prevRecord, 0 ) ) );
 
 			if ( text !== prevText ) {
 				const textAfterSelection = getTextContent( slice( record, undefined, getTextContent( record ).length ) );