@wordpress/edit-site 4.7.0 → 4.8.0

package/build-style/style.css

@@ -1094,8 +1094,7 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
   width: 36px;
   height: 36px;
   border-radius: 2px;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   margin-top: -1px;
 }
 
@@ -1434,8 +1433,7 @@ body.is-fullscreen-mode .edit-site-list-header {
 .edit-site-list-added-by__avatar img {
   width: 32px;
   height: 32px;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   opacity: 0;
   transition: opacity 0.1s linear;
 }
@@ -1963,8 +1961,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-welcome-guide__image > img {
   display: block;
   max-width: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .edit-site-welcome-guide__heading {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "4.7.0",
+	"version": "4.8.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,33 +27,33 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.10.0",
-		"@wordpress/api-fetch": "^6.7.0",
-		"@wordpress/block-editor": "^9.2.0",
-		"@wordpress/block-library": "^7.7.0",
-		"@wordpress/blocks": "^11.9.0",
-		"@wordpress/components": "^19.12.0",
-		"@wordpress/compose": "^5.8.0",
-		"@wordpress/core-data": "^4.8.0",
-		"@wordpress/data": "^6.10.0",
-		"@wordpress/deprecated": "^3.10.0",
-		"@wordpress/editor": "^12.9.0",
-		"@wordpress/element": "^4.8.0",
-		"@wordpress/hooks": "^3.10.0",
-		"@wordpress/html-entities": "^3.10.0",
-		"@wordpress/i18n": "^4.10.0",
-		"@wordpress/icons": "^9.1.0",
-		"@wordpress/interface": "^4.9.0",
-		"@wordpress/keyboard-shortcuts": "^3.8.0",
-		"@wordpress/keycodes": "^3.10.0",
-		"@wordpress/media-utils": "^4.1.0",
-		"@wordpress/notices": "^3.10.0",
-		"@wordpress/plugins": "^4.8.0",
-		"@wordpress/preferences": "^2.2.0",
-		"@wordpress/reusable-blocks": "^3.8.0",
-		"@wordpress/style-engine": "^0.9.0",
-		"@wordpress/url": "^3.11.0",
-		"@wordpress/viewport": "^4.8.0",
+		"@wordpress/a11y": "^3.11.0",
+		"@wordpress/api-fetch": "^6.8.0",
+		"@wordpress/block-editor": "^9.3.0",
+		"@wordpress/block-library": "^7.8.0",
+		"@wordpress/blocks": "^11.10.0",
+		"@wordpress/components": "^19.13.0",
+		"@wordpress/compose": "^5.9.0",
+		"@wordpress/core-data": "^4.9.0",
+		"@wordpress/data": "^6.11.0",
+		"@wordpress/deprecated": "^3.11.0",
+		"@wordpress/editor": "^12.10.0",
+		"@wordpress/element": "^4.9.0",
+		"@wordpress/hooks": "^3.11.0",
+		"@wordpress/html-entities": "^3.11.0",
+		"@wordpress/i18n": "^4.11.0",
+		"@wordpress/icons": "^9.2.0",
+		"@wordpress/interface": "^4.10.0",
+		"@wordpress/keyboard-shortcuts": "^3.9.0",
+		"@wordpress/keycodes": "^3.11.0",
+		"@wordpress/media-utils": "^4.2.0",
+		"@wordpress/notices": "^3.11.0",
+		"@wordpress/plugins": "^4.9.0",
+		"@wordpress/preferences": "^2.3.0",
+		"@wordpress/reusable-blocks": "^3.9.0",
+		"@wordpress/style-engine": "^0.10.0",
+		"@wordpress/url": "^3.12.0",
+		"@wordpress/viewport": "^4.9.0",
 		"classnames": "^2.3.1",
 		"downloadjs": "^1.4.7",
 		"history": "^5.1.0",
@@ -68,5 +68,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a3e0b62091e8a8bdf5e2518e42d60d7098af48cc"
+	"gitHead": "48d5f37dfb52d2e77c8eeb662f9874cf141b8c6b"
 }

package/src/components/add-new-template/new-template.js

@@ -79,9 +79,8 @@ export default function NewTemplate( { postType } ) {
 				'wp_template',
 				{ per_page: -1 }
 			),
-			defaultTemplateTypes: select(
-				editorStore
-			).__experimentalGetDefaultTemplateTypes(),
+			defaultTemplateTypes:
+				select( editorStore ).__experimentalGetDefaultTemplateTypes(),
 		} ),
 		[]
 	);

package/src/components/block-editor/block-inspector-button.js

@@ -30,9 +30,8 @@ export default function BlockInspectorButton( { onClick = () => {} } ) {
 		} ),
 		[]
 	);
-	const { enableComplementaryArea, disableComplementaryArea } = useDispatch(
-		interfaceStore
-	);
+	const { enableComplementaryArea, disableComplementaryArea } =
+		useDispatch( interfaceStore );
 
 	const label = isBlockInspectorOpen
 		? __( 'Hide more settings' )

package/src/components/block-editor/index.js

@@ -51,12 +51,8 @@ const LAYOUT = {
 export default function BlockEditor( { setIsInserterOpen } ) {
 	const { storedSettings, templateType, templateId, page } = useSelect(
 		( select ) => {
-			const {
-				getSettings,
-				getEditedPostType,
-				getEditedPostId,
-				getPage,
-			} = select( editSiteStore );
+			const { getSettings, getEditedPostType, getEditedPostId, getPage } =
+				select( editSiteStore );
 
 			return {
 				storedSettings: getSettings( setIsInserterOpen ),
@@ -78,9 +74,8 @@ export default function BlockEditor( { setIsInserterOpen } ) {
 	const { restBlockPatterns, restBlockPatternCategories } = useSelect(
 		( select ) => ( {
 			restBlockPatterns: select( coreStore ).getBlockPatterns(),
-			restBlockPatternCategories: select(
-				coreStore
-			).getBlockPatternCategories(),
+			restBlockPatternCategories:
+				select( coreStore ).getBlockPatternCategories(),
 		} ),
 		[]
 	);

package/src/components/edit-template-part-menu-button/index.js

@@ -34,9 +34,8 @@ function EditTemplatePartMenuItem( { selectedClientId, onClose } ) {
 	const { params } = useLocation();
 	const selectedTemplatePart = useSelect(
 		( select ) => {
-			const block = select( blockEditorStore ).getBlock(
-				selectedClientId
-			);
+			const block =
+				select( blockEditorStore ).getBlock( selectedClientId );
 
 			if ( block && isTemplatePart( block ) ) {
 				const { theme, slug } = block.attributes;

package/src/components/editor/index.js

@@ -119,10 +119,8 @@ function Editor( { onError } ) {
 	const { setPage, setIsInserterOpened } = useDispatch( editSiteStore );
 	const { enableComplementaryArea } = useDispatch( interfaceStore );
 
-	const [
-		isEntitiesSavedStatesOpen,
-		setIsEntitiesSavedStatesOpen,
-	] = useState( false );
+	const [ isEntitiesSavedStatesOpen, setIsEntitiesSavedStatesOpen ] =
+		useState( false );
 	const openEntitiesSavedStates = useCallback(
 		() => setIsEntitiesSavedStatesOpen( true ),
 		[]
@@ -217,7 +215,8 @@ function Editor( { onError } ) {
 										<InterfaceSkeleton
 											labels={ {
 												...interfaceLabels,
-												secondarySidebar: secondarySidebarLabel,
+												secondarySidebar:
+													secondarySidebarLabel,
 											} }
 											className={
 												showIconLabels &&

package/src/components/global-styles/global-styles-provider.js

@@ -48,9 +48,8 @@ const cleanEmptyObject = ( object ) => {
 
 function useGlobalStylesUserConfig() {
 	const { globalStylesId, settings, styles } = useSelect( ( select ) => {
-		const _globalStylesId = select(
-			coreStore
-		).__experimentalGetCurrentGlobalStylesId();
+		const _globalStylesId =
+			select( coreStore ).__experimentalGetCurrentGlobalStylesId();
 		const record = _globalStylesId
 			? select( coreStore ).getEditedEntityRecord(
 					'root',
@@ -108,11 +107,8 @@ function useGlobalStylesBaseConfig() {
 }
 
 function useGlobalStylesContext() {
-	const [
-		isUserConfigReady,
-		userConfig,
-		setUserConfig,
-	] = useGlobalStylesUserConfig();
+	const [ isUserConfigReady, userConfig, setUserConfig ] =
+		useGlobalStylesUserConfig();
 	const [ isBaseConfigReady, baseConfig ] = useGlobalStylesBaseConfig();
 	const mergedConfig = useMemo( () => {
 		if ( ! baseConfig || ! userConfig ) {

package/src/components/global-styles/gradients-palette-panel.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { noop } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -20,6 +15,8 @@ import { __ } from '@wordpress/i18n';
 import { useSetting } from './hooks';
 import Subtitle from './subtitle';
 
+const noop = () => {};
+
 export default function GradientPalettePanel( { name } ) {
 	const [ themeGradients, setThemeGradients ] = useSetting(
 		'color.gradients.theme',

package/src/components/global-styles/hooks.js

@@ -27,9 +27,10 @@ export const useGlobalStylesReset = () => {
 	const canReset = !! config && ! isEqual( config, EMPTY_CONFIG );
 	return [
 		canReset,
-		useCallback( () => setUserConfig( () => EMPTY_CONFIG ), [
-			setUserConfig,
-		] ),
+		useCallback(
+			() => setUserConfig( () => EMPTY_CONFIG ),
+			[ setUserConfig ]
+		),
 	];
 };
 

package/src/components/global-styles/screen-block-list.js

@@ -40,10 +40,10 @@ function useSortedBlockTypes() {
 		type.push( block );
 		return blocks;
 	};
-	const {
-		core: coreItems,
-		noncore: nonCoreItems,
-	} = blockItems.reduce( groupByType, { core: [], noncore: [] } );
+	const { core: coreItems, noncore: nonCoreItems } = blockItems.reduce(
+		groupByType,
+		{ core: [], noncore: [] }
+	);
 	return [ ...coreItems, ...nonCoreItems ];
 }
 

package/src/components/global-styles/screen-root.js

@@ -28,9 +28,10 @@ import StylesPreview from './preview';
 function ScreenRoot() {
 	const { variations } = useSelect( ( select ) => {
 		return {
-			variations: select(
-				coreStore
-			).__experimentalGetCurrentThemeGlobalStylesVariations(),
+			variations:
+				select(
+					coreStore
+				).__experimentalGetCurrentThemeGlobalStylesVariations(),
 		};
 	}, [] );
 

package/src/components/global-styles/screen-style-variations.js

@@ -79,6 +79,7 @@ function Variation( { variation } ) {
 				onKeyDown={ selectOnEnter }
 				tabIndex="0"
 				aria-label={ variation?.title }
+				aria-current={ isActive }
 				onFocus={ () => setIsFocused( true ) }
 				onBlur={ () => setIsFocused( false ) }
 			>
@@ -96,9 +97,10 @@ function Variation( { variation } ) {
 function ScreenStyleVariations() {
 	const { variations } = useSelect( ( select ) => {
 		return {
-			variations: select(
-				coreStore
-			).__experimentalGetCurrentThemeGlobalStylesVariations(),
+			variations:
+				select(
+					coreStore
+				).__experimentalGetCurrentThemeGlobalStylesVariations(),
 		};
 	}, [] );
 
@@ -109,7 +111,11 @@ function ScreenStyleVariations() {
 				settings: {},
 				styles: {},
 			},
-			...variations,
+			...variations.map( ( variation ) => ( {
+				...variation,
+				settings: variation.settings ?? {},
+				styles: variation.styles ?? {},
+			} ) ),
 		];
 	}, [ variations ] );
 

package/src/components/header/index.js

@@ -57,9 +57,8 @@ export default function Header( {
 			getEditorMode,
 		} = select( editSiteStore );
 		const { getEditedEntityRecord } = select( coreStore );
-		const { __experimentalGetTemplateInfo: getTemplateInfo } = select(
-			editorStore
-		);
+		const { __experimentalGetTemplateInfo: getTemplateInfo } =
+			select( editorStore );
 		const { getShortcutRepresentation } = select( keyboardShortcutsStore );
 
 		const postType = getEditedPostType();

package/src/components/header/mode-switcher/index.js

@@ -36,10 +36,10 @@ function ModeSwitcher() {
 			shortcut: select(
 				keyboardShortcutsStore
 			).getShortcutRepresentation( 'core/edit-site/toggle-mode' ),
-			isRichEditingEnabled: select( editSiteStore ).getSettings()
-				.richEditingEnabled,
-			isCodeEditingEnabled: select( editSiteStore ).getSettings()
-				.codeEditingEnabled,
+			isRichEditingEnabled:
+				select( editSiteStore ).getSettings().richEditingEnabled,
+			isCodeEditingEnabled:
+				select( editSiteStore ).getSettings().codeEditingEnabled,
 			mode: select( editSiteStore ).getEditorMode(),
 		} ),
 		[]

package/src/components/header/more-menu/copy-content-menu-item.js

@@ -18,9 +18,8 @@ export default function CopyContentMenuItem() {
 	const { createNotice } = useDispatch( noticesStore );
 	const getText = useSelect( ( select ) => {
 		return () => {
-			const { getEditedPostId, getEditedPostType } = select(
-				editSiteStore
-			);
+			const { getEditedPostId, getEditedPostType } =
+				select( editSiteStore );
 			const { getEditedEntityRecord } = select( coreStore );
 			const record = getEditedEntityRecord(
 				'postType',
@@ -49,5 +48,5 @@ export default function CopyContentMenuItem() {
 
 	const ref = useCopyToClipboard( getText, onSuccess );
 
-	return <MenuItem ref={ ref }>{ __( 'Copy all content' ) }</MenuItem>;
+	return <MenuItem ref={ ref }>{ __( 'Copy all blocks' ) }</MenuItem>;
 }

package/src/components/header/more-menu/site-export.js

@@ -26,9 +26,8 @@ export default function SiteExport() {
 			const contentDisposition = response.headers.get(
 				'content-disposition'
 			);
-			const contentDispositionMatches = contentDisposition.match(
-				/=(.+)\.zip/
-			);
+			const contentDispositionMatches =
+				contentDisposition.match( /=(.+)\.zip/ );
 			const fileName = contentDispositionMatches[ 1 ]
 				? contentDispositionMatches[ 1 ]
 				: 'edit-site-export';

package/src/components/keyboard-shortcuts/index.js

@@ -19,10 +19,8 @@ import { SIDEBAR_BLOCK } from '../sidebar/constants';
 import { STORE_NAME } from '../../store/constants';
 
 function KeyboardShortcuts( { openEntitiesSavedStates } ) {
-	const {
-		__experimentalGetDirtyEntityRecords,
-		isSavingEntityRecord,
-	} = useSelect( coreStore );
+	const { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =
+		useSelect( coreStore );
 	const { getEditorMode } = useSelect( editSiteStore );
 	const isListViewOpen = useSelect(
 		( select ) => select( editSiteStore ).isListViewOpened(),
@@ -36,12 +34,10 @@ function KeyboardShortcuts( { openEntitiesSavedStates } ) {
 		[]
 	);
 	const { redo, undo } = useDispatch( coreStore );
-	const { setIsListViewOpened, switchEditorMode } = useDispatch(
-		editSiteStore
-	);
-	const { enableComplementaryArea, disableComplementaryArea } = useDispatch(
-		interfaceStore
-	);
+	const { setIsListViewOpened, switchEditorMode } =
+		useDispatch( editSiteStore );
+	const { enableComplementaryArea, disableComplementaryArea } =
+		useDispatch( interfaceStore );
 
 	useShortcut( 'core/edit-site/save', ( event ) => {
 		event.preventDefault();

package/src/components/list/actions/index.js

@@ -19,9 +19,8 @@ import RenameMenuItem from './rename-menu-item';
 export default function Actions( { template } ) {
 	const { removeTemplate, revertTemplate } = useDispatch( editSiteStore );
 	const { saveEditedEntityRecord } = useDispatch( coreStore );
-	const { createSuccessNotice, createErrorNotice } = useDispatch(
-		noticesStore
-	);
+	const { createSuccessNotice, createErrorNotice } =
+		useDispatch( noticesStore );
 
 	const isRemovable = isTemplateRemovable( template );
 	const isRevertable = isTemplateRevertable( template );

package/src/components/list/actions/rename-menu-item.js

@@ -19,12 +19,10 @@ export default function RenameMenuItem( { template, onClose } ) {
 	const [ title, setTitle ] = useState( () => template.title.rendered );
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
 
-	const { editEntityRecord, saveEditedEntityRecord } = useDispatch(
-		coreStore
-	);
-	const { createSuccessNotice, createErrorNotice } = useDispatch(
-		noticesStore
-	);
+	const { editEntityRecord, saveEditedEntityRecord } =
+		useDispatch( coreStore );
+	const { createSuccessNotice, createErrorNotice } =
+		useDispatch( noticesStore );
 
 	if ( ! template.is_custom ) {
 		return null;

package/src/components/list/added-by.js

@@ -106,9 +106,10 @@ function AddedByPlugin( { slug, isCustomized } ) {
 }
 
 function AddedByAuthor( { id } ) {
-	const user = useSelect( ( select ) => select( coreStore ).getUser( id ), [
-		id,
-	] );
+	const user = useSelect(
+		( select ) => select( coreStore ).getUser( id ),
+		[ id ]
+	);
 
 	return (
 		<BaseAddedBy

package/src/components/navigation-sidebar/index.js

@@ -18,10 +18,8 @@ export const {
 	Slot: NavigationPanelPreviewSlot,
 } = createSlotFill( 'EditSiteNavigationPanelPreview' );
 
-const {
-	Fill: NavigationSidebarFill,
-	Slot: NavigationSidebarSlot,
-} = createSlotFill( 'EditSiteNavigationSidebar' );
+const { Fill: NavigationSidebarFill, Slot: NavigationSidebarSlot } =
+	createSlotFill( 'EditSiteNavigationSidebar' );
 
 function NavigationSidebar( { isDefaultOpen = false, activeTemplateType } ) {
 	const isDesktopViewport = useViewportMatch( 'medium' );

package/src/components/save-button/index.js

@@ -16,10 +16,8 @@ export default function SaveButton( {
 	isEntitiesSavedStatesOpen,
 } ) {
 	const { isDirty, isSaving } = useSelect( ( select ) => {
-		const {
-			__experimentalGetDirtyEntityRecords,
-			isSavingEntityRecord,
-		} = select( coreStore );
+		const { __experimentalGetDirtyEntityRecords, isSavingEntityRecord } =
+			select( coreStore );
 		const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
 		return {
 			isDirty: dirtyEntityRecords.length > 0,

package/src/components/sidebar/index.js

@@ -28,9 +28,10 @@ export const SidebarInspectorFill = InspectorFill;
 export function SidebarComplementaryAreaFills() {
 	const { sidebar, isEditorSidebarOpened, hasBlockSelection } = useSelect(
 		( select ) => {
-			const _sidebar = select(
-				interfaceStore
-			).getActiveComplementaryArea( STORE_NAME );
+			const _sidebar =
+				select( interfaceStore ).getActiveComplementaryArea(
+					STORE_NAME
+				);
 			const _isEditorSidebarOpened = [
 				SIDEBAR_BLOCK,
 				SIDEBAR_TEMPLATE,
@@ -38,9 +39,8 @@ export function SidebarComplementaryAreaFills() {
 			return {
 				sidebar: _sidebar,
 				isEditorSidebarOpened: _isEditorSidebarOpened,
-				hasBlockSelection: !! select(
-					blockEditorStore
-				).getBlockSelectionStart(),
+				hasBlockSelection:
+					!! select( blockEditorStore ).getBlockSelectionStart(),
 			};
 		},
 		[]

package/src/components/sidebar/navigation-menu-sidebar/navigation-inspector.js

@@ -35,9 +35,8 @@ export default function NavigationInspector() {
 			getBlock,
 		} = select( blockEditorStore );
 
-		const { getEntityRecords, hasFinishedResolution, isResolving } = select(
-			coreStore
-		);
+		const { getEntityRecords, hasFinishedResolution, isResolving } =
+			select( coreStore );
 
 		const navigationMenusQuery = [
 			'postType',
@@ -46,14 +45,12 @@ export default function NavigationInspector() {
 		];
 
 		// Get the active Navigation block (if present).
-		const selectedNavId = __experimentalGetActiveBlockIdByBlockNames(
-			'core/navigation'
-		);
+		const selectedNavId =
+			__experimentalGetActiveBlockIdByBlockNames( 'core/navigation' );
 
 		// Get all Navigation blocks currently within the editor canvas.
-		const navBlockIds = __experimentalGetGlobalBlocksByName(
-			'core/navigation'
-		);
+		const navBlockIds =
+			__experimentalGetGlobalBlocksByName( 'core/navigation' );
 		const idToRef = {};
 		navBlockIds.forEach( ( id ) => {
 			idToRef[ id ] = getBlock( id )?.attributes?.ref;

package/src/components/sidebar/template-card/index.js

@@ -16,9 +16,8 @@ export default function TemplateCard() {
 	const { title, description, icon } = useSelect( ( select ) => {
 		const { getEditedPostType, getEditedPostId } = select( editSiteStore );
 		const { getEntityRecord } = select( coreStore );
-		const { __experimentalGetTemplateInfo: getTemplateInfo } = select(
-			editorStore
-		);
+		const { __experimentalGetTemplateInfo: getTemplateInfo } =
+			select( editorStore );
 
 		const postType = getEditedPostType();
 		const postId = getEditedPostId();

package/src/components/sidebar/template-card/template-areas.js

@@ -16,14 +16,14 @@ import { __ } from '@wordpress/i18n';
 import { store as editSiteStore } from '../../../store';
 
 function TemplateAreaItem( { area, clientId } ) {
-	const { selectBlock, toggleBlockHighlight } = useDispatch(
-		blockEditorStore
-	);
+	const { selectBlock, toggleBlockHighlight } =
+		useDispatch( blockEditorStore );
 	const templatePartArea = useSelect(
 		( select ) => {
-			const defaultAreas = select(
-				editorStore
-			).__experimentalGetDefaultTemplatePartAreas();
+			const defaultAreas =
+				select(
+					editorStore
+				).__experimentalGetDefaultTemplatePartAreas();
 
 			return defaultAreas.find(
 				( defaultArea ) => defaultArea.area === area

package/src/components/template-details/template-areas.js

@@ -75,14 +75,14 @@ function TemplatePartItem( {
 	clientId,
 	closeTemplateDetailsDropdown,
 } ) {
-	const { selectBlock, toggleBlockHighlight } = useDispatch(
-		blockEditorStore
-	);
+	const { selectBlock, toggleBlockHighlight } =
+		useDispatch( blockEditorStore );
 	const templatePartArea = useSelect(
 		( select ) => {
-			const defaultAreas = select(
-				editorStore
-			).__experimentalGetDefaultTemplatePartAreas();
+			const defaultAreas =
+				select(
+					editorStore
+				).__experimentalGetDefaultTemplatePartAreas();
 
 			return defaultAreas.find(
 				( defaultArea ) => defaultArea.area === templatePart.area

package/src/components/template-part-converter/index.js

@@ -12,9 +12,8 @@ import ConvertToTemplatePart from './convert-to-template-part';
 
 export default function TemplatePartConverter() {
 	const { clientIds, blocks } = useSelect( ( select ) => {
-		const { getSelectedBlockClientIds, getBlocksByClientId } = select(
-			blockEditorStore
-		);
+		const { getSelectedBlockClientIds, getBlocksByClientId } =
+			select( blockEditorStore );
 		const selectedBlockClientIds = getSelectedBlockClientIds();
 		return {
 			clientIds: selectedBlockClientIds,

package/src/components/url-query-controller/index.js

@@ -11,9 +11,8 @@ import { useLocation } from '../routes';
 import { store as editSiteStore } from '../../store';
 
 export default function URLQueryController() {
-	const { setTemplate, setTemplatePart, setPage } = useDispatch(
-		editSiteStore
-	);
+	const { setTemplate, setTemplatePart, setPage } =
+		useDispatch( editSiteStore );
 	const {
 		params: { postId, postType },
 	} = useLocation();