@wordpress/block-editor 9.2.0 → 9.5.0

package/src/components/inspector-popover-header/index.js

@@ -0,0 +1,56 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	__experimentalVStack as VStack,
+	__experimentalHStack as HStack,
+	__experimentalHeading as Heading,
+	__experimentalSpacer as Spacer,
+	Button,
+	__experimentalText as Text,
+} from '@wordpress/components';
+import { closeSmall } from '@wordpress/icons';
+import { __ } from '@wordpress/i18n';
+
+export default function InspectorPopoverHeader( {
+	title,
+	help,
+	actions = [],
+	onClose,
+} ) {
+	return (
+		<VStack className="block-editor-inspector-popover-header" spacing={ 4 }>
+			<HStack alignment="center">
+				<Heading
+					className="block-editor-inspector-popover-header__heading"
+					level={ 2 }
+					size={ 13 }
+				>
+					{ title }
+				</Heading>
+				<Spacer />
+				{ actions.map( ( { label, icon, onClick } ) => (
+					<Button
+						key={ label }
+						className="block-editor-inspector-popover-header__action"
+						label={ label }
+						icon={ icon }
+						variant={ ! icon && 'tertiary' }
+						onClick={ onClick }
+					>
+						{ ! icon && label }
+					</Button>
+				) ) }
+				{ onClose && (
+					<Button
+						className="block-editor-inspector-popover-header__action"
+						label={ __( 'Close' ) }
+						icon={ closeSmall }
+						onClick={ onClose }
+					/>
+				) }
+			</HStack>
+			{ help && <Text>{ help }</Text> }
+		</VStack>
+	);
+}

package/src/components/inspector-popover-header/style.scss

@@ -0,0 +1,16 @@
+.block-editor-inspector-popover-header {
+	margin-bottom: $grid-unit-20;
+}
+
+[class].block-editor-inspector-popover-header__action {
+	height: $icon-size;
+
+	&.has-icon {
+		min-width: $icon-size;
+		padding: 0;
+	}
+
+	&:not(.has-icon) {
+		text-decoration: underline;
+	}
+}

package/src/components/line-height-control/index.js

@@ -75,8 +75,7 @@ const LineHeightControl = ( {
 			{
 				since: '6.0',
 				version: '6.4',
-				hint:
-					'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version',
+				hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version',
 			}
 		);
 	}

package/src/components/link-control/index.js

@@ -1,7 +1,6 @@
 /**
  * External dependencies
  */
-import { noop } from 'lodash';
 import classnames from 'classnames';
 
 /**
@@ -97,6 +96,8 @@ import { DEFAULT_LINK_SETTINGS } from './constants';
  * @property {Function}                   renderControlBottom        Optional controls to be rendered at the bottom of the component.
  */
 
+const noop = () => {};
+
 /**
  * Renders a link control. A link control is a controlled input which maintains
  * a value associated with a link (HTML anchor element) and relevant settings
@@ -148,9 +149,8 @@ function LinkControl( {
 
 	const currentInputIsEmpty = ! currentInputValue?.trim()?.length;
 
-	const { createPage, isCreatingPage, errorMessage } = useCreatePage(
-		createSuggestion
-	);
+	const { createPage, isCreatingPage, errorMessage } =
+		useCreatePage( createSuggestion );
 
 	useEffect( () => {
 		if (
@@ -235,6 +235,7 @@ function LinkControl( {
 			internalTextValue !== value?.title
 		) {
 			onChange( {
+				...value,
 				url: currentInputValue,
 				title: internalTextValue,
 			} );

package/src/components/link-control/search-create-button.js

@@ -2,7 +2,6 @@
  * External dependencies
  */
 import classnames from 'classnames';
-import { isFunction } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -25,7 +24,10 @@ export const LinkControlSearchCreate = ( {
 
 	let text;
 	if ( buttonText ) {
-		text = isFunction( buttonText ) ? buttonText( searchTerm ) : buttonText;
+		text =
+			typeof buttonText === 'function'
+				? buttonText( searchTerm )
+				: buttonText;
 	} else {
 		text = createInterpolateElement(
 			sprintf(

package/src/components/link-control/search-input.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { noop, omit } from 'lodash';
+import { omit } from 'lodash';
 import classnames from 'classnames';
 /**
  * WordPress dependencies
@@ -23,6 +23,8 @@ import useSearchHandler from './use-search-handler';
 // which will cause an unintended http request.
 const noopSearchHandler = () => Promise.resolve( [] );
 
+const noop = () => {};
+
 const LinkControlSearchInput = forwardRef(
 	(
 		{

package/src/components/link-control/settings-drawer.js

@@ -1,14 +1,11 @@
-/**
- * External dependencies
- */
-import { noop } from 'lodash';
-
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
 import { ToggleControl, VisuallyHidden } from '@wordpress/components';
 
+const noop = () => {};
+
 const LinkControlSettingsDrawer = ( { value, onChange = noop, settings } ) => {
 	if ( ! settings || ! settings.length ) {
 		return null;

package/src/components/link-control/test/fixtures/index.js

@@ -1,7 +1,6 @@
-/**
- * External dependencies
- */
-import { uniqueId, take } from 'lodash';
+let uniqueIdCounter = 1;
+
+export const uniqueId = () => uniqueIdCounter++;
 
 export const fauxEntitySuggestions = [
 	{
@@ -27,8 +26,7 @@ export const fauxEntitySuggestions = [
 	},
 	{
 		id: uniqueId(),
-		title:
-			'This is another Post with a much longer title just to be really annoying and to try and break the UI',
+		title: 'This is another Post with a much longer title just to be really annoying and to try and break the UI',
 		type: 'post',
 		info: '1 month ago',
 		url: `?p=${ uniqueId() }`,
@@ -41,7 +39,7 @@ export const fetchFauxEntitySuggestions = (
 	{ isInitialSuggestions } = {}
 ) => {
 	const suggestions = isInitialSuggestions
-		? take( fauxEntitySuggestions, 3 )
+		? fauxEntitySuggestions.slice( 0, 3 )
 		: fauxEntitySuggestions;
 	return Promise.resolve( suggestions );
 };

package/src/components/link-control/test/index.js

@@ -4,7 +4,6 @@
 import { render, unmountComponentAtNode } from 'react-dom';
 import { act, Simulate } from 'react-dom/test-utils';
 import { queryByText, queryByRole } from '@testing-library/react';
-import { default as lodash, first, last, nth, uniqueId } from 'lodash';
 /**
  * WordPress dependencies
  */
@@ -18,13 +17,20 @@ import { useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import LinkControl from '../';
-import { fauxEntitySuggestions, fetchFauxEntitySuggestions } from './fixtures';
+import {
+	fauxEntitySuggestions,
+	fetchFauxEntitySuggestions,
+	uniqueId,
+} from './fixtures';
 
 // Mock debounce() so that it runs instantly.
-lodash.debounce = jest.fn( ( callback ) => {
-	callback.cancel = jest.fn();
-	return callback;
-} );
+jest.mock( 'lodash', () => ( {
+	...jest.requireActual( 'lodash' ),
+	debounce: ( fn ) => {
+		fn.cancel = jest.fn();
+		return fn;
+	},
+} ) );
 
 const mockFetchSearchSuggestions = jest.fn();
 
@@ -357,7 +363,7 @@ describe( 'Searching for a link', () => {
 
 	it( 'should display only search suggestions when current input value is not URL-like', async () => {
 		const searchTerm = 'Hello world';
-		const firstFauxSuggestion = first( fauxEntitySuggestions );
+		const firstFauxSuggestion = fauxEntitySuggestions[ 0 ];
 
 		act( () => {
 			render( <LinkControl />, container );
@@ -377,9 +383,9 @@ describe( 'Searching for a link', () => {
 
 		const searchResultElements = getSearchResults();
 
-		const firstSearchResultItemHTML = first( searchResultElements )
-			.innerHTML;
-		const lastSearchResultItemHTML = last( searchResultElements ).innerHTML;
+		const firstSearchResultItemHTML = searchResultElements[ 0 ].innerHTML;
+		const lastSearchResultItemHTML =
+			searchResultElements[ searchResultElements.length - 1 ].innerHTML;
 
 		expect( searchResultElements ).toHaveLength(
 			fauxEntitySuggestions.length
@@ -501,8 +507,9 @@ describe( 'Searching for a link', () => {
 
 			const searchResultElements = getSearchResults();
 
-			const lastSearchResultItemHTML = last( searchResultElements )
-				.innerHTML;
+			const lastSearchResultItemHTML =
+				searchResultElements[ searchResultElements.length - 1 ]
+					.innerHTML;
 			const additionalDefaultFallbackURLSuggestionLength = 1;
 
 			// We should see a search result for each of the expect search suggestions
@@ -758,12 +765,10 @@ describe( 'Default search suggestions', () => {
 		// Search Input UI.
 		const searchInput = getURLInput();
 
-		const searchResultsWrapper = container.querySelector(
-			'[role="listbox"]'
-		);
-		const initialSearchResultElements = searchResultsWrapper.querySelectorAll(
-			'[role="option"]'
-		);
+		const searchResultsWrapper =
+			container.querySelector( '[role="listbox"]' );
+		const initialSearchResultElements =
+			searchResultsWrapper.querySelectorAll( '[role="option"]' );
 
 		const searchResultsLabel = container.querySelector(
 			`#${ searchResultsWrapper.getAttribute( 'aria-labelledby' ) }`
@@ -976,11 +981,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 				'[role="listbox"] [role="option"]'
 			);
 
-			const createButton = first(
-				Array.from( searchResultElements ).filter( ( result ) =>
-					result.innerHTML.includes( 'Create:' )
-				)
-			);
+			const createButton = Array.from( searchResultElements ).filter(
+				( result ) => result.innerHTML.includes( 'Create:' )
+			)[ 0 ];
 
 			expect( createButton ).not.toBeNull();
 			expect( createButton.innerHTML ).toEqual(
@@ -1073,11 +1076,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			'[role="listbox"] [role="option"]'
 		);
 
-		const createButton = first(
-			Array.from( searchResultElements ).filter( ( result ) =>
-				result.innerHTML.includes( 'Create:' )
-			)
-		);
+		const createButton = Array.from( searchResultElements ).filter(
+			( result ) => result.innerHTML.includes( 'Create:' )
+		)[ 0 ];
 
 		await act( async () => {
 			Simulate.click( createButton );
@@ -1145,11 +1146,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 		const searchResultElements = container.querySelectorAll(
 			'[role="listbox"] [role="option"]'
 		);
-		const createButton = first(
-			Array.from( searchResultElements ).filter( ( result ) =>
-				result.innerHTML.includes( 'Create:' )
-			)
-		);
+		const createButton = Array.from( searchResultElements ).filter(
+			( result ) => result.innerHTML.includes( 'Create:' )
+		)[ 0 ];
 
 		// Step down into the search results, highlighting the first result item.
 		act( () => {
@@ -1212,11 +1211,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			'[role="listbox"] [role="option"]'
 		);
 
-		const createButton = first(
-			Array.from( searchResultElements ).filter( ( result ) =>
-				result.innerHTML.includes( 'Custom suggestion text' )
-			)
-		);
+		const createButton = Array.from( searchResultElements ).filter(
+			( result ) => result.innerHTML.includes( 'Custom suggestion text' )
+		)[ 0 ];
 
 		expect( createButton ).not.toBeNull();
 	} );
@@ -1243,11 +1240,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 				const searchResultElements = container.querySelectorAll(
 					'[role="listbox"] [role="option"]'
 				);
-				const createButton = first(
-					Array.from( searchResultElements ).filter( ( result ) =>
-						result.innerHTML.includes( 'Create:' )
-					)
-				);
+				const createButton = Array.from( searchResultElements ).filter(
+					( result ) => result.innerHTML.includes( 'Create:' )
+				)[ 0 ];
 
 				// Verify input has no value.
 				expect( searchInput.value ).toBe( '' );
@@ -1277,11 +1272,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			const searchResultElements = container.querySelectorAll(
 				'[role="listbox"] [role="option"]'
 			);
-			const createButton = first(
-				Array.from( searchResultElements ).filter( ( result ) =>
-					result.innerHTML.includes( 'New page' )
-				)
-			);
+			const createButton = Array.from( searchResultElements ).filter(
+				( result ) => result.innerHTML.includes( 'New page' )
+			)[ 0 ];
 
 			// Verify input has no value.
 			expect( searchInput.value ).toBe( '' );
@@ -1323,11 +1316,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 					'[role="listbox"] [role="option"]'
 				);
 
-				const createButton = first(
-					Array.from( searchResultElements ).filter( ( result ) =>
-						result.innerHTML.includes( 'New page' )
-					)
-				);
+				const createButton = Array.from( searchResultElements ).filter(
+					( result ) => result.innerHTML.includes( 'New page' )
+				)[ 0 ];
 
 				expect( createButton ).toBeFalsy(); // Shouldn't exist!
 			}
@@ -1368,11 +1359,9 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			let searchResultElements = container.querySelectorAll(
 				'[role="listbox"] [role="option"]'
 			);
-			let createButton = first(
-				Array.from( searchResultElements ).filter( ( result ) =>
-					result.innerHTML.includes( 'Create:' )
-				)
-			);
+			let createButton = Array.from( searchResultElements ).filter(
+				( result ) => result.innerHTML.includes( 'Create:' )
+			)[ 0 ];
 
 			await act( async () => {
 				Simulate.click( createButton );
@@ -1409,18 +1398,16 @@ describe( 'Creating Entities (eg: Posts, Pages)', () => {
 			searchResultElements = container.querySelectorAll(
 				'[role="listbox"] [role="option"]'
 			);
-			createButton = first(
-				Array.from( searchResultElements ).filter( ( result ) =>
-					result.innerHTML.includes( 'New page' )
-				)
-			);
+			createButton = Array.from( searchResultElements ).filter(
+				( result ) => result.innerHTML.includes( 'New page' )
+			)[ 0 ];
 		} );
 	} );
 } );
 
 describe( 'Selecting links', () => {
 	it( 'should display a selected link corresponding to the provided "currentLink" prop', () => {
-		const selectedLink = first( fauxEntitySuggestions );
+		const selectedLink = fauxEntitySuggestions[ 0 ];
 
 		const LinkControlConsumer = () => {
 			const [ link ] = useState( selectedLink );
@@ -1449,7 +1436,7 @@ describe( 'Selecting links', () => {
 	} );
 
 	it( 'should hide "selected" link UI and display search UI prepopulated with previously selected link title when "Change" button is clicked', () => {
-		const selectedLink = first( fauxEntitySuggestions );
+		const selectedLink = fauxEntitySuggestions[ 0 ];
 
 		const LinkControlConsumer = () => {
 			const [ link, setLink ] = useState( selectedLink );
@@ -1486,7 +1473,7 @@ describe( 'Selecting links', () => {
 
 	describe( 'Selection using mouse click', () => {
 		it.each( [
-			[ 'entity', 'hello world', first( fauxEntitySuggestions ) ], // Entity search.
+			[ 'entity', 'hello world', fauxEntitySuggestions[ 0 ] ], // Entity search.
 			[
 				'url',
 				'https://www.wordpress.org',
@@ -1530,7 +1517,7 @@ describe( 'Selecting links', () => {
 
 				const searchResultElements = getSearchResults();
 
-				const firstSearchSuggestion = first( searchResultElements );
+				const firstSearchSuggestion = searchResultElements[ 0 ];
 
 				// Simulate selecting the first of the search suggestions.
 				act( () => {
@@ -1559,7 +1546,7 @@ describe( 'Selecting links', () => {
 
 	describe( 'Selection using keyboard', () => {
 		it.each( [
-			[ 'entity', 'hello world', first( fauxEntitySuggestions ) ], // Entity search.
+			[ 'entity', 'hello world', fauxEntitySuggestions[ 0 ] ], // Entity search.
 			[
 				'url',
 				'https://www.wordpress.org',
@@ -1609,8 +1596,8 @@ describe( 'Selecting links', () => {
 
 				const searchResultElements = getSearchResults();
 
-				const firstSearchSuggestion = first( searchResultElements );
-				const secondSearchSuggestion = nth( searchResultElements, 1 );
+				const firstSearchSuggestion = searchResultElements[ 0 ];
+				const secondSearchSuggestion = searchResultElements[ 1 ];
 
 				let selectedSearchResultElement = container.querySelector(
 					'[role="option"][aria-selected="true"]'
@@ -1690,9 +1677,8 @@ describe( 'Selecting links', () => {
 
 			await eventLoopTick();
 
-			const searchResultsWrapper = container.querySelector(
-				'[role="listbox"]'
-			);
+			const searchResultsWrapper =
+				container.querySelector( '[role="listbox"]' );
 
 			const searchResultsLabel = container.querySelector(
 				`#${ searchResultsWrapper.getAttribute( 'aria-labelledby' ) }`
@@ -1714,8 +1700,8 @@ describe( 'Selecting links', () => {
 
 			const searchResultElements = getSearchResults();
 
-			const firstSearchSuggestion = first( searchResultElements );
-			const secondSearchSuggestion = nth( searchResultElements, 1 );
+			const firstSearchSuggestion = searchResultElements[ 0 ];
+			const secondSearchSuggestion = searchResultElements[ 1 ];
 
 			let selectedSearchResultElement = container.querySelector(
 				'[role="option"][aria-selected="true"]'
@@ -1761,7 +1747,7 @@ describe( 'Selecting links', () => {
 
 describe( 'Addition Settings UI', () => {
 	it( 'should display "New Tab" setting (in "off" mode) by default when a link is selected', async () => {
-		const selectedLink = first( fauxEntitySuggestions );
+		const selectedLink = fauxEntitySuggestions[ 0 ];
 		const expectedSettingText = 'Open in new tab';
 
 		const LinkControlConsumer = () => {
@@ -1784,9 +1770,8 @@ describe( 'Addition Settings UI', () => {
 
 		expect( newTabSettingLabel ).not.toBeUndefined(); // find() returns "undefined" if not found.
 
-		const newTabSettingLabelForAttr = newTabSettingLabel.getAttribute(
-			'for'
-		);
+		const newTabSettingLabelForAttr =
+			newTabSettingLabel.getAttribute( 'for' );
 		const newTabSettingInput = container.querySelector(
 			`#${ newTabSettingLabelForAttr }`
 		);
@@ -1795,7 +1780,7 @@ describe( 'Addition Settings UI', () => {
 	} );
 
 	it( 'should display a setting control with correct default state for each of the custom settings provided', async () => {
-		const selectedLink = first( fauxEntitySuggestions );
+		const selectedLink = fauxEntitySuggestions[ 0 ];
 
 		const customSettings = [
 			{
@@ -1951,8 +1936,7 @@ describe( 'Rich link previews', () => {
 	it( 'should not fetch or display rich previews by default', async () => {
 		mockFetchRichUrlData.mockImplementation( () =>
 			Promise.resolve( {
-				title:
-					'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
+				title: 'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
 				icon: 'https://s.w.org/favicon.ico?2',
 				description:
 					'Open source software which you can use to easily create a beautiful website, blog, or app.',
@@ -1982,8 +1966,7 @@ describe( 'Rich link previews', () => {
 	it( 'should display a rich preview when data is available', async () => {
 		mockFetchRichUrlData.mockImplementation( () =>
 			Promise.resolve( {
-				title:
-					'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
+				title: 'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
 				icon: 'https://s.w.org/favicon.ico?2',
 				description:
 					'Open source software which you can use to easily create a beautiful website, blog, or app.',
@@ -2093,8 +2076,7 @@ describe( 'Rich link previews', () => {
 	it( 'should display a fallback when icon is missing from rich data', async () => {
 		mockFetchRichUrlData.mockImplementation( () =>
 			Promise.resolve( {
-				title:
-					'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
+				title: 'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
 				description:
 					'Open source software which you can use to easily create a beautiful website, blog, or app.',
 				image: 'https://s.w.org/images/home/screen-themes.png?3',
@@ -2136,8 +2118,7 @@ describe( 'Rich link previews', () => {
 		async ( dataItem ) => {
 			mockFetchRichUrlData.mockImplementation( () => {
 				const data = {
-					title:
-						'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
+					title: 'Blog Tool, Publishing Platform, and CMS \u2014 WordPress.org',
 					icon: 'https://s.w.org/favicon.ico?2',
 					description:
 						'Open source software which you can use to easily create a beautiful website, blog, or app.',
@@ -2163,9 +2144,8 @@ describe( 'Rich link previews', () => {
 				"[aria-label='Currently selected']"
 			);
 
-			const isRichLinkPreview = linkPreview.classList.contains(
-				'is-rich'
-			);
+			const isRichLinkPreview =
+				linkPreview.classList.contains( 'is-rich' );
 			expect( isRichLinkPreview ).toBe( true );
 
 			const missingDataItem = linkPreview.querySelector(
@@ -2202,9 +2182,8 @@ describe( 'Rich link previews', () => {
 				"[aria-label='Currently selected']"
 			);
 
-			const isRichLinkPreview = linkPreview.classList.contains(
-				'is-rich'
-			);
+			const isRichLinkPreview =
+				linkPreview.classList.contains( 'is-rich' );
 
 			expect( isRichLinkPreview ).toBe( false );
 		}
@@ -2231,9 +2210,8 @@ describe( 'Rich link previews', () => {
 			"[aria-label='Currently selected']"
 		);
 
-		const isFetchingRichPreview = linkPreview.classList.contains(
-			'is-fetching'
-		);
+		const isFetchingRichPreview =
+			linkPreview.classList.contains( 'is-fetching' );
 		const isRichLinkPreview = linkPreview.classList.contains( 'is-rich' );
 
 		expect( isFetchingRichPreview ).toBe( true );
@@ -2261,9 +2239,8 @@ describe( 'Rich link previews', () => {
 			"[aria-label='Currently selected']"
 		);
 
-		const isFetchingRichPreview = linkPreview.classList.contains(
-			'is-fetching'
-		);
+		const isFetchingRichPreview =
+			linkPreview.classList.contains( 'is-fetching' );
 
 		const isRichLinkPreview = linkPreview.classList.contains( 'is-rich' );
 
@@ -2278,7 +2255,7 @@ describe( 'Rich link previews', () => {
 } );
 
 describe( 'Controlling link title text', () => {
-	const selectedLink = first( fauxEntitySuggestions );
+	const selectedLink = fauxEntitySuggestions[ 0 ];
 
 	it( 'should not show a means to alter the link title text by default', async () => {
 		act( () => {
@@ -2297,7 +2274,7 @@ describe( 'Controlling link title text', () => {
 		'should not show the link title text input when the URL is `%s`',
 		async ( urlValue ) => {
 			const selectedLinkWithoutURL = {
-				...first( fauxEntitySuggestions ),
+				...fauxEntitySuggestions[ 0 ],
 				url: urlValue,
 			};
 
@@ -2440,10 +2417,12 @@ describe( 'Controlling link title text', () => {
 			Simulate.keyDown( textInput, { keyCode: ENTER } );
 		} );
 
-		expect( mockOnChange ).toHaveBeenCalledWith( {
-			title: textValue,
-			url: selectedLink.url,
-		} );
+		expect( mockOnChange ).toHaveBeenCalledWith(
+			expect.objectContaining( {
+				title: textValue,
+				url: selectedLink.url,
+			} )
+		);
 
 		// The text input should not be showing as the form is submitted.
 		expect(

package/src/components/link-control/use-search-handler.js

@@ -138,8 +138,8 @@ export default function useSearchHandler(
 
 		return {
 			pageOnFront: getSettings().pageOnFront,
-			fetchSearchSuggestions: getSettings()
-				.__experimentalFetchLinkSuggestions,
+			fetchSearchSuggestions:
+				getSettings().__experimentalFetchLinkSuggestions,
 		};
 	}, [] );
 

package/src/components/list-view/block-contents.js

@@ -36,10 +36,8 @@ const ListViewBlockContents = forwardRef(
 
 		const { blockMovingClientId, selectedBlockInBlockEditor } = useSelect(
 			( select ) => {
-				const {
-					hasBlockMovingClientId,
-					getSelectedBlockClientId,
-				} = select( blockEditorStore );
+				const { hasBlockMovingClientId, getSelectedBlockClientId } =
+					select( blockEditorStore );
 				return {
 					blockMovingClientId: hasBlockMovingClientId(),
 					selectedBlockInBlockEditor: getSelectedBlockClientId(),